{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/4TG0CA0xFC8r92HZNVLs/oNHmObL27xLBv67Gbys4/Input.js", "ssg:https://framer.com/m/framer/useIsomorphicLayoutEffect.js@0.2.0"],
  "sourcesContent": ["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\u2026\",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:0.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\":{\"framerIntrinsicHeight\":\"50\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"260\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Input.map", "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"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "init_ssg_sandbox_shims", "useIsomorphicLayoutEffect", "fe", "ue", "Input", "withCSS", "props", "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", "inputValue", "setValue", "useControlledState", "inputEle", "pe", "Tag", "se", "inPreview", "useIsInPreview", "fontStyles", "useFontControls", "paddingValue", "usePadding", "borderRadius", "useRadius", "handleChange", "te", "event", "useOnEnter", "ue", "useIsomorphicLayoutEffect", "p", "e", "baseInputStyles", "addPropertyControls", "ControlType", "fontControls", "fontSizeOptions", "paddingControl", "borderRadiusControl", "fontStack"]
}