{"version":3,"file":"SelectOptions.Q7QYcBaC.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/2A5w4VZf2URyBj7wXzli/Jz19ag967idIv7SnbOMP/SelectOptions.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import Skeleton from\"https://framerusercontent.com/modules/wrEJ8oVMagKXTJJpuvZR/aCn6i9g6yo4ByshUBVvX/Skeleton.js\";export default function SelectInput({name=\"select\",options=[],value,onChange,style,loading,placeholder=\"Select an option\",showClearIcon=true}){const[selectedValue,setSelectedValue]=useState(value||\"\");const handleChange=event=>{const newValue=event.target.value===\"placeholder\"?null:event.target.value;setSelectedValue(newValue);onChange?.(newValue,name);};const handleClear=()=>{setSelectedValue(\"\");onChange?.(\"\",name);};useEffect(()=>{setSelectedValue(value);},[value]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",minHeight:\"32px\",position:\"relative\"},children:loading?/*#__PURE__*/_jsx(Skeleton,{style:{minHeight:\"32px\"}}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(\"select\",{id:name,value:selectedValue??\"\",onChange:handleChange,style:{padding:\"8px 30px 8px 10px\",borderRadius:\"2px\",border:\"1px solid #ccc\",fontSize:\"16px\",outline:\"none\",width:\"100%\",backgroundColor:\"#fff\",appearance:\"none\",...style},children:[placeholder&&/*#__PURE__*/_jsx(\"option\",{value:\"\",children:placeholder}),(options||[]).map(option=>typeof option===\"string\"?/*#__PURE__*/_jsx(\"option\",{value:option,children:option},`${name}_option_${option}`):/*#__PURE__*/_jsx(\"option\",{value:option.value,children:option.label},`${name}_option_${option.value}`))]}),showClearIcon&&selectedValue&&/*#__PURE__*/_jsx(\"span\",{onClick:handleClear,style:{position:\"absolute\",right:\"8px\",top:\"50%\",transform:\"translateY(-50%)\",cursor:\"pointer\",fontSize:\"16px\",color:\"#888\",background:\"#fff\",padding:\"0 2px\"},title:\"Clear selection\",children:\"🗑️\"})]})});}addPropertyControls(SelectInput,{name:{type:ControlType.String,title:\"Name\",defaultValue:\"select\"},options:{type:ControlType.Array,title:\"Options\",control:{type:ControlType.String},defaultValue:[\"Option 1\",\"Option 2\",\"Option 3\"]},value:{type:ControlType.String,title:\"Default Value\",defaultValue:\"\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Select an option\"},showClearIcon:{type:ControlType.Boolean,title:\"Show Clear Icon\",defaultValue:true},onChange:{type:ControlType.EventHandler,title:\"On Change\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SelectInput\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SelectOptions.map"],"mappings":"kPAA2R,SAAwB,EAAY,CAAC,OAAK,SAAS,UAAQ,CAAC,EAAE,QAAM,WAAS,QAAM,UAAQ,cAAY,mBAAmB,gBAAc,IAAM,CAAC,GAAK,CAAC,EAAc,GAAkBA,EAAS,GAAO,EAAE,EAAQ,EAAa,GAAO,CAAC,IAAM,EAAS,EAAM,OAAO,QAAQ,cAAc,KAAK,EAAM,OAAO,MAAM,EAAiB,CAAQ,EAAE,IAAW,EAAS,CAAI,CAAE,EAAQ,MAAgB,CAAC,EAAiB,EAAE,EAAE,IAAW,GAAG,CAAI,CAAE,EAAoD,OAAlD,MAAc,CAAC,EAAiB,CAAK,CAAE,EAAE,CAAC,CAAK,CAAC,EAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,UAAU,OAAO,SAAS,UAAU,EAAE,SAAS,EAAqB,EAAK,EAAS,CAAC,MAAM,CAAC,UAAU,MAAM,CAAC,CAAC,EAAe,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAM,SAAS,CAAC,GAAG,EAAK,MAAM,GAAe,GAAG,SAAS,EAAa,MAAM,CAAC,QAAQ,oBAAoB,aAAa,MAAM,OAAO,iBAAiB,SAAS,OAAO,QAAQ,OAAO,MAAM,OAAO,gBAAgB,OAAO,WAAW,OAAO,GAAG,CAAK,EAAE,SAAS,CAAC,GAA0B,EAAK,SAAS,CAAC,MAAM,GAAG,SAAS,CAAW,CAAC,GAAG,GAAS,CAAC,EAAA,CAAG,IAAI,GAAQ,OAAO,GAAS,SAAsB,EAAK,SAAS,CAAC,MAAM,EAAO,SAAS,CAAM,EAAE,GAAG,EAAK,UAAU,GAAQ,EAAe,EAAK,SAAS,CAAC,MAAM,EAAO,MAAM,SAAS,EAAO,KAAK,EAAE,GAAG,EAAK,UAAU,EAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAe,GAA4B,EAAK,OAAO,CAAC,QAAQ,EAAY,MAAM,CAAC,SAAS,WAAW,MAAM,MAAM,IAAI,MAAM,UAAU,mBAAmB,OAAO,UAAU,SAAS,OAAO,MAAM,OAAO,WAAW,OAAO,QAAQ,OAAO,EAAE,MAAM,kBAAkB,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,iBAAjtD,IAAsC,IAAoD,IAAkH,EAAsgD,EAAoB,EAAY,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,QAAQ,CAAC,KAAK,EAAY,MAAM,EAAE,aAAa,CAAC,WAAW,WAAW,UAAU,CAAC,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,kBAAkB,EAAE,cAAc,CAAC,KAAK,EAAY,QAAQ,MAAM,kBAAkB,aAAa,EAAI,EAAE,SAAS,CAAC,KAAK,EAAY,aAAa,MAAM,WAAW,CAAC,CAAC"}