{"version":3,"file":"DropdownNavigation.CIpxknMu.mjs","names":["useState","useRef","__esmMin","init_npm_react_18_3_1","te","window","_e","de","init_jsx_runtime","p","ce","init_ssg_sandbox_shims","motion","AnimatePresence","init_framer_motion_DhsWWWsN","init_framer_BWFVvmND","useIsStaticRenderer","addPropertyControls","ControlType","DropdownNavigation","props","isOpen","setIsOpen","selectedIndex","setSelectedIndex","initialSelectedIndex","containerRef","isStatic","handleClickOutside","event","handleSelect","index","item","toggleDropdown","selectedItem","items","menuVariants","chevronVariants","font","padding","textColor","borderColor","shadow","accentColor","placeholder","DropdownItem","borderRadius","isHovered","setIsHovered","isSelected","init_DropdownNavigation"],"sources":["https:/framerusercontent.com/modules/CoHJucTd7ZFGUe1vTt7z/99HI5N5AaBhOR4nQtPkI/DropdownNavigation.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{AnimatePresence,motion}from\"framer-motion\";import{useEffect,useRef,useState,startTransition}from\"react\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function DropdownNavigation(props){const{items=[],placeholder,backgroundColor,textColor,borderColor,accentColor,font,borderRadius,padding,shadow,initialSelectedIndex}=props;const[isOpen,setIsOpen]=useState(false);const[selectedIndex,setSelectedIndex]=useState(initialSelectedIndex);const containerRef=useRef(null);const isStatic=useIsStaticRenderer();useEffect(()=>{setSelectedIndex(initialSelectedIndex);},[initialSelectedIndex]);// Close dropdown when clicking outside\nuseEffect(()=>{if(isStatic||!isOpen)return;const handleClickOutside=event=>{if(containerRef.current&&!containerRef.current.contains(event.target)){startTransition(()=>setIsOpen(false));}};document.addEventListener(\"mousedown\",handleClickOutside);return()=>{document.removeEventListener(\"mousedown\",handleClickOutside);};},[isStatic,isOpen]);const handleSelect=(index,item)=>{startTransition(()=>{setSelectedIndex(index);setIsOpen(false);});// Handle navigation if a link is provided\nif(item.link&&!isStatic){// Check if it's an external link or internal\nif(item.link.startsWith(\"http\")||item.link.startsWith(\"mailto\")){window.open(item.link,\"_blank\");}else{// For internal links, we try to use window.location\n// In a real Framer site, this might need specific handling depending on router\nwindow.location.href=item.link;}}};const toggleDropdown=()=>{if(isStatic)return;startTransition(()=>setIsOpen(!isOpen));};const selectedItem=selectedIndex>=0&&selectedIndex/*#__PURE__*/_jsx(DropdownItem,{item:item,isSelected:index===selectedIndex,onClick:()=>handleSelect(index,item),accentColor:accentColor,textColor:textColor,borderRadius:Math.max(0,borderRadius-2),padding:padding,font:font},item.id||index))})})]});}function DropdownItem({item,isSelected,onClick,accentColor,textColor,borderRadius,padding,font}){const[isHovered,setIsHovered]=useState(false);return /*#__PURE__*/_jsxs(motion.div,{onClick:onClick,onHoverStart:()=>setIsHovered(true),onHoverEnd:()=>setIsHovered(false),style:{padding:`8px ${padding}px`,cursor:\"pointer\",borderRadius:borderRadius,backgroundColor:isSelected?`${accentColor}15`// 15 is roughly 8% opacity in hex\n:\"transparent\",color:isSelected?accentColor:textColor,display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",position:\"relative\",borderLeft:`2px solid ${isHovered&&!isSelected?`${accentColor}60`// 40% opacity accent border on hover\n:\"transparent\"}`,paddingLeft:`${padding-2}px`,transition:\"border-color 0.2s ease, background-color 0.2s ease\",...font},whileHover:{backgroundColor:isSelected?`${accentColor}15`:`${accentColor}14`},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontWeight:isSelected?500:400,whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\",opacity:isHovered&&!isSelected?1:.92,transition:\"opacity 0.2s ease\"},children:item.label}),isSelected&&/*#__PURE__*/_jsx(motion.div,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},style:{color:accentColor},children:/*#__PURE__*/_jsx(\"svg\",{width:\"12\",height:\"12\",viewBox:\"0 0 12 12\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M2.5 6L5 8.5L9.5 3.5\",stroke:\"currentColor\",strokeWidth:\"1.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})})]});}addPropertyControls(DropdownNavigation,{items:{type:ControlType.Array,title:\"Options\",control:{type:ControlType.Object,controls:{label:{type:ControlType.String,defaultValue:\"Option Label\"},link:{type:ControlType.Link,title:\"Link\"}}},defaultValue:[{label:\"Layout A\",link:\"\"},{label:\"Layout B\",link:\"\"},{label:\"Layout C\",link:\"\"}]},initialSelectedIndex:{type:ControlType.Number,title:\"Selected\",defaultValue:-1,min:-1,displayStepper:true,description:\"Index of initially selected item. -1 for none.\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Select Layout...\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultValue:{fontSize:14,lineHeight:\"1.4em\"}},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#111111\"},borderColor:{type:ControlType.Color,title:\"Border\",defaultValue:\"#E5E5E5\"},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#0099FF\"},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:8,min:0,max:20},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:12,min:4,max:32},shadow:{type:ControlType.Boolean,title:\"Shadow\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DropdownNavigation\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DropdownNavigation.map"],"mappings":"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"}