{"version":3,"file":"TextInput.DF5lvibd.js","sources":["../../../../../../src/lib/components/common/TextInput.svelte"],"sourcesContent":["<script lang=\"ts\">\n    type Variant = 'default' | 'primary' | 'error' | 'success';\n    type Size = 'sm' | 'md' | 'lg';\n\n    export let id: string;\n    export let label: string = '';\n    export let value: string = '';\n    export let placeholder: string = '';\n    export let type: 'text' | 'password' | 'email' | 'number' = 'text';\n    export let error: string = '';\n    export let helperText: string = '';\n    export let disabled: boolean = false;\n    export let required: boolean = false;\n    export let maxlength: number | undefined = undefined;\n    export let min: number | undefined = undefined;\n    export let max: number | undefined = undefined;\n    export let step: number | undefined = undefined;\n    export let className: string = '';\n    export let variant: Variant = 'default';\n    export let size: Size = 'md';\n\n    const variants = {\n        default: {\n            input: 'border-white/10 focus:border-yellow-400',\n            bg: 'bg-white/5 focus:bg-white/10',\n            text: 'text-white placeholder-white/50',\n        },\n        primary: {\n            input: 'border-blue-500/30 focus:border-blue-400',\n            bg: 'bg-blue-500/5 focus:bg-blue-500/10',\n            text: 'text-white placeholder-white/50',\n        },\n        error: {\n            input: 'border-red-500/30 focus:border-red-400',\n            bg: 'bg-red-500/5 focus:bg-red-500/10',\n            text: 'text-white placeholder-white/50',\n        },\n        success: {\n            input: 'border-green-500/30 focus:border-green-400',\n            bg: 'bg-green-500/5 focus:bg-green-500/10',\n            text: 'text-white placeholder-white/50',\n        },\n    };\n\n    const sizes = {\n        sm: 'px-3 py-1.5 text-sm',\n        md: 'px-4 py-3 text-base',\n        lg: 'px-4 py-4 text-2xl font-play placeholder:font-play',\n    };\n\n    function handleInput(event: Event) {\n        const target = event.target as HTMLInputElement;\n        value = target.value;\n    }\n\n    $: variantClasses = variants[error ? 'error' : variant];\n    $: sizeClass = sizes[size];\n</script>\n\n<div class=\"flex flex-col gap-2 w-full {className} font-play\">\n    {#if label}\n        <label \n            for={id} \n            class=\"text-sm font-medium text-white/90\"\n        >\n            {label}\n            {#if required}\n                <span class=\"text-red-500 ml-1\">*</span>\n            {/if}\n        </label>\n    {/if}\n    \n    <input\n        {id}\n        {type}\n        {placeholder}\n        {disabled}\n        {required}\n        {maxlength}\n        {min}\n        {max}\n        {step}\n        class=\"\n            w-full\n            border-2\n            rounded-lg\n            transition-all duration-200\n            focus:outline-none\n            disabled:opacity-50 disabled:cursor-not-allowed\n            {variantClasses.input}\n            {variantClasses.bg}\n            {variantClasses.text}\n            {sizeClass}\n        \"\n        {value}\n        on:input={handleInput}\n        on:blur\n        on:focus\n        on:keydown\n        on:keyup\n        on:keypress\n    />\n\n    {#if error}\n        <span class=\"text-xs text-red-500\">{error}</span>\n    {:else if helperText}\n        <span class=\"text-xs text-white/60\">{helperText}</span>\n    {/if}\n</div>\n"],"names":["id","$.prop","$$props","label","value","placeholder","type","error","helperText","disabled","required","maxlength","min","max","step","className","variant","size","variants","sizes","handleInput","event","target","$.set","variantClasses","sizeClass","$$anchor","$.get"],"mappings":"qqBAIeA,EAAUC,EAAAC,EAAA,KAAA,CAAA,EACVC,gBAAgB,EAAE,EAClBC,iBAAgB,EAAE,EAClBC,sBAAsB,EAAE,EACxBC,eAAiD,MAAM,EACvDC,gBAAgB,EAAE,EAClBC,qBAAqB,EAAE,EACvBC,mBAAoB,EAAK,EACzBC,mBAAoB,EAAK,EACzBC,oBAAgC,MAAS,EACzCC,cAA0B,MAAS,EACnCC,cAA0B,MAAS,EACnCC,eAA2B,MAAS,EACpCC,oBAAoB,EAAE,EACtBC,kBAAmB,SAAS,EAC5BC,eAAa,IAAI,QAEtBC,EAAQ,CACV,QAAO,CACH,MAAO,0CACP,GAAI,+BACJ,KAAM,mCAEV,QAAO,CACH,MAAO,2CACP,GAAI,qCACJ,KAAM,mCAEV,MAAK,CACD,MAAO,yCACP,GAAI,mCACJ,KAAM,mCAEV,QAAO,CACH,MAAO,6CACP,GAAI,uCACJ,KAAM,oCAIRC,EAAK,CACP,GAAI,sBACJ,GAAI,sBACJ,GAAI,sDAGC,SAAAC,EAAYC,EAAY,OACvBC,EAASD,EAAM,OACrBjB,EAAQkB,EAAO,KAAK,6BAGrBC,EAAAC,EAAiBN,EAASX,EAAQ,EAAA,QAAUS,EAAO,CAAA,CAAA,wBACnDS,EAAYN,EAAMF,EAAI,CAAA,CAAA,8BAIpBd,EAAKuB,GAAA,8BAMGhB,EAAQgB,GAAA,2CAJR1B,GAAE,SAGNG,EAAK,GAAA,EAAA,GAAA,iDAsCTI,uCACmCA,EAAK,CAAA,CAAA,oCACnCC,uCAC+BA,EAAU,CAAA,CAAA,0EA/CfO,EAAS,GAAA,EAAA,YAAA;;;;;;;cA8BpCY,EAAAH,CAAc,EAAC,OAAK,EAAA;AAAA,cACpBG,EAAAH,CAAc,EAAC,IAAE,EAAA;AAAA,cACjBG,EAAAH,CAAc,EAAC,MAAI,EAAA;AAAA,gBACnBC,CAAS,GAAA,EAAA;AAAA,mCAGJL,CAAW"}