{"version":3,"file":"FieldControl.BbkoUpYg.mjs","names":["useId","useState"],"sources":["https:/framerusercontent.com/modules/3eF9nOwR2Czr2VNdFEU0/iNhjaqy7skNDkWXWDtTR/FieldControl.js"],"sourcesContent":["// Planta template · The input/select/textarea inside the Text Field component. Edit via the Text Field component props.\n// Planta — Field Control. The box inside the Text Field component (Figma › 11 — Labels & Inputs › Field).\n// Real <input> / <select> / <textarea> so people can type in Preview. Nothing submits.\n// Focus = Figma \"State=Focus\": 1.5px border/accent (inside) + 2px bg/page gap + 4px focus/ring halo.\n// That halo is the input's OWN focus style. The global :focus-visible ring is excluded for\n// input/select/textarea in Site Settings › Custom Code, so it never stacks on top.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useId,useState}from\"react\";const TOKEN={card:\"var(--token-84265e0f-723d-4c4a-91d0-1ce0293fd469)\",border:\"var(--token-9d73eab4-2def-4a2a-87cf-8e1993ad7265)\",accent:\"var(--token-cbb839e3-d4da-45f0-b67b-1b3aaa4208bd)\",error:\"var(--token-42ada93e-ffbb-4f5f-9145-ab51fbf4b883)\",disabledBg:\"var(--token-35bc337b-1237-47ef-843d-9cce149597fb)\",text:\"var(--token-460deb34-b776-4285-bc8e-0324fd5643e7)\",placeholder:\"var(--token-83ec66ae-d54f-4aba-81fa-77ff759345fb)\",disabledText:\"var(--token-12604590-dfd6-4225-9318-87a102d8b88a)\",icon:\"var(--token-34df5365-21be-4df5-b744-37a3345eae6e)\",page:\"var(--token-d19efcd4-2bb2-4a29-a780-c7096b882460)\",ring:\"var(--token-62dee98a-3547-46f0-9797-2fb847ed0ddb)\"};const halo=edge=>`inset 0 0 0 1.5px ${edge}, 0 0 0 2px ${TOKEN.page}, 0 0 0 4px ${TOKEN.ring}`;const ICON_PATHS={search:\"M20 20L16.5 16.5M18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11Z\",calendar:\"M16 2V6M8 2V6M3 10H21M5 4H19C20.1046 4 21 4.89543 21 6V20C21 21.1046 20.1046 22 19 22H5C3.89543 22 3 21.1046 3 20V6C3 4.89543 3.89543 4 5 4Z\",chevron:\"M6 9L12 15L18 9\"};function Glyph({d}){return /*#__PURE__*/_jsx(\"svg\",{viewBox:\"0 0 24 24\",width:20,height:20,fill:\"none\",\"aria-hidden\":\"true\",focusable:\"false\",style:{flexShrink:0,display:\"block\"},children:/*#__PURE__*/_jsx(\"path\",{d:d,stroke:TOKEN.icon,strokeWidth:2,strokeLinecap:\"round\",strokeLinejoin:\"round\"})});}/**\n * Field Control\n *\n * @framerIntrinsicWidth 360\n * @framerIntrinsicHeight 52\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function FieldControl(props){const{type=\"Input\",state=\"Default\",placeholder=\"\",value=\"\",name=\"\",inputType=\"text\",options=\"\",ariaLabel=\"\",style}=props;const uid=\"pf-\"+useId().replace(/:/g,\"\");const disabled=state===\"Disabled\";const[selected,setSelected]=useState(value||\"\");const ring=state===\"Error\"?`inset 0 0 0 1px ${TOKEN.error}`:state===\"Focus\"?halo(TOKEN.accent):`inset 0 0 0 1px ${TOKEN.border}`;const isArea=type===\"Textarea\";const control={all:\"unset\",boxSizing:\"border-box\",flex:1,minWidth:0,height:isArea?\"100%\":24,fontFamily:'\"Instrument Sans\", \"Instrument Sans Placeholder\", sans-serif',fontSize:16,lineHeight:\"24px\",fontWeight:400,color:disabled?TOKEN.disabledText:TOKEN.text,cursor:disabled?\"not-allowed\":type===\"Select\"?\"pointer\":\"text\",resize:\"none\",appearance:\"none\"};const opts=String(options||\"\").split(\",\").map(o=>o.trim()).filter(Boolean);const common={name:name||undefined,disabled,\"aria-label\":ariaLabel||undefined,\"aria-invalid\":state===\"Error\"||undefined};return /*#__PURE__*/_jsxs(\"div\",{className:uid,style:{...style,position:\"relative\",boxSizing:\"border-box\",width:\"100%\",height:\"100%\",display:\"flex\",alignItems:isArea?\"flex-start\":\"center\",gap:8,padding:isArea?\"16px 16px 16px 16px\":\"0 16px\",borderRadius:10,background:disabled?TOKEN.disabledBg:TOKEN.card,boxShadow:ring},children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:`\n.${uid}:focus-within{box-shadow:${halo(state===\"Error\"?TOKEN.error:TOKEN.accent)} !important}\n.${uid} input::placeholder,.${uid} textarea::placeholder{color:${disabled?TOKEN.disabledText:TOKEN.placeholder};opacity:1}\n.${uid} option{color:${TOKEN.text}}\n.${uid} input::-webkit-search-cancel-button{display:none}\n`}}),type===\"Search\"&&/*#__PURE__*/_jsx(Glyph,{d:ICON_PATHS.search}),type===\"Date\"&&/*#__PURE__*/_jsx(Glyph,{d:ICON_PATHS.calendar}),isArea?/*#__PURE__*/_jsx(\"textarea\",{...common,placeholder:placeholder,defaultValue:value,style:control}):type===\"Select\"?/*#__PURE__*/_jsxs(\"select\",{...common,value:selected,onChange:e=>setSelected(e.target.value),style:{...control,color:disabled?TOKEN.disabledText:selected?TOKEN.text:TOKEN.placeholder},children:[/*#__PURE__*/_jsx(\"option\",{value:\"\",disabled:true,children:placeholder||\"Select\"}),opts.map(o=>/*#__PURE__*/_jsx(\"option\",{value:o,children:o},o))]}):/*#__PURE__*/_jsx(\"input\",{...common,type:type===\"Search\"?\"search\":type===\"Date\"?\"text\":inputType,placeholder:placeholder,defaultValue:value,style:control}),type===\"Select\"&&/*#__PURE__*/_jsx(\"span\",{style:{pointerEvents:\"none\",display:\"flex\"},children:/*#__PURE__*/_jsx(Glyph,{d:ICON_PATHS.chevron})})]});}addPropertyControls(FieldControl,{type:{type:ControlType.Enum,title:\"Type\",options:[\"Input\",\"Select\",\"Search\",\"Date\",\"Textarea\"],defaultValue:\"Input\"},state:{type:ControlType.Enum,title:\"State\",options:[\"Default\",\"Focus\",\"Error\",\"Disabled\"],defaultValue:\"Default\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"you@company.com\"},value:{type:ControlType.String,title:\"Value\",defaultValue:\"\"},name:{type:ControlType.String,title:\"Name\",defaultValue:\"\"},inputType:{type:ControlType.Enum,title:\"Input type\",options:[\"text\",\"email\",\"tel\",\"url\",\"number\",\"password\"],defaultValue:\"text\",hidden:p=>p.type!==\"Input\"},options:{type:ControlType.String,title:\"Options\",defaultValue:\"Lisbon, Berlin, Dubai\",hidden:p=>p.type!==\"Select\"},ariaLabel:{type:ControlType.String,title:\"Aria label\",defaultValue:\"\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FieldControl\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"52\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"360\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FieldControl.map"],"mappings":"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"}