{"version":3,"file":"Input.DWGtpRKc.mjs","names":["o","l","p","x","n","d","m","c","h","b","a","r","f","i","C","t","s","y","g","u"],"sources":["https:/framerusercontent.com/modules/a1IOat5RFPlZGb4ptv6M/IOVVQx2d73VFI7Tg3a4N/Input.js"],"sourcesContent":["import{jsx as e,Fragment as t}from\"react/jsx-runtime\";// @ts-ignore\nimport{ControlType as r,addPropertyControls as l,withCSS as o}from\"framer\";import{useCallback as a,useEffect as i,useRef as n,useMemo as d}from\"react\";import{fontStack as u,fontControls as p,fontSizeOptions as s,useOnEnter as f,useFontControls as c,useIsInPreview as m,usePadding as h,useRadius as b,paddingControl as y,borderRadiusControl as g,useControlledState as x}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{useIsomorphicLayoutEffect as C}from\"https://framer.com/m/framer/useIsomorphicLayoutEffect.js@0.2.0\";/**\n * INPUT\n *\n * @framerIntrinsicWidth 260\n * @framerIntrinsicHeight 50\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n */export const Input=o(function(r){let{placeholder:l,backgroundColor:o,textColor:u,border:p,borderWidth:s,password:y,onSubmit:g,onFocus:v,onBlur:w,value:B,textAlign:L,multiLine:E,placeholderColor:S,focused:N,inputStyle:V,caretColor:k,fontFamily:F,blurOnSubmit:H,disabled:W,keyboard:P,truncate:R,onChange:Y,onValueChange:D,maxLength:I,lineHeight:$,enableLimit:j,isRTL:z,style:A}=r,[K,M]=x(B),O=n(),U=d(()=>E?\"textarea\":\"input\",[E]),q=m(),G=c(r),J=h(r),Q=b(r),X=a(e=>{let t=e.nativeEvent.target,r=t.value;M(r),Y&&Y(r),D&&D(r);},[Y,E]);return f(()=>{q&&N&&O.current.focus();}),i(()=>{q&&N&&O.current.focus();},[N]),C(()=>{// I only want to control my own height is auto-sizing is enabled\nE&&\"100%\"!==r.style.height&&(// Autosizing hack for multi-line textareas, may have perf impact\nO.current.style.height=\"auto\",O.current.style.height=O.current.scrollHeight+\"px\");},[K,E,null==A?void 0:A.height,l]),/*#__PURE__*/e(t,{children:/*#__PURE__*/e(U,{onChange:X,ref:O,value:K,placeholder:l,onKeyDown:e=>{13===e.keyCode&&(H&&O.current&&O.current.blur(),g&&g());},disabled:W,onFocus:()=>{v&&v();},onBlur:()=>{w&&w();},maxLength:j?I:524288,autoFocus:q&&N,className:\"framer-default-input\",rows:1,style:{\"--framer-default-input-border-width\":`${r.borderWidth}px`,\"--framer-default-input-border-color\":r.focusColor,\"--framer-default-input-placeholder-color\":r.placeholderColor,...T,color:u,backgroundColor:o,borderRadius:Q,textAlign:L,lineHeight:$,caretColor:k,margin:0,display:\"flex\",height:\"auto\",padding:J,direction:z?\"rtl\":\"ltr\",overflow:\"show\",textOverflow:R?\"ellipsis\":\"unset\",boxShadow:!q&&N?`inset 0 0 0 ${r.borderWidth}px ${r.focusColor}`:`inset 0 0 0 ${s}px ${p}`,...V,...A,...G},type:y?\"password\":\"text\",inputMode:P})});},[\".framer-default-input { --framer-default-input-border-width: 1px; --framer-default-input-border-color: #09f; --framer-default-input-placeholder-color: #aaa; }\",\".framer-default-input:focus { box-shadow: inset 0 0 0 var(--framer-default-input-border-width) var(--framer-default-input-border-color) !important; }\",\".framer-default-input::placeholder { color: var(--framer-default-input-placeholder-color) !important; }\"]);Input.defaultProps={value:\"\",placeholder:\"Type something…\",width:260,height:50,backgroundColor:\"#EBEBEB\",textColor:\"#333\",focusColor:\"#09F\",fontSize:16,fontWeight:400,borderRadius:8,lineHeight:1.4,padding:15,border:\"rgba(0,0,0,0)\",placeholderColor:\"#aaa\",borderWidth:1,truncate:!1,alignment:\"left\",caretColor:\"#333\",multiLine:!1,maxLength:10,password:!1,keyboard:\"\"},l(Input,{placeholder:{type:r.String,title:\"Placeholder\"},value:{type:r.String,title:\"Value\"},textColor:{type:r.Color,title:\"Text\"},caretColor:{type:r.Color,title:\"Caret\"},placeholderColor:{type:r.Color,title:\"Placeholder\"},backgroundColor:{type:r.Color,title:\"Background\"},border:{type:r.Color,title:\"Border\"},borderWidth:{type:r.Number,title:\" \",min:1,max:5,displayStepper:!0},focusColor:{type:r.Color,title:\"Focus\"},focused:{type:r.Boolean,title:\"Focused\",defaultValue:!1,disabledTitle:\"No\",enabledTitle:\"Yes\"},...p,fontSize:{...s},lineHeight:{type:r.Number,min:0,step:.1,max:2,displayStepper:!0},...y,...g,textAlign:{title:\"Text Align\",type:r.Enum,displaySegmentedControl:!0,optionTitles:[\"Left\",\"Center\",\"Right\"],options:[\"left\",\"center\",\"right\"]},isRTL:{type:r.Boolean,title:\"Direction\",enabledTitle:\"RTL\",disabledTitle:\"LTR\",defaultValue:!1},disabled:{type:r.Boolean,title:\"Disabled\",defaultValue:!1,disabledTitle:\"No\",enabledTitle:\"Yes\"},multiLine:{type:r.Boolean,title:\"Text Area\",defaultValue:!1,disabledTitle:\"No\",enabledTitle:\"Yes\"},truncate:{type:r.Boolean,title:\"Truncate\",defaultValue:!1,disabledTitle:\"No\",enabledTitle:\"Yes\",hidden:({multiLine:e})=>e},password:{type:r.Boolean,title:\"Password\",hidden:({multiLine:e})=>e,defaultValue:!1,disabledTitle:\"No\",enabledTitle:\"Yes\"},enableLimit:{title:\"Limit\",type:r.Boolean,displayStepper:!0,defaultValue:!1,disabledTitle:\"No\",enabledTitle:\"Yes\"},maxLength:{title:\" \",type:r.Number,// @ts-ignore\ndefaultValue:Input.defaultProps.maxLength,displayStepper:!0,min:1,hidden:({enableLimit:e})=>!e},keyboard:{type:r.Enum,title:\"Keyboard\",defaultValue:\"\",options:[\"\",\"numeric\",\"tel\",\"decimal\",\"email\",\"url\",\"search\"],optionTitles:[\"Default\",\"Numeric\",\"Phone\",\"Decimal\",\"Email\",\"URL\",\"Search\"]},onChange:{type:r.EventHandler},onSubmit:{type:r.EventHandler},onFocus:{type:r.EventHandler},onBlur:{type:r.EventHandler}});let T={pointerEvents:\"auto\",border:\"none\",width:\"100%\",boxSizing:\"border-box\",outline:\"none\",resize:\"none\",margin:0,fontFamily:u,WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitAppearance:\"none\"};\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Input\":{\"type\":\"reactComponent\",\"name\":\"Input\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"50\",\"framerIntrinsicWidth\":\"260\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Input.map"],"mappings":"qbAAsD,IACqB,IAA4E,IAAqR,IAA2G,CAQvgB,EAAMA,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,YAAYC,EAAE,gBAAgB,EAAE,UAAU,EAAE,OAAOC,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC,EAAE,GAAGC,EAAE,EAAE,CAAC,EAAEC,GAAG,CAAC,EAAEC,MAAM,EAAE,WAAW,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAEC,GAAG,CAAC,EAAEC,EAAE,EAAE,CAAC,EAAEC,EAAE,EAAE,CAAC,EAAEC,EAAE,EAAE,CAAC,EAAEC,EAAE,GAAG,CAAC,IAA2BC,EAArB,EAAE,YAAY,OAAW,MAAM,EAAEA,EAAE,CAAC,GAAG,EAAEA,EAAE,CAAC,GAAG,EAAEA,EAAE,EAAG,CAAC,EAAE,EAAE,CAAC,CAAC,OAAOC,MAAM,CAAC,GAAG,GAAG,EAAE,QAAQ,OAAO,EAAG,CAACC,MAAM,CAAC,GAAG,GAAG,EAAE,QAAQ,OAAO,EAAG,CAAC,EAAE,CAAC,CAACC,MAAM,CAC3mB,GAAY,EAAE,MAAM,SAAjB,SACH,EAAE,QAAQ,MAAM,OAAO,OAAO,EAAE,QAAQ,MAAM,OAAO,EAAE,QAAQ,aAAa,OAAQ,CAAC,EAAE,EAAQ,GAAW,OAAOb,EAAE,CAAC,CAAc,EAAEc,EAAE,CAAC,SAAsB,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,YAAYd,EAAE,UAAU,GAAG,CAAM,EAAE,UAAP,KAAiB,GAAG,EAAE,SAAS,EAAE,QAAQ,MAAM,CAAC,GAAG,GAAG,GAAI,SAAS,EAAE,YAAY,CAAC,GAAG,GAAG,EAAG,WAAW,CAAC,GAAG,GAAG,EAAG,UAAU,EAAE,EAAE,OAAO,UAAU,GAAG,EAAE,UAAU,uBAAuB,KAAK,EAAE,MAAM,CAAC,sCAAsC,GAAG,EAAE,YAAY,IAAI,sCAAsC,EAAE,WAAW,2CAA2C,EAAE,iBAAiB,GAAG,EAAE,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,OAAO,OAAO,OAAO,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,SAAS,OAAO,aAAa,EAAE,WAAW,QAAQ,UAAU,CAAC,GAAG,EAAE,eAAe,EAAE,YAAY,KAAK,EAAE,aAAa,eAAe,EAAE,KAAKC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,WAAW,OAAO,UAAU,EAAE,CAAC,CAAC,CAAC,EAAG,CAAC,iKAAiK,wJAAwJ,0GAA0G,CAAC,CAAC,EAAM,aAAa,CAAC,MAAM,GAAG,YAAY,kBAAkB,MAAM,IAAI,OAAO,GAAG,gBAAgB,UAAU,UAAU,OAAO,WAAW,OAAO,SAAS,GAAG,WAAW,IAAI,aAAa,EAAE,WAAW,IAAI,QAAQ,GAAG,OAAO,gBAAgB,iBAAiB,OAAO,YAAY,EAAE,SAAS,CAAC,EAAE,UAAU,OAAO,WAAW,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,EAAE,SAAS,GAAG,CAACD,EAAE,EAAM,CAAC,YAAY,CAAC,KAAKU,EAAE,OAAO,MAAM,cAAc,CAAC,MAAM,CAAC,KAAKA,EAAE,OAAO,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAKA,EAAE,MAAM,MAAM,OAAO,CAAC,WAAW,CAAC,KAAKA,EAAE,MAAM,MAAM,QAAQ,CAAC,iBAAiB,CAAC,KAAKA,EAAE,MAAM,MAAM,cAAc,CAAC,gBAAgB,CAAC,KAAKA,EAAE,MAAM,MAAM,aAAa,CAAC,OAAO,CAAC,KAAKA,EAAE,MAAM,MAAM,SAAS,CAAC,YAAY,CAAC,KAAKA,EAAE,OAAO,MAAM,IAAI,IAAI,EAAE,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC,WAAW,CAAC,KAAKA,EAAE,MAAM,MAAM,QAAQ,CAAC,QAAQ,CAAC,KAAKA,EAAE,QAAQ,MAAM,UAAU,aAAa,CAAC,EAAE,cAAc,KAAK,aAAa,MAAM,CAAC,GAAGT,EAAE,SAAS,CAAC,GAAGc,EAAE,CAAC,WAAW,CAAC,KAAKL,EAAE,OAAO,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC,GAAGM,EAAE,GAAGC,EAAE,UAAU,CAAC,MAAM,aAAa,KAAKP,EAAE,KAAK,wBAAwB,CAAC,EAAE,aAAa,CAAC,OAAO,SAAS,QAAQ,CAAC,QAAQ,CAAC,OAAO,SAAS,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAKA,EAAE,QAAQ,MAAM,YAAY,aAAa,MAAM,cAAc,MAAM,aAAa,CAAC,EAAE,CAAC,SAAS,CAAC,KAAKA,EAAE,QAAQ,MAAM,WAAW,aAAa,CAAC,EAAE,cAAc,KAAK,aAAa,MAAM,CAAC,UAAU,CAAC,KAAKA,EAAE,QAAQ,MAAM,YAAY,aAAa,CAAC,EAAE,cAAc,KAAK,aAAa,MAAM,CAAC,SAAS,CAAC,KAAKA,EAAE,QAAQ,MAAM,WAAW,aAAa,CAAC,EAAE,cAAc,KAAK,aAAa,MAAM,QAAQ,CAAC,UAAU,KAAK,EAAE,CAAC,SAAS,CAAC,KAAKA,EAAE,QAAQ,MAAM,WAAW,QAAQ,CAAC,UAAU,KAAK,EAAE,aAAa,CAAC,EAAE,cAAc,KAAK,aAAa,MAAM,CAAC,YAAY,CAAC,MAAM,QAAQ,KAAKA,EAAE,QAAQ,eAAe,CAAC,EAAE,aAAa,CAAC,EAAE,cAAc,KAAK,aAAa,MAAM,CAAC,UAAU,CAAC,MAAM,IAAI,KAAKA,EAAE,OACxlG,aAAa,EAAM,aAAa,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,YAAY,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAKA,EAAE,KAAK,MAAM,WAAW,aAAa,GAAG,QAAQ,CAAC,GAAG,UAAU,MAAM,UAAU,QAAQ,MAAM,SAAS,CAAC,aAAa,CAAC,UAAU,UAAU,QAAQ,UAAU,QAAQ,MAAM,SAAS,CAAC,CAAC,SAAS,CAAC,KAAKA,EAAE,aAAa,CAAC,SAAS,CAAC,KAAKA,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAKA,EAAE,aAAa,CAAC,OAAO,CAAC,KAAKA,EAAE,aAAa,CAAC,CAAC,CAAK,EAAE,CAAC,cAAc,OAAO,OAAO,OAAO,MAAM,OAAO,UAAU,aAAa,QAAQ,OAAO,OAAO,OAAO,OAAO,EAAE,WAAWQ,EAAE,wBAAwB,mBAAmB,iBAAiB,OAAO"}