{"version":3,"file":"Input.DA_ipeSS.mjs","names":["useLayoutEffect","useEffect","useRef","useMemo","useCallback","__esmMin","ne","init_npm_react_18_3_1","pe","le","de","init_jsx_runtime","ce","addPropertyControls","withCSS","ControlType","init_framer_BL70qLPA","fontControls","fontStack","useOnEnter","usePadding","useControlledState","paddingControl","fontSizeOptions","useFontControls","borderRadiusControl","useRadius","useIsInPreview","init_default_utils_js__0_45","useIsomorphicLayoutEffect","init_useIsomorphicLayoutEffect","init_useIsomorphicLayoutEffect_js_0_2","Input","baseInputStyles","init_Input","props","inputValue","setValue","value","inputEle","Tag","multiLine","inPreview","fontStyles","paddingValue","borderRadius","handleChange","event","onChange","onValueChange","focused","style","placeholder","blurOnSubmit","onSubmit","onFocus","onBlur","enableLimit","maxLength","textColor","isRTL","truncate","borderWidth","border","inputStyle","password","keyboard"],"sources":["https:/framerusercontent.com/modules/5sD1L34Nn4AzaFRyCPrW/BT9HMtTDsUFnXFBXXei7/useIsomorphicLayoutEffect.js","https:/framer.com/m/framer/useIsomorphicLayoutEffect.js@0.2.0","https:/framerusercontent.com/modules/2DjIkbkpgvIkNOjjhR6x/iC4FPhub9qW33qw2W4cA/Input.js"],"sourcesContent":["import{useLayoutEffect,useEffect}from\"react\";/**\n * Swaps `useLayoutEffect` for `useEffect` on the server to avoid React warnings.\n * NOTE! The effect won't run on the server.\n */ export const useIsomorphicLayoutEffect=typeof document!==\"undefined\"?useLayoutEffect:useEffect;\nexport const __FramerMetadata__ = {\"exports\":{\"useIsomorphicLayoutEffect\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useIsomorphicLayoutEffect.map","/*\n * useIsomorphicLayoutEffect (framer/useIsomorphicLayoutEffect@0.2.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/5sD1L34Nn4AzaFRyCPrW/BT9HMtTDsUFnXFBXXei7/useIsomorphicLayoutEffect.js\"\n","import{jsx as _jsx}from\"react/jsx-runtime\";// @ts-ignore\nimport{ControlType,addPropertyControls,withCSS}from\"framer\";import{useCallback,useEffect,useRef,useMemo}from\"react\";import{fontStack,fontControls,fontSizeOptions,useOnEnter,useFontControls,useIsInPreview,usePadding,useRadius,paddingControl,borderRadiusControl,useControlledState}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{useIsomorphicLayoutEffect}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=withCSS(function Input(props){const{placeholder,backgroundColor,textColor,border,borderWidth,password,onSubmit,onFocus,onBlur,value,textAlign,multiLine,placeholderColor,focused,inputStyle,caretColor,fontFamily,blurOnSubmit,disabled,keyboard,truncate,onChange,onValueChange,maxLength,lineHeight,enableLimit,isRTL,style}=props;const[inputValue,setValue]=useControlledState(value);const inputEle=useRef();const Tag=useMemo(()=>multiLine?\"textarea\":\"input\",[multiLine,]);const inPreview=useIsInPreview();const fontStyles=useFontControls(props);const paddingValue=usePadding(props);const borderRadius=useRadius(props);const handleChange=useCallback(event=>{const element=multiLine?event.nativeEvent.target:event.nativeEvent.target;const value=element.value;setValue(value);if(onChange)onChange(value);if(onValueChange)onValueChange(value);},[onChange,multiLine]);useOnEnter(()=>{if(inPreview&&focused)inputEle.current.focus();});useEffect(()=>{if(inPreview&&focused)inputEle.current.focus();},[focused]);useIsomorphicLayoutEffect(()=>{// I only want to control my own height is auto-sizing is enabled\nif(multiLine&&props.style.height!==\"100%\"){// Autosizing hack for multi-line textareas, may have perf impact\ninputEle.current.style.height=\"auto\";inputEle.current.style.height=inputEle.current.scrollHeight+\"px\";}},[inputValue,multiLine,style===null||style===void 0?void 0:style.height,placeholder]);return /*#__PURE__*/ _jsx(Tag,{onChange:handleChange,ref:inputEle,value:inputValue,placeholder:placeholder,onKeyDown:e=>{if(e.keyCode===13){if(blurOnSubmit&&inputEle.current)inputEle.current.blur();if(onSubmit)onSubmit();}},disabled:disabled,onFocus:()=>{if(onFocus)onFocus();},onBlur:()=>{if(onBlur)onBlur();},maxLength:enableLimit?maxLength:524288,autoFocus:inPreview&&focused,className:\"framer-default-input\",rows:1,style:{\"--framer-default-input-border-width\":`${props.borderWidth}px`,\"--framer-default-input-border-color\":props.focusColor,\"--framer-default-input-placeholder-color\":props.placeholderColor,...baseInputStyles,color:textColor,backgroundColor,borderRadius,textAlign,lineHeight,caretColor,margin:0,display:\"flex\",height:\"auto\",padding:paddingValue,direction:isRTL?\"rtl\":\"ltr\",overflow:\"show\",textOverflow:truncate?\"ellipsis\":\"unset\",boxShadow:!inPreview&&focused?`inset 0 0 0 ${props.borderWidth}px ${props.focusColor}`:`inset 0 0 0 ${borderWidth}px ${border}`,...inputStyle,...style,...fontStyles},type:password?\"password\":\"text\",inputMode:keyboard});},[\".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:false,alignment:\"left\",caretColor:\"#333\",multiLine:false,maxLength:10,password:false,keyboard:\"\"};addPropertyControls(Input,{placeholder:{type:ControlType.String,title:\"Placeholder\"},value:{type:ControlType.String,title:\"Value\"},textColor:{type:ControlType.Color,title:\"Text\"},caretColor:{type:ControlType.Color,title:\"Caret\"},placeholderColor:{type:ControlType.Color,title:\"Placeholder\"},backgroundColor:{type:ControlType.Color,title:\"Background\"},border:{type:ControlType.Color,title:\"Border\"},borderWidth:{type:ControlType.Number,title:\" \",min:1,max:5,displayStepper:true},focusColor:{type:ControlType.Color,title:\"Focus\"},focused:{type:ControlType.Boolean,title:\"Focused\",defaultValue:false,disabledTitle:\"No\",enabledTitle:\"Yes\"},...fontControls,fontSize:{...fontSizeOptions},lineHeight:{type:ControlType.Number,min:0,step:.1,max:2,displayStepper:true},...paddingControl,...borderRadiusControl,textAlign:{title:\"Text Align\",type:ControlType.Enum,displaySegmentedControl:true,optionTitles:[\"Left\",\"Center\",\"Right\"],options:[\"left\",\"center\",\"right\"]},isRTL:{type:ControlType.Boolean,title:\"Direction\",enabledTitle:\"RTL\",disabledTitle:\"LTR\",defaultValue:false},disabled:{type:ControlType.Boolean,title:\"Disabled\",defaultValue:false,disabledTitle:\"No\",enabledTitle:\"Yes\"},multiLine:{type:ControlType.Boolean,title:\"Text Area\",defaultValue:false,disabledTitle:\"No\",enabledTitle:\"Yes\"},truncate:{type:ControlType.Boolean,title:\"Truncate\",defaultValue:false,disabledTitle:\"No\",enabledTitle:\"Yes\",hidden:({multiLine})=>multiLine},password:{type:ControlType.Boolean,title:\"Password\",hidden:({multiLine})=>multiLine,defaultValue:false,disabledTitle:\"No\",enabledTitle:\"Yes\"},enableLimit:{title:\"Limit\",type:ControlType.Boolean,displayStepper:true,defaultValue:false,disabledTitle:\"No\",enabledTitle:\"Yes\"},maxLength:{title:\" \",type:ControlType.Number,// @ts-ignore\ndefaultValue:Input.defaultProps.maxLength,displayStepper:true,min:1,hidden:({enableLimit})=>!enableLimit},keyboard:{type:ControlType.Enum,title:\"Keyboard\",defaultValue:\"\",options:[\"\",\"numeric\",\"tel\",\"decimal\",\"email\",\"url\",\"search\"],optionTitles:[\"Default\",\"Numeric\",\"Phone\",\"Decimal\",\"Email\",\"URL\",\"Search\",]},onChange:{type:ControlType.EventHandler},onSubmit:{type:ControlType.EventHandler},onFocus:{type:ControlType.EventHandler},onBlur:{type:ControlType.EventHandler}});const baseInputStyles={pointerEvents:\"auto\",border:\"none\",width:\"100%\",boxSizing:\"border-box\",outline:\"none\",resize:\"none\",margin:0,fontFamily:fontStack,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\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"50\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"260\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Input.map"],"mappings":"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"}