{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/YhJhSIqxyRz6yub9Dqbw/0tDpNfiZVemXM532Tt1Z/FrostedGlassNavbar.js"],
  "sourcesContent": ["// Responsive navbar with frosted glass shimmer effect on nav item hover\n// Logo: Shantanu Roy, subheadline: Product Designer\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const navLinksDefault=[{label:\"Work\",href:\"#work\"},{label:\"About\",href:\"#about\"},{label:\"Contact\",href:\"#contact\"}];const variants={desktop:1200,tablet:900,mobile:600};function useWindowWidth(){const[width,setWidth]=useState(typeof window!==\"undefined\"?window.innerWidth:1200);useEffect(()=>{if(typeof window===\"undefined\")return;const handleResize=()=>setWidth(window.innerWidth);window.addEventListener(\"resize\",handleResize);return()=>window.removeEventListener(\"resize\",handleResize);},[]);return width;}/**\n * Responsive FrostedGlassNavbar with Frosted Glass Shimmer Effect\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight fixed\n */export default function FrostedGlassNavbar(props){const{navLinks=navLinksDefault,background,textColor,accentColor,logoFont,subFont,navFont,style,variant,buttonFill,buttonBorderColor}=props;// Variant override for preview\nconst width=useWindowWidth();let isMobile=width<variants.tablet;let isTablet=width<variants.desktop&&width>=variants.tablet;if(variant===\"mobile\"){isMobile=true;isTablet=false;}else if(variant===\"tablet\"){isMobile=false;isTablet=true;}else if(variant===\"desktop\"){isMobile=false;isTablet=false;}const[menuOpen,setMenuOpen]=useState(false);function handleMenuToggle(){setMenuOpen(open=>!open);}return /*#__PURE__*/_jsxs(\"nav\",{style:{...style,width:\"100%\",height:72,background:background,color:textColor,position:\"relative\",display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",padding:isMobile?\"0 16px\":\"0 32px\",boxSizing:\"border-box\",boxShadow:\"0 2px 16px 0 rgba(0,0,0,0.04)\",zIndex:10,backdropFilter:\"blur(12px)\",WebkitBackdropFilter:\"blur(12px)\"},\"aria-label\":\"Main navigation\",children:[/*#__PURE__*/_jsxs(\"a\",{href:props.logoLink,style:{textDecoration:\"none\",display:\"flex\",flexDirection:\"column\",gap:props.logoGap,cursor:\"pointer\"},\"aria-label\":\"Home\",children:[/*#__PURE__*/_jsx(\"span\",{style:{...logoFont,color:accentColor,fontWeight:700,fontSize:22,letterSpacing:\"-0.02em\"},children:\"Shantanu Roy\"}),/*#__PURE__*/_jsx(\"span\",{style:{...subFont,color:textColor,fontWeight:400,fontSize:13,opacity:.7},children:\"Product Designer\"})]}),isMobile?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"button\",{\"aria-label\":\"Open menu\",onClick:handleMenuToggle,style:{background:\"none\",border:\"none\",padding:8,cursor:\"pointer\",zIndex:20},children:/*#__PURE__*/_jsxs(\"svg\",{width:\"32\",height:\"32\",viewBox:\"0 0 32 32\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"rect\",{y:\"7\",width:\"32\",height:\"3\",rx:\"1.5\",fill:textColor}),/*#__PURE__*/_jsx(\"rect\",{y:\"15\",width:\"32\",height:\"3\",rx:\"1.5\",fill:textColor}),/*#__PURE__*/_jsx(\"rect\",{y:\"23\",width:\"32\",height:\"3\",rx:\"1.5\",fill:textColor})]})}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"fixed\",top:0,left:0,width:\"100vw\",height:\"100vh\",background:\"rgba(24, 26, 32, 0.72)\",backdropFilter:\"blur(32px) saturate(1.5)\",WebkitBackdropFilter:\"blur(32px) saturate(1.5)\",border:\"1.5px solid rgba(255,255,255,0.10)\",boxShadow:\"0 8px 32px 0 rgba(0,0,0,0.24)\",zIndex:100,display:menuOpen?\"flex\":\"none\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",transition:\"all 0.3s cubic-bezier(.4,0,.2,1)\"},onClick:handleMenuToggle,children:navLinks.map((item,i)=>/*#__PURE__*/_jsxs(\"a\",{href:item.href,style:{...navFont,color:accentColor,fontSize:22,fontWeight:600,margin:16,padding:\"16px 32px\",borderRadius:16,position:\"relative\",textDecoration:\"none\",overflow:\"hidden\",background:buttonFill,border:`1.5px solid ${buttonBorderColor}`,boxShadow:\"0 2px 16px 0 rgba(0,0,0,0.06)\",transition:\"background 0.2s, color 0.2s\",backdropFilter:\"blur(12px)\",WebkitBackdropFilter:\"blur(12px)\"},tabIndex:0,\"aria-label\":item.label,onMouseEnter:e=>{e.currentTarget.classList.add(\"frosted-shimmer\");},onMouseLeave:e=>{e.currentTarget.classList.remove(\"frosted-shimmer\");},children:[item.label,/*#__PURE__*/_jsx(\"span\",{className:\"shimmer\",style:{pointerEvents:\"none\"}})]},item.label))})]}):/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",gap:isTablet?16:32},children:navLinks.map((item,i)=>/*#__PURE__*/_jsxs(\"a\",{href:item.href,style:{...navFont,color:accentColor,fontSize:16,fontWeight:500,padding:isTablet?\"8px 16px\":\"10px 24px\",borderRadius:12,position:\"relative\",textDecoration:\"none\",overflow:\"hidden\",background:buttonFill,border:`1.5px solid ${buttonBorderColor}`,boxShadow:\"0 1px 8px 0 rgba(0,0,0,0.04)\",transition:\"background 0.2s, color 0.2s\",cursor:\"pointer\",backdropFilter:\"blur(12px)\",WebkitBackdropFilter:\"blur(12px)\"},tabIndex:0,\"aria-label\":item.label,onMouseEnter:e=>{e.currentTarget.classList.add(\"frosted-shimmer\");},onMouseLeave:e=>{e.currentTarget.classList.remove(\"frosted-shimmer\");},children:[item.label,/*#__PURE__*/_jsx(\"span\",{className:\"shimmer\",style:{pointerEvents:\"none\"}})]},item.label))}),/*#__PURE__*/_jsx(\"style\",{children:`\n        .frosted-shimmer .shimmer {\n          position: absolute;\n          top: 0; left: 0; right: 0; bottom: 0;\n          pointer-events: none;\n          background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0.2) 100%);\n          filter: blur(6px) saturate(1.5);\n          opacity: 0.7;\n          animation: shimmer-move 1.2s cubic-bezier(.4,0,.2,1) forwards;\n        }\n        @keyframes shimmer-move {\n          0% { transform: translateX(-80%) skewX(-12deg); opacity: 0.2; }\n          40% { opacity: 0.7; }\n          100% { transform: translateX(120%) skewX(-12deg); opacity: 0; }\n        }\n      `})]});}addPropertyControls(FrostedGlassNavbar,{logoLink:{type:ControlType.String,title:\"Logo Link\",defaultValue:\"https://shantanuroy.framer.website\",placeholder:\"/home\"},logoGap:{type:ControlType.Number,title:\"Logo Gap\",defaultValue:0,min:0,max:32,step:1},navLinks:{type:ControlType.Array,title:\"Nav Links\",control:{type:ControlType.Object,controls:{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Work\"},href:{type:ControlType.String,title:\"Link\",defaultValue:\"#work\"}}},defaultValue:navLinksDefault,maxCount:5},variant:{type:ControlType.Enum,title:\"Variant\",options:[\"auto\",\"desktop\",\"tablet\",\"mobile\"],optionTitles:[\"Auto\",\"Desktop\",\"Tablet\",\"Mobile\"],defaultValue:\"auto\",displaySegmentedControl:true},buttonFill:{type:ControlType.Color,title:\"Button Fill\",defaultValue:\"rgba(30,30,40,0.18)\"},buttonBorderColor:{type:ControlType.Color,title:\"Button Border\",defaultValue:\"rgba(30,30,40,0.22)\"},background:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(255,255,255,0.7)\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#222\"},accentColor:{type:ControlType.Color,title:\"Accent Color\",defaultValue:\"#111\"},logoFont:{type:ControlType.Font,title:\"Logo Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"22px\",variant:\"Bold\",letterSpacing:\"-0.02em\",lineHeight:\"1em\"}},subFont:{type:ControlType.Font,title:\"Subheadline Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"13px\",variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1em\"}},navFont:{type:ControlType.Font,title:\"Nav Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"16px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FrostedGlassNavbar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FrostedGlassNavbar.map"],
  "mappings": "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",
  "names": ["navLinksDefault", "variants", "useWindowWidth", "width", "setWidth", "ye", "window", "ue", "handleResize", "FrostedGlassNavbar", "props", "navLinks", "background", "textColor", "accentColor", "logoFont", "subFont", "navFont", "style", "variant", "buttonFill", "buttonBorderColor", "isMobile", "isTablet", "menuOpen", "setMenuOpen", "handleMenuToggle", "open", "u", "p", "l", "item", "i", "e", "addPropertyControls", "ControlType"]
}