solid-tom-ui 0.1.0 → 0.2.0

package/dist/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["Component","createMemo","lazy","on","InputColorProps","InputDateProps","InputNumberProps","InputOTPProps","InputPasswordProps","InputRangeProps","InputTextAreaProps","InputTextProps","InputRadioProps","InputText","then","m","default","InputNumber","InputColor","InputPassword","InputDate","InputRange","InputTextArea","InputOTP","InputRadio","InputProps","Input","Text","TextArea","Color","Date","Number","Password","Range","OTP","Radio","props","render","type","_$createComponent","_$memo","InputVariantsProps","TextAreaVariantsProps"],"sources":["../../../src/components/input/input.tsx"],"sourcesContent":["import { Component, createMemo, lazy, on } from 'solid-js';\r\nimport type {\r\n  InputColorProps,\r\n  InputDateProps,\r\n  InputNumberProps,\r\n  InputOTPProps,\r\n  InputPasswordProps,\r\n  InputRangeProps,\r\n  InputTextAreaProps,\r\n  InputTextProps,\r\n} from './input.types';\r\nimport { InputRadioProps } from './variants/input-radio';\r\n\r\nconst InputText = lazy(() => import('./variants/input-text').then(m => ({ default: m.InputText })));\r\nconst InputNumber = lazy(() =>\r\n  import('./variants/input-number').then(m => ({ default: m.InputNumber })),\r\n);\r\nconst InputColor = lazy(() =>\r\n  import('./variants/input-color').then(m => ({ default: m.InputColor })),\r\n);\r\nconst InputPassword = lazy(() =>\r\n  import('./variants/input-password').then(m => ({ default: m.InputPassword })),\r\n);\r\nconst InputDate = lazy(() => import('./variants/input-date').then(m => ({ default: m.InputDate })));\r\nconst InputRange = lazy(() =>\r\n  import('./variants/input-range').then(m => ({ default: m.InputRange })),\r\n);\r\nconst InputTextArea = lazy(() =>\r\n  import('./variants/input-textarea').then(m => ({ default: m.InputTextArea })),\r\n);\r\nconst InputOTP = lazy(() => import('./variants/input-otp').then(m => ({ default: m.InputOTP })));\r\n\r\nconst InputRadio = lazy(() =>\r\n  import('./variants/input-radio').then(m => ({ default: m.InputRadio })),\r\n);\r\n\r\ntype InputProps =\r\n  | InputTextProps\r\n  | InputColorProps\r\n  | InputDateProps\r\n  | InputNumberProps\r\n  | InputPasswordProps\r\n  | InputRangeProps\r\n  | InputTextAreaProps\r\n  | InputOTPProps\r\n  | InputRadioProps;\r\n\r\nexport const Input: Component<InputProps> & {\r\n  Text: Component<InputTextProps>;\r\n  TextArea: Component<InputTextAreaProps>;\r\n  Color: Component<InputColorProps>;\r\n  Date: Component<InputDateProps>;\r\n  Number: Component<InputNumberProps>;\r\n  Password: Component<InputPasswordProps>;\r\n  Range: Component<InputRangeProps>;\r\n  OTP: Component<InputOTPProps>;\r\n  Radio: Component<InputRadioProps>;\r\n} = props => {\r\n  const render = createMemo(\r\n    on(\r\n      () => props.type,\r\n      () => {\r\n        switch (props.type) {\r\n          case 'text':\r\n            return <InputText {...props} />;\r\n          case 'textarea':\r\n            return <InputTextArea {...props} />;\r\n          case 'number':\r\n            return <InputNumber {...props} />;\r\n          case 'password':\r\n            return <InputPassword {...props} />;\r\n          case 'color':\r\n            return <InputColor {...props} />;\r\n          case 'date':\r\n            return <InputDate {...props} />;\r\n          case 'range':\r\n            return <InputRange {...props} />;\r\n          case 'otp':\r\n            return <InputOTP {...props} />;\r\n          case 'radio':\r\n            return <InputRadio {...props} />;\r\n          default:\r\n            return <InputText {...(props as InputTextProps)} />;\r\n        }\r\n      },\r\n    ),\r\n  );\r\n  return <>{render()}</>;\r\n};\r\n\r\nInput.Text = InputText as Component<InputTextProps>;\r\nInput.TextArea = InputTextArea as Component<InputTextAreaProps>;\r\nInput.Color = InputColor as Component<InputColorProps>;\r\nInput.Date = InputDate as Component<InputDateProps>;\r\nInput.Number = InputNumber as Component<InputNumberProps>;\r\nInput.Password = InputPassword as Component<InputPasswordProps>;\r\nInput.Range = InputRange as Component<InputRangeProps>;\r\nInput.OTP = InputOTP as Component<InputOTPProps>;\r\nInput.Radio = InputRadio as Component<InputRadioProps>;\r\nexport type { InputVariantsProps, TextAreaVariantsProps } from './input.utils';\r\n"],"mappings":"iHAaA,IAAMa,EAAYX,MAAW,OAAO,4BAAyBY,KAAKC,IAAM,CAAEC,QAASD,EAAEF,UAAW,EAAE,CAAC,CAC7FI,EAAcf,MAClB,OAAO,8BAA2BY,KAAKC,IAAM,CAAEC,QAASD,EAAEE,YAAa,EACzE,CAAC,CACKC,EAAahB,MACjB,OAAO,6BAA0BY,KAAKC,IAAM,CAAEC,QAASD,EAAEG,WAAY,EACvE,CAAC,CACKC,EAAgBjB,MACpB,OAAO,gCAA6BY,KAAKC,IAAM,CAAEC,QAASD,EAAEI,cAAe,EAC7E,CAAC,CACKC,EAAYlB,MAAW,OAAO,4BAAyBY,KAAKC,IAAM,CAAEC,QAASD,EAAEK,UAAW,EAAE,CAAC,CAC7FC,EAAanB,MACjB,OAAO,6BAA0BY,KAAKC,IAAM,CAAEC,QAASD,EAAEM,WAAY,EACvE,CAAC,CACKC,EAAgBpB,MACpB,OAAO,gCAA6BY,KAAKC,IAAM,CAAEC,QAASD,EAAEO,cAAe,EAC7E,CAAC,CACKC,EAAWrB,MAAW,OAAO,2BAAwBY,KAAKC,IAAM,CAAEC,QAASD,EAAEQ,SAAU,EAAE,CAAC,CAE1FC,EAAatB,MACjB,OAAO,6BAA0BY,KAAKC,IAAM,CAAEC,QAASD,EAAES,WAAY,EACvE,CAAC,CAaYE,EAUTU,GA8BFI,EA7BevC,EACbE,MACQiC,EAAME,SACN,CACJ,OAAQF,EAAME,KAAd,CACE,IAAK,OACH,OAAAC,EAAQ1B,EAAcuB,EAAK,CAC7B,IAAK,WACH,OAAAG,EAAQjB,EAAkBc,EAAK,CACjC,IAAK,SACH,OAAAG,EAAQtB,EAAgBmB,EAAK,CAC/B,IAAK,WACH,OAAAG,EAAQpB,EAAkBiB,EAAK,CACjC,IAAK,QACH,OAAAG,EAAQrB,EAAekB,EAAK,CAC9B,IAAK,OACH,OAAAG,EAAQnB,EAAcgB,EAAK,CAC7B,IAAK,QACH,OAAAG,EAAQlB,EAAee,EAAK,CAC9B,IAAK,MACH,OAAAG,EAAQhB,EAAaa,EAAK,CAC5B,IAAK,QACH,OAAAG,EAAQf,EAAeY,EAAK,CAC9B,QACE,OAAAG,EAAQ1B,EAAeuB,EAAuB,GAIxD,CAAC,CACe,CAGlBV,EAAMC,KAAOd,EACba,EAAME,SAAWN,EACjBI,EAAMG,MAAQX,EACdQ,EAAMI,KAAOV,EACbM,EAAMK,OAASd,EACfS,EAAMM,SAAWb,EACjBO,EAAMO,MAAQZ,EACdK,EAAMQ,IAAMX,EACZG,EAAMS,MAAQX"}
+{"version":3,"file":"input.js","names":["Component","createMemo","lazy","on","InputColorProps","InputDateProps","InputNumberProps","InputOTPProps","InputPasswordProps","InputRangeProps","InputTextAreaProps","InputTextProps","InputRadioProps","InputText","then","m","default","InputNumber","InputColor","InputPassword","InputDate","InputRange","InputTextArea","InputOTP","InputRadio","InputProps","Input","Text","TextArea","Color","Date","Number","Password","Range","OTP","Radio","props","render","type","_$createComponent","_$memo","InputVariantsProps","TextAreaVariantsProps"],"sources":["../../../src/components/input/input.tsx"],"sourcesContent":["import { Component, createMemo, lazy, on } from 'solid-js';\nimport type {\n  InputColorProps,\n  InputDateProps,\n  InputNumberProps,\n  InputOTPProps,\n  InputPasswordProps,\n  InputRangeProps,\n  InputTextAreaProps,\n  InputTextProps,\n} from './input.types';\nimport { InputRadioProps } from './variants/input-radio';\n\nconst InputText = lazy(() => import('./variants/input-text').then(m => ({ default: m.InputText })));\nconst InputNumber = lazy(() =>\n  import('./variants/input-number').then(m => ({ default: m.InputNumber })),\n);\nconst InputColor = lazy(() =>\n  import('./variants/input-color').then(m => ({ default: m.InputColor })),\n);\nconst InputPassword = lazy(() =>\n  import('./variants/input-password').then(m => ({ default: m.InputPassword })),\n);\nconst InputDate = lazy(() => import('./variants/input-date').then(m => ({ default: m.InputDate })));\nconst InputRange = lazy(() =>\n  import('./variants/input-range').then(m => ({ default: m.InputRange })),\n);\nconst InputTextArea = lazy(() =>\n  import('./variants/input-textarea').then(m => ({ default: m.InputTextArea })),\n);\nconst InputOTP = lazy(() => import('./variants/input-otp').then(m => ({ default: m.InputOTP })));\n\nconst InputRadio = lazy(() =>\n  import('./variants/input-radio').then(m => ({ default: m.InputRadio })),\n);\n\ntype InputProps =\n  | InputTextProps\n  | InputColorProps\n  | InputDateProps\n  | InputNumberProps\n  | InputPasswordProps\n  | InputRangeProps\n  | InputTextAreaProps\n  | InputOTPProps\n  | InputRadioProps;\n\nexport const Input: Component<InputProps> & {\n  Text: Component<InputTextProps>;\n  TextArea: Component<InputTextAreaProps>;\n  Color: Component<InputColorProps>;\n  Date: Component<InputDateProps>;\n  Number: Component<InputNumberProps>;\n  Password: Component<InputPasswordProps>;\n  Range: Component<InputRangeProps>;\n  OTP: Component<InputOTPProps>;\n  Radio: Component<InputRadioProps>;\n} = props => {\n  const render = createMemo(\n    on(\n      () => props.type,\n      () => {\n        switch (props.type) {\n          case 'text':\n            return <InputText {...props} />;\n          case 'textarea':\n            return <InputTextArea {...props} />;\n          case 'number':\n            return <InputNumber {...props} />;\n          case 'password':\n            return <InputPassword {...props} />;\n          case 'color':\n            return <InputColor {...props} />;\n          case 'date':\n            return <InputDate {...props} />;\n          case 'range':\n            return <InputRange {...props} />;\n          case 'otp':\n            return <InputOTP {...props} />;\n          case 'radio':\n            return <InputRadio {...props} />;\n          default:\n            return <InputText {...(props as InputTextProps)} />;\n        }\n      },\n    ),\n  );\n  return <>{render()}</>;\n};\n\nInput.Text = InputText as Component<InputTextProps>;\nInput.TextArea = InputTextArea as Component<InputTextAreaProps>;\nInput.Color = InputColor as Component<InputColorProps>;\nInput.Date = InputDate as Component<InputDateProps>;\nInput.Number = InputNumber as Component<InputNumberProps>;\nInput.Password = InputPassword as Component<InputPasswordProps>;\nInput.Range = InputRange as Component<InputRangeProps>;\nInput.OTP = InputOTP as Component<InputOTPProps>;\nInput.Radio = InputRadio as Component<InputRadioProps>;\nexport type { InputVariantsProps, TextAreaVariantsProps } from './input.utils';\n"],"mappings":"iHAaA,IAAMa,EAAYX,MAAW,OAAO,4BAAyBY,KAAKC,IAAM,CAAEC,QAASD,EAAEF,UAAW,EAAE,CAAC,CAC7FI,EAAcf,MAClB,OAAO,8BAA2BY,KAAKC,IAAM,CAAEC,QAASD,EAAEE,YAAa,EACzE,CAAC,CACKC,EAAahB,MACjB,OAAO,6BAA0BY,KAAKC,IAAM,CAAEC,QAASD,EAAEG,WAAY,EACvE,CAAC,CACKC,EAAgBjB,MACpB,OAAO,gCAA6BY,KAAKC,IAAM,CAAEC,QAASD,EAAEI,cAAe,EAC7E,CAAC,CACKC,EAAYlB,MAAW,OAAO,4BAAyBY,KAAKC,IAAM,CAAEC,QAASD,EAAEK,UAAW,EAAE,CAAC,CAC7FC,EAAanB,MACjB,OAAO,6BAA0BY,KAAKC,IAAM,CAAEC,QAASD,EAAEM,WAAY,EACvE,CAAC,CACKC,EAAgBpB,MACpB,OAAO,gCAA6BY,KAAKC,IAAM,CAAEC,QAASD,EAAEO,cAAe,EAC7E,CAAC,CACKC,EAAWrB,MAAW,OAAO,2BAAwBY,KAAKC,IAAM,CAAEC,QAASD,EAAEQ,SAAU,EAAE,CAAC,CAE1FC,EAAatB,MACjB,OAAO,6BAA0BY,KAAKC,IAAM,CAAEC,QAASD,EAAES,WAAY,EACvE,CAAC,CAaYE,EAUTU,GA8BFI,EA7BevC,EACbE,MACQiC,EAAME,SACN,CACJ,OAAQF,EAAME,KAAd,CACE,IAAK,OACH,OAAAC,EAAQ1B,EAAcuB,EAAK,CAC7B,IAAK,WACH,OAAAG,EAAQjB,EAAkBc,EAAK,CACjC,IAAK,SACH,OAAAG,EAAQtB,EAAgBmB,EAAK,CAC/B,IAAK,WACH,OAAAG,EAAQpB,EAAkBiB,EAAK,CACjC,IAAK,QACH,OAAAG,EAAQrB,EAAekB,EAAK,CAC9B,IAAK,OACH,OAAAG,EAAQnB,EAAcgB,EAAK,CAC7B,IAAK,QACH,OAAAG,EAAQlB,EAAee,EAAK,CAC9B,IAAK,MACH,OAAAG,EAAQhB,EAAaa,EAAK,CAC5B,IAAK,QACH,OAAAG,EAAQf,EAAeY,EAAK,CAC9B,QACE,OAAAG,EAAQ1B,EAAeuB,EAAuB,GAIxD,CAAC,CACe,CAGlBV,EAAMC,KAAOd,EACba,EAAME,SAAWN,EACjBI,EAAMG,MAAQX,EACdQ,EAAMI,KAAOV,EACbM,EAAMK,OAASd,EACfS,EAAMM,SAAWb,EACjBO,EAAMO,MAAQZ,EACdK,EAAMQ,IAAMX,EACZG,EAAMS,MAAQX"}

package/dist/components/input/input.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.utils.js","names":[],"sources":["../../../src/components/input/input.utils.ts"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\r\nimport type { InputBaseProps } from './input.types';\r\n\r\nexport const inputTextVariants = cva('', {\r\n  variants: {\r\n    size: {\r\n      '4xs': 'h-6.5 text-xs',\r\n      '3xs': 'h-7 text-xs',\r\n      '2xs': 'h-7.5  text-xs',\r\n      xs: 'h-8 text-xs',\r\n      sm: 'h-8.5',\r\n      md: 'h-9',\r\n      lg: 'h-9.5',\r\n      xl: 'h-10 text-base',\r\n      '2xl': 'h-10.5 text-base',\r\n      '3xl': 'h-11 text-base',\r\n      '4xl': 'h-11.5 text-base',\r\n    },\r\n    color: {\r\n      neutral: 'input-neutral',\r\n      primary: 'input-primary',\r\n      secondary: 'input-secondary',\r\n      accent: 'input-accent',\r\n      info: 'input-info',\r\n      success: 'input-success',\r\n      warning: 'input-warning',\r\n      error: 'input-error',\r\n    },\r\n    variant: {\r\n      outline: '',\r\n      borderless: 'border-0 outline-0',\r\n      filled: 'it02',\r\n    },\r\n  },\r\n});\r\nexport type InputVariantsProps = VariantProps<typeof inputTextVariants>;\r\n\r\nexport const textareaVariants = cva('', {\r\n  variants: {\r\n    color: {\r\n      neutral: 'textarea-neutral',\r\n      primary: 'textarea-primary',\r\n      secondary: 'textarea-secondary',\r\n      accent: 'textarea-accent',\r\n      info: 'textarea-info',\r\n      success: 'textarea-success',\r\n      warning: 'textarea-warning',\r\n      error: 'textarea-error',\r\n    },\r\n    variant: {\r\n      outline: '',\r\n      borderless: 'border-0 outline-0',\r\n      filled: 'ta03',\r\n    },\r\n    size: {\r\n      xs: 'textarea-xs',\r\n      sm: 'textarea-sm',\r\n      md: 'textarea-md',\r\n      lg: 'textarea-lg',\r\n      xl: 'textarea-xl',\r\n    },\r\n  },\r\n});\r\nexport type TextAreaVariantsProps = VariantProps<typeof textareaVariants>;\r\n\r\nexport const DEFAULT_PROPS: Partial<InputBaseProps> = {\r\n  variant: 'outline',\r\n  allowClear: true,\r\n  color: 'info',\r\n  size: 'md',\r\n  placeholder: '',\r\n};\r\n"],"mappings":"+CAGA,IAAa,EAAoB,EAAI,GAAI,CACvC,SAAU,CACR,KAAM,CACJ,MAAO,gBACP,MAAO,cACP,MAAO,iBACP,GAAI,cACJ,GAAI,QACJ,GAAI,MACJ,GAAI,QACJ,GAAI,iBACJ,MAAO,mBACP,MAAO,iBACP,MAAO,mBACR,CACD,MAAO,CACL,QAAS,gBACT,QAAS,gBACT,UAAW,kBACX,OAAQ,eACR,KAAM,aACN,QAAS,gBACT,QAAS,gBACT,MAAO,cACR,CACD,QAAS,CACP,QAAS,GACT,WAAY,qBACZ,OAAQ,OACT,CACF,CACF,CAAC,CAGW,EAAmB,EAAI,GAAI,CACtC,SAAU,CACR,MAAO,CACL,QAAS,mBACT,QAAS,mBACT,UAAW,qBACX,OAAQ,kBACR,KAAM,gBACN,QAAS,mBACT,QAAS,mBACT,MAAO,iBACR,CACD,QAAS,CACP,QAAS,GACT,WAAY,qBACZ,OAAQ,OACT,CACD,KAAM,CACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACL,CACF,CACF,CAAC,CAGW,EAAyC,CACpD,QAAS,UACT,WAAY,GACZ,MAAO,OACP,KAAM,KACN,YAAa,GACd"}
+{"version":3,"file":"input.utils.js","names":[],"sources":["../../../src/components/input/input.utils.ts"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport type { InputBaseProps } from './input.types';\n\nexport const inputTextVariants = cva('', {\n  variants: {\n    size: {\n      '4xs': 'h-6.5 text-xs',\n      '3xs': 'h-7 text-xs',\n      '2xs': 'h-7.5  text-xs',\n      xs: 'h-8 text-xs',\n      sm: 'h-8.5',\n      md: 'h-9',\n      lg: 'h-9.5',\n      xl: 'h-10 text-base',\n      '2xl': 'h-10.5 text-base',\n      '3xl': 'h-11 text-base',\n      '4xl': 'h-11.5 text-base',\n    },\n    color: {\n      neutral: 'input-neutral',\n      primary: 'input-primary',\n      secondary: 'input-secondary',\n      accent: 'input-accent',\n      info: 'input-info',\n      success: 'input-success',\n      warning: 'input-warning',\n      error: 'input-error',\n    },\n    variant: {\n      outline: '',\n      borderless: 'border-0 outline-0',\n      filled: 'it02',\n    },\n  },\n});\nexport type InputVariantsProps = VariantProps<typeof inputTextVariants>;\n\nexport const textareaVariants = cva('', {\n  variants: {\n    color: {\n      neutral: 'textarea-neutral',\n      primary: 'textarea-primary',\n      secondary: 'textarea-secondary',\n      accent: 'textarea-accent',\n      info: 'textarea-info',\n      success: 'textarea-success',\n      warning: 'textarea-warning',\n      error: 'textarea-error',\n    },\n    variant: {\n      outline: '',\n      borderless: 'border-0 outline-0',\n      filled: 'ta03',\n    },\n    size: {\n      xs: 'textarea-xs',\n      sm: 'textarea-sm',\n      md: 'textarea-md',\n      lg: 'textarea-lg',\n      xl: 'textarea-xl',\n    },\n  },\n});\nexport type TextAreaVariantsProps = VariantProps<typeof textareaVariants>;\n\nexport const DEFAULT_PROPS: Partial<InputBaseProps> = {\n  variant: 'outline',\n  allowClear: true,\n  color: 'info',\n  size: 'md',\n  placeholder: '',\n};\n"],"mappings":"+CAGA,IAAa,EAAoB,EAAI,GAAI,CACvC,SAAU,CACR,KAAM,CACJ,MAAO,gBACP,MAAO,cACP,MAAO,iBACP,GAAI,cACJ,GAAI,QACJ,GAAI,MACJ,GAAI,QACJ,GAAI,iBACJ,MAAO,mBACP,MAAO,iBACP,MAAO,mBACR,CACD,MAAO,CACL,QAAS,gBACT,QAAS,gBACT,UAAW,kBACX,OAAQ,eACR,KAAM,aACN,QAAS,gBACT,QAAS,gBACT,MAAO,cACR,CACD,QAAS,CACP,QAAS,GACT,WAAY,qBACZ,OAAQ,OACT,CACF,CACF,CAAC,CAGW,EAAmB,EAAI,GAAI,CACtC,SAAU,CACR,MAAO,CACL,QAAS,mBACT,QAAS,mBACT,UAAW,qBACX,OAAQ,kBACR,KAAM,gBACN,QAAS,mBACT,QAAS,mBACT,MAAO,iBACR,CACD,QAAS,CACP,QAAS,GACT,WAAY,qBACZ,OAAQ,OACT,CACD,KAAM,CACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACL,CACF,CACF,CAAC,CAGW,EAAyC,CACpD,QAAS,UACT,WAAY,GACZ,MAAO,OACP,KAAM,KACN,YAAa,GACd"}

package/dist/components/input/variants/input-color.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-color.js","names":["normalizeHexColor","Component","createSignal","splitProps","InputColorProps","InputText","InputColor","props","p","otherProps","initialValue","value","colorValue","setColorValue","colorPickerLabel","_el$","_tmpl$","_el$2","firstChild","addEventListener","e","newValue","currentTarget","onChange","_$effect","_$createComponent","_$mergeProps","type","typeOrigin","maskOptions","prefixIcon","onInput","normalizedValue","onBlur"],"sources":["../../../../src/components/input/variants/input-color.tsx"],"sourcesContent":["import { normalizeHexColor } from '@/utils/helper';\r\nimport { Component, createSignal, splitProps } from 'solid-js';\r\nimport type { InputColorProps } from '../input.types';\r\nimport { InputText } from './input-text';\r\n\r\nexport const InputColor: Component<InputColorProps> = (props => {\r\n  const [p, otherProps] = splitProps(props, ['value', 'onChange', 'onBlur', 'onInput']);\r\n  const initialValue = normalizeHexColor(p.value);\r\n  const [colorValue, setColorValue] = createSignal(initialValue);\r\n\r\n  const colorPickerLabel = (\r\n    <label class=\"flex cursor-pointer\">\r\n      <input\r\n        type=\"color\"\r\n        value={colorValue()}\r\n        class=\"my-auto size-5 cursor-pointer\"\r\n        onChange={e => {\r\n          const newValue = normalizeHexColor(e.currentTarget.value);\r\n          setColorValue(newValue);\r\n          if (p.onChange) {\r\n            p.onChange(newValue, e);\r\n          }\r\n        }}\r\n      />\r\n    </label>\r\n  );\r\n\r\n  return (\r\n    <InputText\r\n      {...otherProps}\r\n      type={'text'}\r\n      typeOrigin=\"color\"\r\n      value={colorValue()}\r\n      maskOptions={void 0}\r\n      prefixIcon={colorPickerLabel}\r\n      onInput={(value, e) => {\r\n        setColorValue(value);\r\n        if (p.onInput) {\r\n          p.onInput(value, e);\r\n        }\r\n      }}\r\n      onChange={(value, e) => {\r\n        const normalizedValue = normalizeHexColor(value);\r\n        setColorValue(normalizedValue);\r\n        if (p.onChange) {\r\n          p.onChange(normalizedValue, e);\r\n        }\r\n      }}\r\n      onBlur={(value, e) => {\r\n        const normalizedValue = normalizeHexColor(value);\r\n        setColorValue(normalizedValue);\r\n        if (p.onBlur) {\r\n          p.onBlur(normalizedValue, e);\r\n        }\r\n      }}\r\n    />\r\n  );\r\n}) as Component<InputColorProps>;\r\n"],"mappings":"iWAKaM,GAA0CC,GAAS,CAC9D,GAAM,CAACC,EAAGC,GAAcN,EAAWI,EAAO,CAAC,QAAS,WAAY,SAAU,UAAU,CAAC,CAE/E,CAACK,EAAYC,GAAiBX,EADfF,EAAkBQ,EAAEG,MAAM,CACe,CAmB9D,OAAAc,EACGpB,EAASqB,EACJjB,EAAU,CACdkB,KAAM,OACNC,WAAU,QAAA,IACVjB,OAAK,CAAA,OAAEC,GAAY,EACnBiB,YAAa,IAAK,GAClBC,gBAxBkB,CAAA,IAAAf,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAIG,OAJHD,EAAAE,iBAAA,SAMNC,GAAK,CACb,IAAMC,EAAWrB,EAAkBoB,EAAEE,cAAcX,MAAM,CACzDE,EAAcQ,EAAS,CACnBb,EAAEe,UACJf,EAAEe,SAASF,EAAUD,EAAE,EAE1B,CAAAI,MAAAP,EAAAN,MARMC,GAAY,CAAA,CAAAG,KAWxB,CAUGgB,SAAUpB,EAAOS,IAAM,CACrBP,EAAcF,EAAM,CAChBH,EAAEuB,SACJvB,EAAEuB,QAAQpB,EAAOS,EAAE,EAGvBG,UAAWZ,EAAOS,IAAM,CACtB,IAAMY,EAAkBhC,EAAkBW,EAAM,CAChDE,EAAcmB,EAAgB,CAC1BxB,EAAEe,UACJf,EAAEe,SAASS,EAAiBZ,EAAE,EAGlCa,QAAStB,EAAOS,IAAM,CACpB,IAAMY,EAAkBhC,EAAkBW,EAAM,CAChDE,EAAcmB,EAAgB,CAC1BxB,EAAEyB,QACJzB,EAAEyB,OAAOD,EAAiBZ,EAAE,EAE/B,CAAA,CAAA"}
+{"version":3,"file":"input-color.js","names":["normalizeHexColor","Component","createSignal","splitProps","InputColorProps","InputText","InputColor","props","p","otherProps","initialValue","value","colorValue","setColorValue","colorPickerLabel","_el$","_tmpl$","_el$2","firstChild","addEventListener","e","newValue","currentTarget","onChange","_$effect","_$createComponent","_$mergeProps","type","typeOrigin","maskOptions","prefixIcon","onInput","normalizedValue","onBlur"],"sources":["../../../../src/components/input/variants/input-color.tsx"],"sourcesContent":["import { normalizeHexColor } from '@/utils/helper';\nimport { Component, createSignal, splitProps } from 'solid-js';\nimport type { InputColorProps } from '../input.types';\nimport { InputText } from './input-text';\n\nexport const InputColor: Component<InputColorProps> = (props => {\n  const [p, otherProps] = splitProps(props, ['value', 'onChange', 'onBlur', 'onInput']);\n  const initialValue = normalizeHexColor(p.value);\n  const [colorValue, setColorValue] = createSignal(initialValue);\n\n  const colorPickerLabel = (\n    <label class=\"flex cursor-pointer\">\n      <input\n        type=\"color\"\n        value={colorValue()}\n        class=\"my-auto size-5 cursor-pointer\"\n        onChange={e => {\n          const newValue = normalizeHexColor(e.currentTarget.value);\n          setColorValue(newValue);\n          if (p.onChange) {\n            p.onChange(newValue, e);\n          }\n        }}\n      />\n    </label>\n  );\n\n  return (\n    <InputText\n      {...otherProps}\n      type={'text'}\n      typeOrigin=\"color\"\n      value={colorValue()}\n      maskOptions={void 0}\n      prefixIcon={colorPickerLabel}\n      onInput={(value, e) => {\n        setColorValue(value);\n        if (p.onInput) {\n          p.onInput(value, e);\n        }\n      }}\n      onChange={(value, e) => {\n        const normalizedValue = normalizeHexColor(value);\n        setColorValue(normalizedValue);\n        if (p.onChange) {\n          p.onChange(normalizedValue, e);\n        }\n      }}\n      onBlur={(value, e) => {\n        const normalizedValue = normalizeHexColor(value);\n        setColorValue(normalizedValue);\n        if (p.onBlur) {\n          p.onBlur(normalizedValue, e);\n        }\n      }}\n    />\n  );\n}) as Component<InputColorProps>;\n"],"mappings":"iWAKaM,GAA0CC,GAAS,CAC9D,GAAM,CAACC,EAAGC,GAAcN,EAAWI,EAAO,CAAC,QAAS,WAAY,SAAU,UAAU,CAAC,CAE/E,CAACK,EAAYC,GAAiBX,EADfF,EAAkBQ,EAAEG,MAAM,CACe,CAmB9D,OAAAc,EACGpB,EAASqB,EACJjB,EAAU,CACdkB,KAAM,OACNC,WAAU,QAAA,IACVjB,OAAK,CAAA,OAAEC,GAAY,EACnBiB,YAAa,IAAK,GAClBC,gBAxBkB,CAAA,IAAAf,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAIG,OAJHD,EAAAE,iBAAA,SAMNC,GAAK,CACb,IAAMC,EAAWrB,EAAkBoB,EAAEE,cAAcX,MAAM,CACzDE,EAAcQ,EAAS,CACnBb,EAAEe,UACJf,EAAEe,SAASF,EAAUD,EAAE,EAE1B,CAAAI,MAAAP,EAAAN,MARMC,GAAY,CAAA,CAAAG,KAWxB,CAUGgB,SAAUpB,EAAOS,IAAM,CACrBP,EAAcF,EAAM,CAChBH,EAAEuB,SACJvB,EAAEuB,QAAQpB,EAAOS,EAAE,EAGvBG,UAAWZ,EAAOS,IAAM,CACtB,IAAMY,EAAkBhC,EAAkBW,EAAM,CAChDE,EAAcmB,EAAgB,CAC1BxB,EAAEe,UACJf,EAAEe,SAASS,EAAiBZ,EAAE,EAGlCa,QAAStB,EAAOS,IAAM,CACpB,IAAMY,EAAkBhC,EAAkBW,EAAM,CAChDE,EAAcmB,EAAgB,CAC1BxB,EAAEyB,QACJzB,EAAEyB,OAAOD,EAAiBZ,EAAE,EAE/B,CAAA,CAAA"}

package/dist/components/input/variants/input-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-date.js","names":["Component","createUniqueId","mergeProps","InputDateProps","DEFAULT_PROPS","InputText","InputDate","p","id","_$createComponent","_$mergeProps","type","typeOrigin","maskOptions","allowClear"],"sources":["../../../../src/components/input/variants/input-date.tsx"],"sourcesContent":["import { Component, createUniqueId, mergeProps } from 'solid-js';\r\nimport type { InputDateProps } from '../input.types';\r\nimport { DEFAULT_PROPS } from '../input.utils';\r\nimport { InputText } from './input-text';\r\n\r\nexport const InputDate: Component<InputDateProps> = (p => {\r\n  const id = createUniqueId();\r\n  p = mergeProps({ ...DEFAULT_PROPS, id }, p);\r\n  return (\r\n    <InputText\r\n      {...p}\r\n      type={'date' as 'text'}\r\n      typeOrigin=\"date\"\r\n      maskOptions={void 0}\r\n      allowClear={false}\r\n    />\r\n  );\r\n}) as Component<InputDateProps>;\r\n"],"mappings":"uNAKA,IAAaM,GAAwCC,GAAK,CACxD,IAAMC,EAAKP,GAAgB,CAE3B,MADAM,GAAIL,EAAW,CAAE,GAAGE,EAAeI,KAAI,CAAED,EAAE,CAC3CE,EACGJ,EAASK,EACJH,EAAC,CACLI,KAAM,OACNC,WAAU,OACVC,YAAa,IAAK,GAClBC,WAAY,GAAK,CAAA,CAAA"}
+{"version":3,"file":"input-date.js","names":["Component","createUniqueId","mergeProps","InputDateProps","DEFAULT_PROPS","InputText","InputDate","p","id","_$createComponent","_$mergeProps","type","typeOrigin","maskOptions","allowClear"],"sources":["../../../../src/components/input/variants/input-date.tsx"],"sourcesContent":["import { Component, createUniqueId, mergeProps } from 'solid-js';\nimport type { InputDateProps } from '../input.types';\nimport { DEFAULT_PROPS } from '../input.utils';\nimport { InputText } from './input-text';\n\nexport const InputDate: Component<InputDateProps> = (p => {\n  const id = createUniqueId();\n  p = mergeProps({ ...DEFAULT_PROPS, id }, p);\n  return (\n    <InputText\n      {...p}\n      type={'date' as 'text'}\n      typeOrigin=\"date\"\n      maskOptions={void 0}\n      allowClear={false}\n    />\n  );\n}) as Component<InputDateProps>;\n"],"mappings":"uNAKA,IAAaM,GAAwCC,GAAK,CACxD,IAAMC,EAAKP,GAAgB,CAE3B,MADAM,GAAIL,EAAW,CAAE,GAAGE,EAAeI,KAAI,CAAED,EAAE,CAC3CE,EACGJ,EAASK,EACJH,EAAC,CACLI,KAAM,OACNC,WAAU,OACVC,YAAa,IAAK,GAClBC,WAAY,GAAK,CAAA,CAAA"}

package/dist/components/input/variants/input-number.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../../utils/cn.js";import{createThrottle as t}from"../../../utils/helper.js";import{DEFAULT_PROPS as n,inputTextVariants as r}from"../input.utils.js";import{className as i,createComponent as a,delegateEvents as o,effect as s,insert as c,memo as l,setAttribute as u,template as d,use as f}from"solid-js/web";import{Show as p,createEffect as m,createUniqueId as h,mergeProps as g,on as _,onCleanup as v,onMount as y}from"solid-js";import b from"lucide-solid/icons/x";import x from"imask/holder";import"imask/masked/number";var S=d(`<div class=it05>`),C=d(`<div tabindex=-1><input type=text data-type=number class="text-c2 grow">`),w=d(`<div class=it03>`),T=d(`<div class=it04>`),E=(o=>{let d=h();o=g({...n,id:d,offset:1,wheel:!1,keyboard:!0},o);let E,D,O=()=>({min:-1/0,max:1/0,thousandsSeparator:`_`,radix:`.`,padFractionalZeros:!1,normalizeZeros:!0,...o.maskOptions,mask:Number}),k=()=>{D?.focus()},A=null,j=e=>{if(!E)return;let t=E.unmaskedValue,n=(t===``?0:parseFloat(t))+e,r=o.maskOptions?.min??-1/0,i=o.maskOptions?.max??1/0;n=Math.max(r,Math.min(i,n)),E.unmaskedValue=String(n),E.updateValue(),o.onChange?.(E.value,new Event(`change`)),o.onInput?.(E.value,new Event(`input`)),o.maskOptions?.onAccept?.(E.value,E.unmaskedValue)},M=e=>{if(!o.keyboard)return;let t=o.offset??1;e.key===`ArrowUp`?(e.preventDefault(),j(t)):e.key===`ArrowDown`&&(e.preventDefault(),j(-t))},N=t(e=>{if(!o.wheel)return;e.preventDefault();let t=o.offset??1;j(e.deltaY<0?t:-t)},50);m(_(()=>O(),e=>E&&e&&E.updateOptions(e),{defer:!0})),y(()=>{D&&(E=x(D,O()),A=e=>{o.onChange?.(E?.value??``,e),o.maskOptions?.onAccept?.(E?.value,E?.unmaskedValue)},E.on(`accept`,A))}),v(function(){E&&(A&&E.off(`accept`,A),E.destroy())});let P=e=>{e.stopPropagation(),E?(E.value=``,E.updateValue()):D&&(D.value=``),o.onInput?.(``,void 0),o.onChange?.(``,void 0),D?.focus()};return(()=>{var t=C(),n=t.firstChild;t.$$click=k,c(t,()=>o.prefixIcon,n),n.addEventListener(`wheel`,e=>{o.wheel&&document.activeElement===D&&N(e)}),n.$$keydown=e=>{(e.key===`Enter`||e.keyCode===13)&&(e.preventDefault(),o.onPressEnter?.(e.currentTarget.value,e)),M(e)},n.$$input=e=>o.onInput?.(e.currentTarget.value,e),n.addEventListener(`change`,e=>o.onChange?.(e.currentTarget.value,e)),n.addEventListener(`blur`,e=>o.onBlur?.(e.currentTarget.value,e));var d=D;return typeof d==`function`?f(d,n):D=n,c(t,a(p,{get when(){return o.allowClear||o.suffixIcon},get children(){var e=S();return c(e,(()=>{var e=l(()=>!!o.allowClear);return()=>e()&&(()=>{var e=w();return e.$$click=P,c(e,a(b,{class:`m-auto size-2`})),e})()})(),null),c(e,(()=>{var e=l(()=>!!o.suffixIcon);return()=>e()&&(()=>{var e=T();return c(e,()=>o.suffixIcon),e})()})(),null),e}}),null),s(a=>{var s=e(`it01`,r({color:o.color,size:o.size,variant:o.variant}),o.class?.input,o.disabled&&`border-c5 pointer-events-none`),c=o.id,l=o.placeholder,d=o.disabled;return s!==a.e&&i(t,a.e=s),c!==a.t&&u(n,`id`,a.t=c),l!==a.a&&u(n,`placeholder`,a.a=l),d!==a.o&&(n.disabled=a.o=d),a},{e:void 0,t:void 0,a:void 0,o:void 0}),s(()=>n.value=o.value??``),t})()});o([`click`,`input`,`keydown`]);export{E as InputNumber};
+import{cn as e}from"../../../utils/cn.js";import{createThrottle as t}from"../../../utils/helper.js";import{x_default as n}from"../../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/x.js";import{DEFAULT_PROPS as r,inputTextVariants as i}from"../input.utils.js";import{className as a,createComponent as o,delegateEvents as s,effect as c,insert as l,memo as u,setAttribute as d,template as f,use as p}from"solid-js/web";import{Show as m,createEffect as h,createUniqueId as g,mergeProps as _,on as v,onCleanup as y,onMount as b}from"solid-js";import x from"imask/holder";import"imask/masked/number";var S=f(`<div class=it05>`),C=f(`<div tabindex=-1><input type=text data-type=number class="text-c2 grow">`),w=f(`<div class=it03>`),T=f(`<div class=it04>`),E=(s=>{let f=g();s=_({...r,id:f,offset:1,wheel:!1,keyboard:!0},s);let E,D,O=()=>({min:-1/0,max:1/0,thousandsSeparator:`_`,radix:`.`,padFractionalZeros:!1,normalizeZeros:!0,...s.maskOptions,mask:Number}),k=()=>{D?.focus()},A=null,j=e=>{if(!E)return;let t=E.unmaskedValue,n=(t===``?0:parseFloat(t))+e,r=s.maskOptions?.min??-1/0,i=s.maskOptions?.max??1/0;n=Math.max(r,Math.min(i,n)),E.unmaskedValue=String(n),E.updateValue(),s.onChange?.(E.value,new Event(`change`)),s.onInput?.(E.value,new Event(`input`)),s.maskOptions?.onAccept?.(E.value,E.unmaskedValue)},M=e=>{if(!s.keyboard)return;let t=s.offset??1;e.key===`ArrowUp`?(e.preventDefault(),j(t)):e.key===`ArrowDown`&&(e.preventDefault(),j(-t))},N=t(e=>{if(!s.wheel)return;e.preventDefault();let t=s.offset??1;j(e.deltaY<0?t:-t)},50);h(v(()=>O(),e=>E&&e&&E.updateOptions(e),{defer:!0})),b(()=>{D&&(E=x(D,O()),A=e=>{s.onChange?.(E?.value??``,e),s.maskOptions?.onAccept?.(E?.value,E?.unmaskedValue)},E.on(`accept`,A))}),y(function(){E&&(A&&E.off(`accept`,A),E.destroy())});let P=e=>{e.stopPropagation(),E?(E.value=``,E.updateValue()):D&&(D.value=``),s.onInput?.(``,void 0),s.onChange?.(``,void 0),D?.focus()};return(()=>{var t=C(),r=t.firstChild;t.$$click=k,l(t,()=>s.prefixIcon,r),r.addEventListener(`wheel`,e=>{s.wheel&&document.activeElement===D&&N(e)}),r.$$keydown=e=>{(e.key===`Enter`||e.keyCode===13)&&(e.preventDefault(),s.onPressEnter?.(e.currentTarget.value,e)),M(e)},r.$$input=e=>s.onInput?.(e.currentTarget.value,e),r.addEventListener(`change`,e=>s.onChange?.(e.currentTarget.value,e)),r.addEventListener(`blur`,e=>s.onBlur?.(e.currentTarget.value,e));var f=D;return typeof f==`function`?p(f,r):D=r,l(t,o(m,{get when(){return s.allowClear||s.suffixIcon},get children(){var e=S();return l(e,(()=>{var e=u(()=>!!s.allowClear);return()=>e()&&(()=>{var e=w();return e.$$click=P,l(e,o(n,{class:`m-auto size-2`})),e})()})(),null),l(e,(()=>{var e=u(()=>!!s.suffixIcon);return()=>e()&&(()=>{var e=T();return l(e,()=>s.suffixIcon),e})()})(),null),e}}),null),c(n=>{var o=e(`it01`,i({color:s.color,size:s.size,variant:s.variant}),s.class?.input,s.disabled&&`border-c5 pointer-events-none`),c=s.id,l=s.placeholder,u=s.disabled;return o!==n.e&&a(t,n.e=o),c!==n.t&&d(r,`id`,n.t=c),l!==n.a&&d(r,`placeholder`,n.a=l),u!==n.o&&(r.disabled=n.o=u),n},{e:void 0,t:void 0,a:void 0,o:void 0}),c(()=>r.value=s.value??``),t})()});s([`click`,`input`,`keydown`]);export{E as InputNumber};
 //# sourceMappingURL=input-number.js.map

package/dist/components/input/variants/input-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-number.js","names":["cn","createThrottle","FactoryArg","InputMask","IMask","X","Component","createEffect","createUniqueId","mergeProps","on","onCleanup","onMount","Show","InputNumberProps","DEFAULT_PROPS","inputTextVariants","InputNumber","p","id","offset","wheel","keyboard","maskInstance","inputRef","HTMLInputElement","options","min","Number","NEGATIVE_INFINITY","max","POSITIVE_INFINITY","thousandsSeparator","radix","padFractionalZeros","normalizeZeros","maskOptions","mask","focusInput","focus","maskAcceptEvent","updateValue","delta","currentValue","unmaskedValue","numericValue","parseFloat","newValue","Math","String","onChange","value","Event","onInput","onAccept","handleKeyDown","e","KeyboardEvent","key","preventDefault","handleWheel","WheelEvent","deltaY","updateOptions","defer","InputEvent","destroyNumberMask","off","destroy","handleClear","MouseEvent","stopPropagation","undefined","_el$","_tmpl$2","_el$2","firstChild","$$click","_$insert","prefixIcon","addEventListener","document","activeElement","$$keydown","keyCode","onPressEnter","currentTarget","$$input","onBlur","_ref$","_$use","_$createComponent","when","allowClear","suffixIcon","children","_el$3","_tmpl$","_c$","_$memo","_el$4","_tmpl$3","_c$2","_el$5","_tmpl$4","_$effect","_p$","_v$","color","size","variant","class","input","disabled","_v$2","_v$3","placeholder","_v$4","_$className","t","_$setAttribute","a","o","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-number.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { createThrottle } from '@/utils/helper';\r\nimport type { FactoryArg, InputMask } from 'imask';\r\nimport IMask from 'imask/holder';\r\nimport 'imask/masked/number';\r\nimport X from 'lucide-solid/icons/x';\r\nimport {\r\n  Component,\r\n  createEffect,\r\n  createUniqueId,\r\n  mergeProps,\r\n  on,\r\n  onCleanup,\r\n  onMount,\r\n  Show,\r\n} from 'solid-js';\r\nimport type { InputNumberProps } from '../input.types';\r\nimport { DEFAULT_PROPS, inputTextVariants } from '../input.utils';\r\n\r\nexport const InputNumber: Component<InputNumberProps> = (p => {\r\n  const id = createUniqueId();\r\n  p = mergeProps({ ...DEFAULT_PROPS, id, offset: 1, wheel: false, keyboard: true }, p);\r\n  let maskInstance: InputMask<FactoryArg> | undefined;\r\n  let inputRef: HTMLInputElement | undefined;\r\n\r\n  const options = () => ({\r\n    min: Number.NEGATIVE_INFINITY,\r\n    max: Number.POSITIVE_INFINITY,\r\n    thousandsSeparator: '_',\r\n    radix: '.',\r\n    padFractionalZeros: false,\r\n    normalizeZeros: true,\r\n    ...p.maskOptions,\r\n    mask: Number,\r\n  });\r\n\r\n  const focusInput = () => {\r\n    inputRef?.focus();\r\n  };\r\n\r\n  let maskAcceptEvent: any = null;\r\n\r\n  const updateValue = (delta: number) => {\r\n    if (!maskInstance) return;\r\n\r\n    const currentValue = maskInstance.unmaskedValue;\r\n    const numericValue = currentValue === '' ? 0 : parseFloat(currentValue);\r\n    let newValue = numericValue + delta;\r\n\r\n    const min = p.maskOptions?.min ?? Number.NEGATIVE_INFINITY;\r\n    const max = p.maskOptions?.max ?? Number.POSITIVE_INFINITY;\r\n    newValue = Math.max(min, Math.min(max, newValue));\r\n\r\n    maskInstance.unmaskedValue = String(newValue);\r\n    maskInstance.updateValue();\r\n\r\n    p.onChange?.(maskInstance.value, new Event('change'));\r\n    p.onInput?.(maskInstance.value, new Event('input'));\r\n    p.maskOptions?.onAccept?.(maskInstance.value, maskInstance.unmaskedValue);\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent) => {\r\n    if (!p.keyboard) return;\r\n\r\n    const offset = p.offset ?? 1;\r\n\r\n    if (e.key === 'ArrowUp') {\r\n      e.preventDefault();\r\n      updateValue(offset);\r\n    } else if (e.key === 'ArrowDown') {\r\n      e.preventDefault();\r\n      updateValue(-offset);\r\n    }\r\n  };\r\n\r\n  const handleWheel = createThrottle((e: WheelEvent) => {\r\n    if (!p.wheel) return;\r\n\r\n    e.preventDefault();\r\n    const offset = p.offset ?? 1;\r\n    const delta = e.deltaY < 0 ? offset : -offset;\r\n    updateValue(delta);\r\n  }, 50);\r\n\r\n  createEffect(\r\n    on(\r\n      () => options(),\r\n      value => maskInstance && value && maskInstance.updateOptions(value),\r\n      { defer: true },\r\n    ),\r\n  );\r\n\r\n  onMount(() => {\r\n    if (inputRef) {\r\n      maskInstance = IMask(inputRef, options());\r\n\r\n      maskAcceptEvent = (e: InputEvent) => {\r\n        p.onChange?.(maskInstance?.value ?? '', e);\r\n        p.maskOptions?.onAccept?.(maskInstance?.value, maskInstance?.unmaskedValue);\r\n      };\r\n      maskInstance.on('accept', maskAcceptEvent);\r\n    }\r\n  });\r\n\r\n  onCleanup(function destroyNumberMask() {\r\n    if (maskInstance) {\r\n      maskAcceptEvent && maskInstance.off('accept', maskAcceptEvent);\r\n      maskInstance.destroy();\r\n    }\r\n  });\r\n\r\n  const handleClear = (e: MouseEvent) => {\r\n    e.stopPropagation();\r\n    if (maskInstance) {\r\n      maskInstance.value = '';\r\n      maskInstance.updateValue();\r\n    } else if (inputRef) {\r\n      inputRef.value = '';\r\n    }\r\n    p.onInput?.('', undefined as any);\r\n    p.onChange?.('', undefined as any);\r\n    inputRef?.focus();\r\n  };\r\n\r\n  return (\r\n    <div\r\n      tabIndex={-1}\r\n      class={cn(\r\n        'it01',\r\n        inputTextVariants({ color: p.color, size: p.size, variant: p.variant }),\r\n        p.class?.input,\r\n        p.disabled && 'border-c5 pointer-events-none',\r\n      )}\r\n      onClick={focusInput}\r\n    >\r\n      {p.prefixIcon}\r\n      <input\r\n        id={p.id}\r\n        ref={inputRef}\r\n        type=\"text\"\r\n        data-type=\"number\"\r\n        value={p.value ?? ''}\r\n        placeholder={p.placeholder}\r\n        class=\"text-c2 grow\"\r\n        onBlur={e => p.onBlur?.(e.currentTarget.value, e)}\r\n        onChange={e => p.onChange?.(e.currentTarget.value, e)}\r\n        onInput={e => p.onInput?.(e.currentTarget.value, e)}\r\n        onKeyDown={e => {\r\n          if (e.key === 'Enter' || e.keyCode === 13) {\r\n            e.preventDefault();\r\n            p.onPressEnter?.(e.currentTarget.value, e);\r\n          }\r\n          handleKeyDown(e);\r\n        }}\r\n        onWheel={e => {\r\n          if (p.wheel && document.activeElement === inputRef) {\r\n            handleWheel(e);\r\n          }\r\n        }}\r\n        disabled={p.disabled}\r\n      />\r\n      <Show when={p.allowClear || p.suffixIcon}>\r\n        <div class=\"it05\">\r\n          {p.allowClear && (\r\n            <div class=\"it03\" onClick={handleClear}>\r\n              <X class=\"m-auto size-2\" />\r\n            </div>\r\n          )}\r\n          {p.suffixIcon && <div class=\"it04\">{p.suffixIcon}</div>}\r\n        </div>\r\n      </Show>\r\n    </div>\r\n  );\r\n}) as Component<InputNumberProps>;\r\n"],"mappings":"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"}
+{"version":3,"file":"input-number.js","names":["cn","createThrottle","FactoryArg","InputMask","IMask","X","Component","createEffect","createUniqueId","mergeProps","on","onCleanup","onMount","Show","InputNumberProps","DEFAULT_PROPS","inputTextVariants","InputNumber","p","id","offset","wheel","keyboard","maskInstance","inputRef","HTMLInputElement","options","min","Number","NEGATIVE_INFINITY","max","POSITIVE_INFINITY","thousandsSeparator","radix","padFractionalZeros","normalizeZeros","maskOptions","mask","focusInput","focus","maskAcceptEvent","updateValue","delta","currentValue","unmaskedValue","numericValue","parseFloat","newValue","Math","String","onChange","value","Event","onInput","onAccept","handleKeyDown","e","KeyboardEvent","key","preventDefault","handleWheel","WheelEvent","deltaY","updateOptions","defer","InputEvent","destroyNumberMask","off","destroy","handleClear","MouseEvent","stopPropagation","undefined","_el$","_tmpl$2","_el$2","firstChild","$$click","_$insert","prefixIcon","addEventListener","document","activeElement","$$keydown","keyCode","onPressEnter","currentTarget","$$input","onBlur","_ref$","_$use","_$createComponent","when","allowClear","suffixIcon","children","_el$3","_tmpl$","_c$","_$memo","_el$4","_tmpl$3","_c$2","_el$5","_tmpl$4","_$effect","_p$","_v$","color","size","variant","class","input","disabled","_v$2","_v$3","placeholder","_v$4","_$className","t","_$setAttribute","a","o","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-number.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { createThrottle } from '@/utils/helper';\nimport type { FactoryArg, InputMask } from 'imask';\nimport IMask from 'imask/holder';\nimport 'imask/masked/number';\nimport X from 'lucide-solid/icons/x';\nimport {\n  Component,\n  createEffect,\n  createUniqueId,\n  mergeProps,\n  on,\n  onCleanup,\n  onMount,\n  Show,\n} from 'solid-js';\nimport type { InputNumberProps } from '../input.types';\nimport { DEFAULT_PROPS, inputTextVariants } from '../input.utils';\n\nexport const InputNumber: Component<InputNumberProps> = (p => {\n  const id = createUniqueId();\n  p = mergeProps({ ...DEFAULT_PROPS, id, offset: 1, wheel: false, keyboard: true }, p);\n  let maskInstance: InputMask<FactoryArg> | undefined;\n  let inputRef: HTMLInputElement | undefined;\n\n  const options = () => ({\n    min: Number.NEGATIVE_INFINITY,\n    max: Number.POSITIVE_INFINITY,\n    thousandsSeparator: '_',\n    radix: '.',\n    padFractionalZeros: false,\n    normalizeZeros: true,\n    ...p.maskOptions,\n    mask: Number,\n  });\n\n  const focusInput = () => {\n    inputRef?.focus();\n  };\n\n  let maskAcceptEvent: any = null;\n\n  const updateValue = (delta: number) => {\n    if (!maskInstance) return;\n\n    const currentValue = maskInstance.unmaskedValue;\n    const numericValue = currentValue === '' ? 0 : parseFloat(currentValue);\n    let newValue = numericValue + delta;\n\n    const min = p.maskOptions?.min ?? Number.NEGATIVE_INFINITY;\n    const max = p.maskOptions?.max ?? Number.POSITIVE_INFINITY;\n    newValue = Math.max(min, Math.min(max, newValue));\n\n    maskInstance.unmaskedValue = String(newValue);\n    maskInstance.updateValue();\n\n    p.onChange?.(maskInstance.value, new Event('change'));\n    p.onInput?.(maskInstance.value, new Event('input'));\n    p.maskOptions?.onAccept?.(maskInstance.value, maskInstance.unmaskedValue);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (!p.keyboard) return;\n\n    const offset = p.offset ?? 1;\n\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      updateValue(offset);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      updateValue(-offset);\n    }\n  };\n\n  const handleWheel = createThrottle((e: WheelEvent) => {\n    if (!p.wheel) return;\n\n    e.preventDefault();\n    const offset = p.offset ?? 1;\n    const delta = e.deltaY < 0 ? offset : -offset;\n    updateValue(delta);\n  }, 50);\n\n  createEffect(\n    on(\n      () => options(),\n      value => maskInstance && value && maskInstance.updateOptions(value),\n      { defer: true },\n    ),\n  );\n\n  onMount(() => {\n    if (inputRef) {\n      maskInstance = IMask(inputRef, options());\n\n      maskAcceptEvent = (e: InputEvent) => {\n        p.onChange?.(maskInstance?.value ?? '', e);\n        p.maskOptions?.onAccept?.(maskInstance?.value, maskInstance?.unmaskedValue);\n      };\n      maskInstance.on('accept', maskAcceptEvent);\n    }\n  });\n\n  onCleanup(function destroyNumberMask() {\n    if (maskInstance) {\n      maskAcceptEvent && maskInstance.off('accept', maskAcceptEvent);\n      maskInstance.destroy();\n    }\n  });\n\n  const handleClear = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (maskInstance) {\n      maskInstance.value = '';\n      maskInstance.updateValue();\n    } else if (inputRef) {\n      inputRef.value = '';\n    }\n    p.onInput?.('', undefined as any);\n    p.onChange?.('', undefined as any);\n    inputRef?.focus();\n  };\n\n  return (\n    <div\n      tabIndex={-1}\n      class={cn(\n        'it01',\n        inputTextVariants({ color: p.color, size: p.size, variant: p.variant }),\n        p.class?.input,\n        p.disabled && 'border-c5 pointer-events-none',\n      )}\n      onClick={focusInput}\n    >\n      {p.prefixIcon}\n      <input\n        id={p.id}\n        ref={inputRef}\n        type=\"text\"\n        data-type=\"number\"\n        value={p.value ?? ''}\n        placeholder={p.placeholder}\n        class=\"text-c2 grow\"\n        onBlur={e => p.onBlur?.(e.currentTarget.value, e)}\n        onChange={e => p.onChange?.(e.currentTarget.value, e)}\n        onInput={e => p.onInput?.(e.currentTarget.value, e)}\n        onKeyDown={e => {\n          if (e.key === 'Enter' || e.keyCode === 13) {\n            e.preventDefault();\n            p.onPressEnter?.(e.currentTarget.value, e);\n          }\n          handleKeyDown(e);\n        }}\n        onWheel={e => {\n          if (p.wheel && document.activeElement === inputRef) {\n            handleWheel(e);\n          }\n        }}\n        disabled={p.disabled}\n      />\n      <Show when={p.allowClear || p.suffixIcon}>\n        <div class=\"it05\">\n          {p.allowClear && (\n            <div class=\"it03\" onClick={handleClear}>\n              <X class=\"m-auto size-2\" />\n            </div>\n          )}\n          {p.suffixIcon && <div class=\"it04\">{p.suffixIcon}</div>}\n        </div>\n      </Show>\n    </div>\n  );\n}) as Component<InputNumberProps>;\n"],"mappings":"oyBAmBaiB,GAA4CC,GAAK,CAC5D,IAAMC,EAAKX,GAAgB,CAC3BU,EAAIT,EAAW,CAAE,GAAGM,EAAeI,KAAIC,OAAQ,EAAGC,MAAO,GAAOC,SAAU,GAAM,CAAEJ,EAAE,CACpF,IAAIK,EACAC,EAEEE,OAAiB,CACrBC,IAAKC,KACLE,IAAKF,IACLI,mBAAoB,IACpBC,MAAO,IACPC,mBAAoB,GACpBC,eAAgB,GAChB,GAAGjB,EAAEkB,YACLC,KAAMT,OACP,EAEKU,MAAmB,CACvBd,GAAUe,OAAO,EAGfC,EAAuB,KAErBC,EAAeC,GAAkB,CACrC,GAAI,CAACnB,EAAc,OAEnB,IAAMoB,EAAepB,EAAaqB,cAE9BG,GADiBJ,IAAiB,GAAK,EAAIG,WAAWH,EAAa,EACzCD,EAExBf,EAAMT,EAAEkB,aAAaT,KAAOC,KAC5BE,EAAMZ,EAAEkB,aAAaN,KAAOF,IAClCmB,EAAWC,KAAKlB,IAAIH,EAAKqB,KAAKrB,IAAIG,EAAKiB,EAAS,CAAC,CAEjDxB,EAAaqB,cAAgBK,OAAOF,EAAS,CAC7CxB,EAAakB,aAAa,CAE1BvB,EAAEgC,WAAW3B,EAAa4B,MAAO,IAAIC,MAAM,SAAS,CAAC,CACrDlC,EAAEmC,UAAU9B,EAAa4B,MAAO,IAAIC,MAAM,QAAQ,CAAC,CACnDlC,EAAEkB,aAAakB,WAAW/B,EAAa4B,MAAO5B,EAAaqB,cAAc,EAGrEW,EAAiBC,GAAqB,CAC1C,GAAI,CAACtC,EAAEI,SAAU,OAEjB,IAAMF,EAASF,EAAEE,QAAU,EAEvBoC,EAAEE,MAAQ,WACZF,EAAEG,gBAAgB,CAClBlB,EAAYrB,EAAO,EACVoC,EAAEE,MAAQ,cACnBF,EAAEG,gBAAgB,CAClBlB,EAAY,CAACrB,EAAO,GAIlBwC,EAAc3D,EAAgBuD,GAAkB,CACpD,GAAI,CAACtC,EAAEG,MAAO,OAEdmC,EAAEG,gBAAgB,CAClB,IAAMvC,EAASF,EAAEE,QAAU,EAE3BqB,EADce,EAAEM,OAAS,EAAI1C,EAAS,CAACA,EACrB,EACjB,GAAG,CAENb,EACEG,MACQgB,GAAS,CACfyB,GAAS5B,GAAgB4B,GAAS5B,EAAawC,cAAcZ,EAAM,CACnE,CAAEa,MAAO,GACX,CACF,CAAC,CAEDpD,MAAc,CACRY,IACFD,EAAenB,EAAMoB,EAAUE,GAAS,CAAC,CAEzCc,EAAmBgB,GAAkB,CACnCtC,EAAEgC,WAAW3B,GAAc4B,OAAS,GAAIK,EAAE,CAC1CtC,EAAEkB,aAAakB,WAAW/B,GAAc4B,MAAO5B,GAAcqB,cAAc,EAE7ErB,EAAab,GAAG,SAAU8B,EAAgB,GAE5C,CAEF7B,EAAU,UAA6B,CACjCY,IACFiB,GAAmBjB,EAAa4C,IAAI,SAAU3B,EAAgB,CAC9DjB,EAAa6C,SAAS,GAExB,CAEF,IAAMC,EAAeb,GAAkB,CACrCA,EAAEe,iBAAiB,CACfhD,GACFA,EAAa4B,MAAQ,GACrB5B,EAAakB,aAAa,EACjBjB,IACTA,EAAS2B,MAAQ,IAEnBjC,EAAEmC,UAAU,GAAImB,IAAAA,GAAiB,CACjCtD,EAAEgC,WAAW,GAAIsB,IAAAA,GAAiB,CAClChD,GAAUe,OAAO,EAGnB,WAAA,CAAA,IAAAkC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAH,EAAAI,QASavC,EAAUwC,EAAAL,MAElBvD,EAAE6D,WAAUJ,EAAA,CAAAA,EAAAK,iBAAA,QAmBFxB,GAAK,CACRtC,EAAEG,OAAS4D,SAASC,gBAAkB1D,GACxCoC,EAAYJ,EAAE,EAEjB,CAAAmB,EAAAQ,UAXU3B,GAAK,EACVA,EAAEE,MAAQ,SAAWF,EAAE4B,UAAY,MACrC5B,EAAEG,gBAAgB,CAClBzC,EAAEmE,eAAe7B,EAAE8B,cAAcnC,MAAOK,EAAE,EAE5CD,EAAcC,EAAE,EACjBmB,EAAAY,QAPQ/B,GAAKtC,EAAEmC,UAAUG,EAAE8B,cAAcnC,MAAOK,EAAE,CAAAmB,EAAAK,iBAAA,SADzCxB,GAAKtC,EAAEgC,WAAWM,EAAE8B,cAAcnC,MAAOK,EAAE,CAAA,CAAAmB,EAAAK,iBAAA,OAD7CxB,GAAKtC,EAAEsE,SAAShC,EAAE8B,cAAcnC,MAAOK,EAAE,CAAA,CAAA,IAAAiC,EAN5CjE,EAGe,OAHP,OAAAiE,GAAA,WAAAC,EAAAD,EAAAd,EAAA,CAARnD,EAAQmD,EAAAG,EAAAL,EAAAkB,EAuBd9E,EAAI,CAAA,IAAC+E,MAAI,CAAA,OAAE1E,EAAE2E,YAAc3E,EAAE4E,YAAU,IAAAC,UAAA,CAAA,IAAAC,EAAAC,GAAA,CAOmB,OAPnBnB,EAAAkB,OAAA,CAAA,IAAAE,EAAAC,MAAA,CAAA,CAEnCjF,EAAE2E,WAAU,CAAA,UAAZK,GAAA,OAAA,CAAA,IAAAE,EAAAC,GAAA,CAEK,MAFLD,GAAAvB,QAC4BR,EAAWS,EAAAsB,EAAAT,EACnCtF,EAAC,CAAA,MAAA,gBAAA,CAAA,CAAA,CAAA+F,KAEL,IAAA,CAAA,KAAA,CAAAtB,EAAAkB,OAAA,CAAA,IAAAM,EAAAH,MAAA,CAAA,CACAjF,EAAE4E,WAAU,CAAA,UAAZQ,GAAA,OAAA,CAAA,IAAAC,EAAAC,GAAA,CAA+C,OAA/C1B,EAAAyB,MAAmCrF,EAAE4E,WAAU,CAAAS,KAAO,IAAA,CAAA,KAAA,CAAAP,GAAA,CAAA,CAAA,KAAA,CAAAS,EAAAC,GAAA,CAAA,IAAAC,EAzCpD3G,EACL,OACAgB,EAAkB,CAAE4F,MAAO1F,EAAE0F,MAAOC,KAAM3F,EAAE2F,KAAMC,QAAS5F,EAAE4F,QAAS,CAAC,CACvE5F,EAAE6F,OAAOC,MACT9F,EAAE+F,UAAY,gCACf,CAAAC,EAKKhG,EAAEC,GAAEgG,EAKKjG,EAAEkG,YAAWC,EAiBhBnG,EAAE+F,SAAQ,OAAAN,IAAAD,EAAAlD,GAAA8D,EAAA7C,EAAAiC,EAAAlD,EAAAmD,EAAA,CAAAO,IAAAR,EAAAa,GAAAC,EAAA7C,EAAA,KAAA+B,EAAAa,EAAAL,EAAA,CAAAC,IAAAT,EAAAe,GAAAD,EAAA7C,EAAA,cAAA+B,EAAAe,EAAAN,EAAA,CAAAE,IAAAX,EAAAgB,IAAA/C,EAAAsC,SAAAP,EAAAgB,EAAAL,GAAAX,GAAA,CAAAlD,EAAAgB,IAAAA,GAAA+C,EAAA/C,IAAAA,GAAAiD,EAAAjD,IAAAA,GAAAkD,EAAAlD,IAAAA,GAAA,CAAA,CAAAiC,MAAA9B,EAAAxB,MAlBbjC,EAAEiC,OAAS,GAAE,CAAAsB,KAAA,GAgCMkD,EAAA,CAAA,QAAA,QAAA,UAAA,CAAA"}

package/dist/components/input/variants/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.js","names":["cn","Component","createEffect","createSignal","For","mergeProps","on","InputOTPProps","getColor","InputOTP","p","color","length","inputMode","allowedChars","disabled","values","setValues","Array","fill","focusedIndex","setFocusedIndex","inputRefs","HTMLInputElement","value","undefined","chars","split","slice","newValues","forEach","char","i","getCombinedValue","join","notifyChange","combined","onChange","every","v","onComplete","updateValue","index","focusInput","focus","getNextIndex","currentIndex","nextIndex","allFilled","handleInput","e","InputEvent","input","target","inputValue","test","blur","handlePaste","ClipboardEvent","preventDefault","pasteData","clipboardData","getData","validChars","filter","lastFilledIndex","nextEmptyIndex","findIndex","handleKeyDown","KeyboardEvent","key","shiftKey","prevIndex","handleFocus","select","handleBlur","_index","FocusEvent","relatedTarget","HTMLElement","isInternalFocus","some","ref","onBlur","handleContainerClick","_el$","_tmpl$","_$insert","_$createComponent","each","children","_","_el$2","_tmpl$2","_el$3","firstChild","$$click","addEventListener","$$keydown","$$input","_$use","el","_$effect","_p$","_v$","class","inputWrap","_v$2","_v$3","_v$4","_v$5","_$className","t","_$setAttribute","a","o","_$memo","separator","_el$4","_tmpl$3","Element","root","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-otp.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { Component, createEffect, createSignal, For, mergeProps, on } from 'solid-js';\r\nimport type { InputOTPProps } from '../input.types';\r\nimport { getColor } from '@/utils/helper';\r\n\r\nexport const InputOTP: Component<InputOTPProps> = p => {\r\n  p = mergeProps(\r\n    {\r\n      color: 'info',\r\n      length: 6,\r\n      inputMode: 'numeric',\r\n      allowedChars: /^[0-9]$/,\r\n      disabled: false,\r\n    } as InputOTPProps,\r\n    p,\r\n  );\r\n\r\n  const length = () => p.length || 6;\r\n  const allowedChars = () => p.allowedChars || /^[0-9]$/;\r\n\r\n  const [values, setValues] = createSignal<string[]>(Array(length()).fill(''));\r\n  const [focusedIndex, setFocusedIndex] = createSignal<number | null>(null);\r\n\r\n  let inputRefs: HTMLInputElement[] = [];\r\n\r\n  createEffect(\r\n    on(\r\n      () => p.value,\r\n      value => {\r\n        if (value !== undefined) {\r\n          const chars = value.split('').slice(0, length());\r\n          const newValues = Array(length()).fill('');\r\n          chars.forEach((char, i) => {\r\n            newValues[i] = char;\r\n          });\r\n          setValues(newValues);\r\n        }\r\n      },\r\n    ),\r\n  );\r\n\r\n  const getCombinedValue = () => values().join('');\r\n\r\n  const notifyChange = (newValues: string[]) => {\r\n    const combined = newValues.join('');\r\n    p.onChange?.(combined);\r\n\r\n    if (combined.length === length() && newValues.every(v => v !== '')) {\r\n      p.onComplete?.(combined);\r\n    }\r\n  };\r\n\r\n  const updateValue = (index: number, char: string) => {\r\n    const newValues = [...values()];\r\n    newValues[index] = char;\r\n    setValues(newValues);\r\n    notifyChange(newValues);\r\n  };\r\n\r\n  const focusInput = (index: number) => {\r\n    if (index >= 0 && index < length() && inputRefs[index]) {\r\n      inputRefs[index].focus();\r\n    }\r\n  };\r\n\r\n  const getNextIndex = (currentIndex: number): number => {\r\n    let nextIndex = (currentIndex + 1) % length();\r\n    if (nextIndex === 0 && currentIndex === length() - 1) {\r\n      const allFilled = values().every(v => v !== '');\r\n      if (allFilled) {\r\n        return -1;\r\n      }\r\n    }\r\n    return nextIndex;\r\n  };\r\n\r\n  const handleInput = (index: number, e: InputEvent) => {\r\n    const input = e.target as HTMLInputElement;\r\n    const inputValue = input.value;\r\n    input.value = '';\r\n\r\n    if (!inputValue) return;\r\n    const char = inputValue[inputValue.length - 1];\r\n\r\n    if (!allowedChars().test(char)) return;\r\n\r\n    updateValue(index, char);\r\n\r\n    const nextIndex = getNextIndex(index);\r\n    if (nextIndex === -1) {\r\n      inputRefs[index]?.blur();\r\n    } else {\r\n      focusInput(nextIndex);\r\n    }\r\n  };\r\n\r\n  const handlePaste = (index: number, e: ClipboardEvent) => {\r\n    e.preventDefault();\r\n\r\n    const pasteData = e.clipboardData?.getData('text') || '';\r\n    if (!pasteData) return;\r\n\r\n    const validChars = pasteData.split('').filter(char => allowedChars().test(char));\r\n    if (validChars.length === 0) return;\r\n\r\n    const newValues = [...values()];\r\n    let lastFilledIndex = index;\r\n\r\n    for (let i = 0; i < validChars.length && index + i < length(); i++) {\r\n      newValues[index + i] = validChars[i];\r\n      lastFilledIndex = index + i;\r\n    }\r\n\r\n    setValues(newValues);\r\n    notifyChange(newValues);\r\n\r\n    const allFilled = newValues.every(v => v !== '');\r\n    if (allFilled) {\r\n      inputRefs[lastFilledIndex]?.blur();\r\n    } else {\r\n      const nextEmptyIndex = newValues.findIndex((v, i) => i > lastFilledIndex && v === '');\r\n      if (nextEmptyIndex !== -1) {\r\n        focusInput(nextEmptyIndex);\r\n      } else {\r\n        focusInput(lastFilledIndex);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (index: number, e: KeyboardEvent) => {\r\n    switch (e.key) {\r\n      case 'Backspace':\r\n        e.preventDefault();\r\n        if (values()[index]) {\r\n          updateValue(index, '');\r\n        } else if (index > 0) {\r\n          updateValue(index - 1, '');\r\n          focusInput(index - 1);\r\n        }\r\n        break;\r\n\r\n      case 'Delete':\r\n        e.preventDefault();\r\n        updateValue(index, '');\r\n        break;\r\n\r\n      case 'ArrowLeft':\r\n        e.preventDefault();\r\n        if (index > 0) focusInput(index - 1);\r\n        break;\r\n\r\n      case 'ArrowRight':\r\n        e.preventDefault();\r\n        if (index < length() - 1) focusInput(index + 1);\r\n        break;\r\n\r\n      case 'Tab':\r\n        e.preventDefault();\r\n        if (e.shiftKey) {\r\n          const prevIndex = index === 0 ? length() - 1 : index - 1;\r\n          focusInput(prevIndex);\r\n        } else {\r\n          const nextIndex = (index + 1) % length();\r\n          focusInput(nextIndex);\r\n        }\r\n        break;\r\n\r\n      case 'ArrowUp':\r\n      case 'ArrowDown':\r\n        e.preventDefault();\r\n        break;\r\n    }\r\n  };\r\n\r\n  const handleFocus = (index: number) => {\r\n    setFocusedIndex(index);\r\n    inputRefs[index]?.select();\r\n  };\r\n\r\n  const handleBlur = (_index: number, e: FocusEvent) => {\r\n    const relatedTarget = e.relatedTarget as HTMLElement;\r\n    const isInternalFocus = inputRefs.some(ref => ref === relatedTarget);\r\n\r\n    if (!isInternalFocus) {\r\n      setFocusedIndex(null);\r\n      p.onBlur?.(getCombinedValue());\r\n    }\r\n  };\r\n\r\n  const handleContainerClick = (index: number) => {\r\n    if (!p.disabled) focusInput(index);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      class={cn(\r\n        'op01',\r\n        getColor(p.color!),\r\n        p.class?.root,\r\n        p.disabled && 'pointer-events-none opacity-50',\r\n      )}\r\n      role=\"group\"\r\n      aria-label=\"OTP Input\"\r\n    >\r\n      <For each={Array(length()).fill(0)}>\r\n        {(_, i) => (\r\n          <>\r\n            <div\r\n              class={cn(\r\n                'op04',\r\n                focusedIndex() === i() ? 'op02' : 'border-c3 hover:border-c4',\r\n                p.class?.inputWrap,\r\n                p.disabled && 'border-c3',\r\n              )}\r\n              onClick={() => handleContainerClick(i())}\r\n            >\r\n              <input\r\n                ref={el => (inputRefs[i()] = el)}\r\n                type=\"text\"\r\n                inputMode={p.inputMode}\r\n                maxLength={2}\r\n                disabled={p.disabled}\r\n                class={cn('op03', p.class?.input, p.disabled && 'cursor-not-allowed bg-gray-200')}\r\n                autocomplete=\"one-time-code\"\r\n                aria-label={`OTP digit ${i() + 1}`}\r\n                value={values()[i()] || ''}\r\n                onInput={e => handleInput(i(), e)}\r\n                onKeyDown={e => handleKeyDown(i(), e)}\r\n                onPaste={e => handlePaste(i(), e)}\r\n                onFocus={() => handleFocus(i())}\r\n                onBlur={e => handleBlur(i(), e)}\r\n              />\r\n            </div>\r\n            {p.separator && <div class=\"my-auto\">{p.separator as Element}</div>}\r\n          </>\r\n        )}\r\n      </For>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default InputOTP;\r\n"],"mappings":"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"}
+{"version":3,"file":"input-otp.js","names":["cn","Component","createEffect","createSignal","For","mergeProps","on","InputOTPProps","getColor","InputOTP","p","color","length","inputMode","allowedChars","disabled","values","setValues","Array","fill","focusedIndex","setFocusedIndex","inputRefs","HTMLInputElement","value","undefined","chars","split","slice","newValues","forEach","char","i","getCombinedValue","join","notifyChange","combined","onChange","every","v","onComplete","updateValue","index","focusInput","focus","getNextIndex","currentIndex","nextIndex","allFilled","handleInput","e","InputEvent","input","target","inputValue","test","blur","handlePaste","ClipboardEvent","preventDefault","pasteData","clipboardData","getData","validChars","filter","lastFilledIndex","nextEmptyIndex","findIndex","handleKeyDown","KeyboardEvent","key","shiftKey","prevIndex","handleFocus","select","handleBlur","_index","FocusEvent","relatedTarget","HTMLElement","isInternalFocus","some","ref","onBlur","handleContainerClick","_el$","_tmpl$","_$insert","_$createComponent","each","children","_","_el$2","_tmpl$2","_el$3","firstChild","$$click","addEventListener","$$keydown","$$input","_$use","el","_$effect","_p$","_v$","class","inputWrap","_v$2","_v$3","_v$4","_v$5","_$className","t","_$setAttribute","a","o","_$memo","separator","_el$4","_tmpl$3","Element","root","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-otp.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { Component, createEffect, createSignal, For, mergeProps, on } from 'solid-js';\nimport type { InputOTPProps } from '../input.types';\nimport { getColor } from '@/utils/helper';\n\nexport const InputOTP: Component<InputOTPProps> = p => {\n  p = mergeProps(\n    {\n      color: 'info',\n      length: 6,\n      inputMode: 'numeric',\n      allowedChars: /^[0-9]$/,\n      disabled: false,\n    } as InputOTPProps,\n    p,\n  );\n\n  const length = () => p.length || 6;\n  const allowedChars = () => p.allowedChars || /^[0-9]$/;\n\n  const [values, setValues] = createSignal<string[]>(Array(length()).fill(''));\n  const [focusedIndex, setFocusedIndex] = createSignal<number | null>(null);\n\n  let inputRefs: HTMLInputElement[] = [];\n\n  createEffect(\n    on(\n      () => p.value,\n      value => {\n        if (value !== undefined) {\n          const chars = value.split('').slice(0, length());\n          const newValues = Array(length()).fill('');\n          chars.forEach((char, i) => {\n            newValues[i] = char;\n          });\n          setValues(newValues);\n        }\n      },\n    ),\n  );\n\n  const getCombinedValue = () => values().join('');\n\n  const notifyChange = (newValues: string[]) => {\n    const combined = newValues.join('');\n    p.onChange?.(combined);\n\n    if (combined.length === length() && newValues.every(v => v !== '')) {\n      p.onComplete?.(combined);\n    }\n  };\n\n  const updateValue = (index: number, char: string) => {\n    const newValues = [...values()];\n    newValues[index] = char;\n    setValues(newValues);\n    notifyChange(newValues);\n  };\n\n  const focusInput = (index: number) => {\n    if (index >= 0 && index < length() && inputRefs[index]) {\n      inputRefs[index].focus();\n    }\n  };\n\n  const getNextIndex = (currentIndex: number): number => {\n    let nextIndex = (currentIndex + 1) % length();\n    if (nextIndex === 0 && currentIndex === length() - 1) {\n      const allFilled = values().every(v => v !== '');\n      if (allFilled) {\n        return -1;\n      }\n    }\n    return nextIndex;\n  };\n\n  const handleInput = (index: number, e: InputEvent) => {\n    const input = e.target as HTMLInputElement;\n    const inputValue = input.value;\n    input.value = '';\n\n    if (!inputValue) return;\n    const char = inputValue[inputValue.length - 1];\n\n    if (!allowedChars().test(char)) return;\n\n    updateValue(index, char);\n\n    const nextIndex = getNextIndex(index);\n    if (nextIndex === -1) {\n      inputRefs[index]?.blur();\n    } else {\n      focusInput(nextIndex);\n    }\n  };\n\n  const handlePaste = (index: number, e: ClipboardEvent) => {\n    e.preventDefault();\n\n    const pasteData = e.clipboardData?.getData('text') || '';\n    if (!pasteData) return;\n\n    const validChars = pasteData.split('').filter(char => allowedChars().test(char));\n    if (validChars.length === 0) return;\n\n    const newValues = [...values()];\n    let lastFilledIndex = index;\n\n    for (let i = 0; i < validChars.length && index + i < length(); i++) {\n      newValues[index + i] = validChars[i];\n      lastFilledIndex = index + i;\n    }\n\n    setValues(newValues);\n    notifyChange(newValues);\n\n    const allFilled = newValues.every(v => v !== '');\n    if (allFilled) {\n      inputRefs[lastFilledIndex]?.blur();\n    } else {\n      const nextEmptyIndex = newValues.findIndex((v, i) => i > lastFilledIndex && v === '');\n      if (nextEmptyIndex !== -1) {\n        focusInput(nextEmptyIndex);\n      } else {\n        focusInput(lastFilledIndex);\n      }\n    }\n  };\n\n  const handleKeyDown = (index: number, e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'Backspace':\n        e.preventDefault();\n        if (values()[index]) {\n          updateValue(index, '');\n        } else if (index > 0) {\n          updateValue(index - 1, '');\n          focusInput(index - 1);\n        }\n        break;\n\n      case 'Delete':\n        e.preventDefault();\n        updateValue(index, '');\n        break;\n\n      case 'ArrowLeft':\n        e.preventDefault();\n        if (index > 0) focusInput(index - 1);\n        break;\n\n      case 'ArrowRight':\n        e.preventDefault();\n        if (index < length() - 1) focusInput(index + 1);\n        break;\n\n      case 'Tab':\n        e.preventDefault();\n        if (e.shiftKey) {\n          const prevIndex = index === 0 ? length() - 1 : index - 1;\n          focusInput(prevIndex);\n        } else {\n          const nextIndex = (index + 1) % length();\n          focusInput(nextIndex);\n        }\n        break;\n\n      case 'ArrowUp':\n      case 'ArrowDown':\n        e.preventDefault();\n        break;\n    }\n  };\n\n  const handleFocus = (index: number) => {\n    setFocusedIndex(index);\n    inputRefs[index]?.select();\n  };\n\n  const handleBlur = (_index: number, e: FocusEvent) => {\n    const relatedTarget = e.relatedTarget as HTMLElement;\n    const isInternalFocus = inputRefs.some(ref => ref === relatedTarget);\n\n    if (!isInternalFocus) {\n      setFocusedIndex(null);\n      p.onBlur?.(getCombinedValue());\n    }\n  };\n\n  const handleContainerClick = (index: number) => {\n    if (!p.disabled) focusInput(index);\n  };\n\n  return (\n    <div\n      class={cn(\n        'op01',\n        getColor(p.color!),\n        p.class?.root,\n        p.disabled && 'pointer-events-none opacity-50',\n      )}\n      role=\"group\"\n      aria-label=\"OTP Input\"\n    >\n      <For each={Array(length()).fill(0)}>\n        {(_, i) => (\n          <>\n            <div\n              class={cn(\n                'op04',\n                focusedIndex() === i() ? 'op02' : 'border-c3 hover:border-c4',\n                p.class?.inputWrap,\n                p.disabled && 'border-c3',\n              )}\n              onClick={() => handleContainerClick(i())}\n            >\n              <input\n                ref={el => (inputRefs[i()] = el)}\n                type=\"text\"\n                inputMode={p.inputMode}\n                maxLength={2}\n                disabled={p.disabled}\n                class={cn('op03', p.class?.input, p.disabled && 'cursor-not-allowed bg-gray-200')}\n                autocomplete=\"one-time-code\"\n                aria-label={`OTP digit ${i() + 1}`}\n                value={values()[i()] || ''}\n                onInput={e => handleInput(i(), e)}\n                onKeyDown={e => handleKeyDown(i(), e)}\n                onPaste={e => handlePaste(i(), e)}\n                onFocus={() => handleFocus(i())}\n                onBlur={e => handleBlur(i(), e)}\n              />\n            </div>\n            {p.separator && <div class=\"my-auto\">{p.separator as Element}</div>}\n          </>\n        )}\n      </For>\n    </div>\n  );\n};\n\nexport default InputOTP;\n"],"mappings":"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"}

package/dist/components/input/variants/input-password.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../../utils/cn.js";import{DEFAULT_PROPS as t}from"../input.utils.js";import{InputText as n}from"./input-text.js";import{createComponent as r,delegateEvents as i,insert as a,mergeProps as o,template as s}from"solid-js/web";import{createSignal as c,createUniqueId as l,mergeProps as u}from"solid-js";import d from"lucide-solid/icons/eye";import f from"lucide-solid/icons/eye-off";var p=s(`<div class=ipa01>`),m=(i=>{i=u({...t,id:l()},i);let[s,m]=c(!1),h,g=e=>{e.stopPropagation(),h!==void 0&&(clearTimeout(h),h=void 0);let t=!s();m(t),t&&(h=setTimeout(()=>{m(!1),h=void 0},1e3))};return r(n,o(i,{get type(){return s()?`text`:`password`},typeOrigin:`password`,maskOptions:void 0,get suffixIcon(){return(()=>{var t=p();return t.$$click=g,a(t,r(f,{get class(){return e(`ipa02`,s()?`opacity-100`:`opacity-0`)}}),null),a(t,r(d,{get class(){return e(`ipa03`,s()?`opacity-0`:`opacity-100`)}}),null),t})()}}))});i([`click`]);export{m as InputPassword};
+import{cn as e}from"../../../utils/cn.js";import{eye_default as t}from"../../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/eye.js";import{DEFAULT_PROPS as n}from"../input.utils.js";import{InputText as r}from"./input-text.js";import{eye_off_default as i}from"../../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/eye-off.js";import{createComponent as a,delegateEvents as o,insert as s,mergeProps as c,template as l}from"solid-js/web";import{createSignal as u,createUniqueId as d,mergeProps as f}from"solid-js";var p=l(`<div class=ipa01>`),m=(o=>{o=f({...n,id:d()},o);let[l,m]=u(!1),h,g=e=>{e.stopPropagation(),h!==void 0&&(clearTimeout(h),h=void 0);let t=!l();m(t),t&&(h=setTimeout(()=>{m(!1),h=void 0},1e3))};return a(r,c(o,{get type(){return l()?`text`:`password`},typeOrigin:`password`,maskOptions:void 0,get suffixIcon(){return(()=>{var n=p();return n.$$click=g,s(n,a(i,{get class(){return e(`ipa02`,l()?`opacity-100`:`opacity-0`)}}),null),s(n,a(t,{get class(){return e(`ipa03`,l()?`opacity-0`:`opacity-100`)}}),null),n})()}}))});o([`click`]);export{m as InputPassword};
 //# sourceMappingURL=input-password.js.map

package/dist/components/input/variants/input-password.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-password.js","names":["cn","Eye","EyeOff","Component","createSignal","createUniqueId","mergeProps","InputPasswordProps","DEFAULT_PROPS","InputText","InputPassword","p","id","showPassword","setShowPassword","timeoutId","ReturnType","setTimeout","togglePasswordVisibility","e","MouseEvent","stopPropagation","undefined","clearTimeout","next","_$createComponent","_$mergeProps","type","typeOrigin","maskOptions","suffixIcon","_el$","_tmpl$","$$click","_$insert","class","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-password.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport Eye from 'lucide-solid/icons/eye';\r\nimport EyeOff from 'lucide-solid/icons/eye-off';\r\nimport { Component, createSignal, createUniqueId, mergeProps } from 'solid-js';\r\nimport type { InputPasswordProps } from '../input.types';\r\nimport { DEFAULT_PROPS } from '../input.utils';\r\nimport { InputText } from './input-text';\r\n\r\nexport const InputPassword: Component<InputPasswordProps> = (p => {\r\n  p = mergeProps({ ...DEFAULT_PROPS, id: createUniqueId() }, p);\r\n\r\n  const [showPassword, setShowPassword] = createSignal(false);\r\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\r\n\r\n  const togglePasswordVisibility = (e: MouseEvent) => {\r\n    e.stopPropagation();\r\n    if (timeoutId !== undefined) {\r\n      clearTimeout(timeoutId);\r\n      timeoutId = undefined;\r\n    }\r\n    const next = !showPassword();\r\n    setShowPassword(next);\r\n    if (next) {\r\n      timeoutId = setTimeout(() => {\r\n        setShowPassword(false);\r\n        timeoutId = undefined;\r\n      }, 1000);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <InputText\r\n      {...p}\r\n      type={(showPassword() ? 'text' : 'password') as 'text'}\r\n      typeOrigin=\"password\"\r\n      maskOptions={void 0}\r\n      suffixIcon={\r\n        <div class=\"ipa01\" onClick={togglePasswordVisibility}>\r\n          <EyeOff class={cn('ipa02', showPassword() ? 'opacity-100' : 'opacity-0')} />\r\n          <Eye class={cn('ipa03', !showPassword() ? 'opacity-100' : 'opacity-0')} />\r\n        </div>\r\n      }\r\n    />\r\n  );\r\n}) as Component<InputPasswordProps>;\r\n"],"mappings":"8aAQaU,GAAgDC,GAAK,CAChEA,EAAIL,EAAW,CAAE,GAAGE,EAAeI,GAAIP,GAAe,CAAG,CAAEM,EAAE,CAE7D,GAAM,CAACE,EAAcC,GAAmBV,EAAa,GAAM,CACvDW,EAEEG,EAA4BC,GAAkB,CAClDA,EAAEE,iBAAiB,CACfN,IAAcO,IAAAA,KAChBC,aAAaR,EAAU,CACvBA,EAAYO,IAAAA,IAEd,IAAME,EAAO,CAACX,GAAc,CAC5BC,EAAgBU,EAAK,CACjBA,IACFT,EAAYE,eAAiB,CAC3BH,EAAgB,GAAM,CACtBC,EAAYO,IAAAA,IACX,IAAK,GAIZ,OAAAG,EACGhB,EAASiB,EACJf,EAAC,CAAA,IACLgB,MAAI,CAAA,OAAGd,GAAc,CAAG,OAAS,YACjCe,WAAU,WACVC,YAAa,IAAK,GAAC,IACnBC,YAAU,CAAA,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAGgE,MAHhED,GAAAE,QACoBf,EAAwBgB,EAAAH,EAAAN,EACjDvB,EAAM,CAAA,IAAA,OAAA,CAAA,OAAQF,EAAG,QAASa,GAAc,CAAG,cAAgB,YAAY,EAAA,CAAA,CAAA,KAAA,CAAAqB,EAAAH,EAAAN,EACvExB,EAAG,CAAA,IAAA,OAAA,CAAA,OAAQD,EAAG,QAAUa,GAAc,CAAmB,YAAhB,cAA4B,EAAA,CAAA,CAAA,KAAA,CAAAkB,KAAA,EAAA,CAAA,CAAA,GAK5CK,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"input-password.js","names":["cn","Eye","EyeOff","Component","createSignal","createUniqueId","mergeProps","InputPasswordProps","DEFAULT_PROPS","InputText","InputPassword","p","id","showPassword","setShowPassword","timeoutId","ReturnType","setTimeout","togglePasswordVisibility","e","MouseEvent","stopPropagation","undefined","clearTimeout","next","_$createComponent","_$mergeProps","type","typeOrigin","maskOptions","suffixIcon","_el$","_tmpl$","$$click","_$insert","class","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-password.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport Eye from 'lucide-solid/icons/eye';\nimport EyeOff from 'lucide-solid/icons/eye-off';\nimport { Component, createSignal, createUniqueId, mergeProps } from 'solid-js';\nimport type { InputPasswordProps } from '../input.types';\nimport { DEFAULT_PROPS } from '../input.utils';\nimport { InputText } from './input-text';\n\nexport const InputPassword: Component<InputPasswordProps> = (p => {\n  p = mergeProps({ ...DEFAULT_PROPS, id: createUniqueId() }, p);\n\n  const [showPassword, setShowPassword] = createSignal(false);\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n  const togglePasswordVisibility = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (timeoutId !== undefined) {\n      clearTimeout(timeoutId);\n      timeoutId = undefined;\n    }\n    const next = !showPassword();\n    setShowPassword(next);\n    if (next) {\n      timeoutId = setTimeout(() => {\n        setShowPassword(false);\n        timeoutId = undefined;\n      }, 1000);\n    }\n  };\n\n  return (\n    <InputText\n      {...p}\n      type={(showPassword() ? 'text' : 'password') as 'text'}\n      typeOrigin=\"password\"\n      maskOptions={void 0}\n      suffixIcon={\n        <div class=\"ipa01\" onClick={togglePasswordVisibility}>\n          <EyeOff class={cn('ipa02', showPassword() ? 'opacity-100' : 'opacity-0')} />\n          <Eye class={cn('ipa03', !showPassword() ? 'opacity-100' : 'opacity-0')} />\n        </div>\n      }\n    />\n  );\n}) as Component<InputPasswordProps>;\n"],"mappings":"soBAQaU,GAAgDC,GAAK,CAChEA,EAAIL,EAAW,CAAE,GAAGE,EAAeI,GAAIP,GAAe,CAAG,CAAEM,EAAE,CAE7D,GAAM,CAACE,EAAcC,GAAmBV,EAAa,GAAM,CACvDW,EAEEG,EAA4BC,GAAkB,CAClDA,EAAEE,iBAAiB,CACfN,IAAcO,IAAAA,KAChBC,aAAaR,EAAU,CACvBA,EAAYO,IAAAA,IAEd,IAAME,EAAO,CAACX,GAAc,CAC5BC,EAAgBU,EAAK,CACjBA,IACFT,EAAYE,eAAiB,CAC3BH,EAAgB,GAAM,CACtBC,EAAYO,IAAAA,IACX,IAAK,GAIZ,OAAAG,EACGhB,EAASiB,EACJf,EAAC,CAAA,IACLgB,MAAI,CAAA,OAAGd,GAAc,CAAG,OAAS,YACjCe,WAAU,WACVC,YAAa,IAAK,GAAC,IACnBC,YAAU,CAAA,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAGgE,MAHhED,GAAAE,QACoBf,EAAwBgB,EAAAH,EAAAN,EACjDvB,EAAM,CAAA,IAAA,OAAA,CAAA,OAAQF,EAAG,QAASa,GAAc,CAAG,cAAgB,YAAY,EAAA,CAAA,CAAA,KAAA,CAAAqB,EAAAH,EAAAN,EACvExB,EAAG,CAAA,IAAA,OAAA,CAAA,OAAQD,EAAG,QAAUa,GAAc,CAAmB,YAAhB,cAA4B,EAAA,CAAA,CAAA,KAAA,CAAAkB,KAAA,EAAA,CAAA,CAAA,GAK5CK,EAAA,CAAA,QAAA,CAAA"}

package/dist/components/input/variants/input-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-radio.js","names":["cn","cva","VariantProps","Component","createUniqueId","mergeProps","InputRadioProps","type","size","RadioVariantsProps","color","id","name","value","checked","disabled","onChange","class","variants","xs","sm","md","lg","xl","neutral","primary","secondary","accent","info","success","warning","error","InputRadio","p","const","_el$","_tmpl$","addEventListener","e","currentTarget","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_$className","t","_$setAttribute","a","o","undefined"],"sources":["../../../../src/components/input/variants/input-radio.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport { Component, createUniqueId, mergeProps } from 'solid-js';\r\n\r\nexport type InputRadioProps = {\r\n  type: 'radio';\r\n  size?: RadioVariantsProps['size'];\r\n  color?: RadioVariantsProps['color'];\r\n  id?: string;\r\n  name: string;\r\n  value: string;\r\n  checked?: boolean;\r\n  disabled?: boolean;\r\n  onChange?: (value: string) => void;\r\n  class?: string;\r\n};\r\nconst variants = cva('radio', {\r\n  variants: {\r\n    size: {\r\n      xs: 'radio-xs',\r\n      sm: 'radio-sm',\r\n      md: 'radio-md',\r\n      lg: 'radio-lg',\r\n      xl: 'radio-xl',\r\n    },\r\n    color: {\r\n      neutral: 'radio-neutral',\r\n      primary: 'radio-primary',\r\n      secondary: 'radio-secondary',\r\n      accent: 'radio-accent',\r\n      info: 'radio-info',\r\n      success: 'radio-success',\r\n      warning: 'radio-warning',\r\n      error: 'radio-error',\r\n    },\r\n  },\r\n});\r\n\r\nexport type RadioVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport const InputRadio: Component<InputRadioProps> = p => {\r\n  p = mergeProps({ size: 'md' as const, id: createUniqueId() }, p);\r\n  return (\r\n    <input\r\n      type=\"radio\"\r\n      class={cn(variants({ color: p.color, size: p.size }), p.class)}\r\n      id={p.id}\r\n      name={p.name}\r\n      value={p.value}\r\n      checked={p.checked}\r\n      disabled={p.disabled}\r\n      onChange={e => p.onChange?.(e.currentTarget.value)}\r\n    />\r\n  );\r\n};\r\n"],"mappings":"sQAgBMkB,EAAWjB,EAAI,QAAS,CAC5BiB,SAAU,CACRV,KAAM,CACJW,GAAI,WACJC,GAAI,WACJC,GAAI,WACJC,GAAI,WACJC,GAAI,WACL,CACDb,MAAO,CACLc,QAAS,gBACTC,QAAS,gBACTC,UAAW,kBACXC,OAAQ,eACRC,KAAM,aACNC,QAAS,gBACTC,QAAS,gBACTC,MAAO,cACT,CACF,CACD,CAAC,CAIWC,EAAyCC,IACpDA,EAAI5B,EAAW,CAAEG,KAAM,KAAeG,GAAIP,GAAe,CAAG,CAAE6B,EAAE,MAChE,CAAA,IAAAE,EAAAC,GAAA,CAOsB,OAPtBD,EAAAE,iBAAA,SAScC,GAAKL,EAAEjB,WAAWsB,EAAEC,cAAc1B,MAAM,CAAA,CAAA2B,EAAAC,GAAA,CAAA,IAAAC,EAN3C1C,EAAGkB,EAAS,CAAER,MAAOuB,EAAEvB,MAAOF,KAAMyB,EAAEzB,KAAM,CAAC,CAAEyB,EAAEhB,MAAM,CAAA0B,EAC1DV,EAAEtB,GAAEiC,EACFX,EAAErB,KAAIiC,EAGFZ,EAAElB,SAAQ,OAAA2B,IAAAD,EAAAH,GAAAQ,EAAAX,EAAAM,EAAAH,EAAAI,EAAA,CAAAC,IAAAF,EAAAM,GAAAC,EAAAb,EAAA,KAAAM,EAAAM,EAAAJ,EAAA,CAAAC,IAAAH,EAAAQ,GAAAD,EAAAb,EAAA,OAAAM,EAAAQ,EAAAL,EAAA,CAAAC,IAAAJ,EAAAS,IAAAf,EAAApB,SAAA0B,EAAAS,EAAAL,GAAAJ,GAAA,CAAAH,EAAAa,IAAAA,GAAAJ,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAAX,MAAAL,EAAAtB,MAFboB,EAAEpB,MAAK,CAAA2B,MAAAL,EAAArB,QACLmB,EAAEnB,QAAO,CAAAqB,KAAA"}
+{"version":3,"file":"input-radio.js","names":["cn","cva","VariantProps","Component","createUniqueId","mergeProps","InputRadioProps","type","size","RadioVariantsProps","color","id","name","value","checked","disabled","onChange","class","variants","xs","sm","md","lg","xl","neutral","primary","secondary","accent","info","success","warning","error","InputRadio","p","const","_el$","_tmpl$","addEventListener","e","currentTarget","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_$className","t","_$setAttribute","a","o","undefined"],"sources":["../../../../src/components/input/variants/input-radio.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { Component, createUniqueId, mergeProps } from 'solid-js';\n\nexport type InputRadioProps = {\n  type: 'radio';\n  size?: RadioVariantsProps['size'];\n  color?: RadioVariantsProps['color'];\n  id?: string;\n  name: string;\n  value: string;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  class?: string;\n};\nconst variants = cva('radio', {\n  variants: {\n    size: {\n      xs: 'radio-xs',\n      sm: 'radio-sm',\n      md: 'radio-md',\n      lg: 'radio-lg',\n      xl: 'radio-xl',\n    },\n    color: {\n      neutral: 'radio-neutral',\n      primary: 'radio-primary',\n      secondary: 'radio-secondary',\n      accent: 'radio-accent',\n      info: 'radio-info',\n      success: 'radio-success',\n      warning: 'radio-warning',\n      error: 'radio-error',\n    },\n  },\n});\n\nexport type RadioVariantsProps = VariantProps<typeof variants>;\n\nexport const InputRadio: Component<InputRadioProps> = p => {\n  p = mergeProps({ size: 'md' as const, id: createUniqueId() }, p);\n  return (\n    <input\n      type=\"radio\"\n      class={cn(variants({ color: p.color, size: p.size }), p.class)}\n      id={p.id}\n      name={p.name}\n      value={p.value}\n      checked={p.checked}\n      disabled={p.disabled}\n      onChange={e => p.onChange?.(e.currentTarget.value)}\n    />\n  );\n};\n"],"mappings":"sQAgBMkB,EAAWjB,EAAI,QAAS,CAC5BiB,SAAU,CACRV,KAAM,CACJW,GAAI,WACJC,GAAI,WACJC,GAAI,WACJC,GAAI,WACJC,GAAI,WACL,CACDb,MAAO,CACLc,QAAS,gBACTC,QAAS,gBACTC,UAAW,kBACXC,OAAQ,eACRC,KAAM,aACNC,QAAS,gBACTC,QAAS,gBACTC,MAAO,cACT,CACF,CACD,CAAC,CAIWC,EAAyCC,IACpDA,EAAI5B,EAAW,CAAEG,KAAM,KAAeG,GAAIP,GAAe,CAAG,CAAE6B,EAAE,MAChE,CAAA,IAAAE,EAAAC,GAAA,CAOsB,OAPtBD,EAAAE,iBAAA,SAScC,GAAKL,EAAEjB,WAAWsB,EAAEC,cAAc1B,MAAM,CAAA,CAAA2B,EAAAC,GAAA,CAAA,IAAAC,EAN3C1C,EAAGkB,EAAS,CAAER,MAAOuB,EAAEvB,MAAOF,KAAMyB,EAAEzB,KAAM,CAAC,CAAEyB,EAAEhB,MAAM,CAAA0B,EAC1DV,EAAEtB,GAAEiC,EACFX,EAAErB,KAAIiC,EAGFZ,EAAElB,SAAQ,OAAA2B,IAAAD,EAAAH,GAAAQ,EAAAX,EAAAM,EAAAH,EAAAI,EAAA,CAAAC,IAAAF,EAAAM,GAAAC,EAAAb,EAAA,KAAAM,EAAAM,EAAAJ,EAAA,CAAAC,IAAAH,EAAAQ,GAAAD,EAAAb,EAAA,OAAAM,EAAAQ,EAAAL,EAAA,CAAAC,IAAAJ,EAAAS,IAAAf,EAAApB,SAAA0B,EAAAS,EAAAL,GAAAJ,GAAA,CAAAH,EAAAa,IAAAA,GAAAJ,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAAX,MAAAL,EAAAtB,MAFboB,EAAEpB,MAAK,CAAA2B,MAAAL,EAAArB,QACLmB,EAAEnB,QAAO,CAAAqB,KAAA"}

package/dist/components/input/variants/input-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-range.js","names":["Component","splitProps","Slider","InputRangeProps","InputRange","props","sliderProps","_$createComponent"],"sources":["../../../../src/components/input/variants/input-range.tsx"],"sourcesContent":["import { Component, splitProps } from 'solid-js';\r\nimport { Slider } from '../../slider/slider';\r\nimport type { InputRangeProps } from '../input.types';\r\n\r\nexport const InputRange: Component<InputRangeProps> = (props => {\r\n  const [, sliderProps] = splitProps(props, ['type']);\r\n  return <Slider {...sliderProps} />;\r\n}) as Component<InputRangeProps>;\r\n"],"mappings":"qIAIA,IAAaI,GAA0CC,GAAS,CAC9D,GAAM,EAAGC,GAAeL,EAAWI,EAAO,CAAC,OAAO,CAAC,CACnD,OAAAE,EAAQL,EAAWI,EAAW"}
+{"version":3,"file":"input-range.js","names":["Component","splitProps","Slider","InputRangeProps","InputRange","props","sliderProps","_$createComponent"],"sources":["../../../../src/components/input/variants/input-range.tsx"],"sourcesContent":["import { Component, splitProps } from 'solid-js';\nimport { Slider } from '../../slider/slider';\nimport type { InputRangeProps } from '../input.types';\n\nexport const InputRange: Component<InputRangeProps> = (props => {\n  const [, sliderProps] = splitProps(props, ['type']);\n  return <Slider {...sliderProps} />;\n}) as Component<InputRangeProps>;\n"],"mappings":"qIAIA,IAAaI,GAA0CC,GAAS,CAC9D,GAAM,EAAGC,GAAeL,EAAWI,EAAO,CAAC,OAAO,CAAC,CACnD,OAAAE,EAAQL,EAAWI,EAAW"}

package/dist/components/input/variants/input-text.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../../utils/cn.js";import{DEFAULT_PROPS as t,inputTextVariants as n}from"../input.utils.js";import{className as r,createComponent as i,delegateEvents as a,effect as o,insert as s,memo as c,setAttribute as l,template as u,use as d}from"solid-js/web";import{Show as f,createEffect as p,createUniqueId as m,mergeProps as h,on as g,onCleanup as _,onMount as v}from"solid-js";import y from"lucide-solid/icons/x";import b from"imask/holder";import"imask/masked/number";import"imask/masked/pattern";var x=u(`<div class=it05>`),S=u(`<div tabindex=-1><input>`),C=u(`<div class=it03>`),w=u(`<div class=it04>`),T=(a=>{a=h({...t,id:m()},a);let u,T,E=()=>{T?.focus()},D=null;p(g(()=>a.maskOptions,e=>u&&e&&u.updateOptions(e),{defer:!0})),v(()=>{T&&a.maskOptions&&(u=b(T,a.maskOptions),D=e=>{a.onChange&&a.onChange(u?.value??``,e),a.maskOptions?.onAccept&&a.maskOptions?.onAccept(u?.value,u?.unmaskedValue)},u.on(`accept`,D),a.maskOptions.onAccept)}),_(function(){u&&(D&&u.off(`accept`,D),u.destroy())});let O=e=>{e.stopPropagation(),u?(u.value=``,u.updateValue()):T&&(T.value=``),a.onInput?.(``,void 0),a.onChange?.(``,void 0),T?.focus()};return(()=>{var t=S(),u=t.firstChild;t.$$click=E,s(t,()=>a.prefixIcon,u),u.$$keydown=e=>{(e.key===`Enter`||e.keyCode===13)&&(e.preventDefault(),a.onPressEnter?.(e.currentTarget.value,e))},u.$$input=e=>a.onInput?.(e.currentTarget.value,e),u.addEventListener(`change`,e=>a.onChange?.(e.currentTarget.value,e)),u.addEventListener(`blur`,e=>a.onBlur?.(e.currentTarget.value,e));var p=T;return typeof p==`function`?d(p,u):T=u,s(t,i(f,{get when(){return a.allowClear||a.suffixIcon},get children(){var e=x();return s(e,(()=>{var e=c(()=>!!a.allowClear);return()=>e()&&(()=>{var e=C();return e.$$click=O,s(e,i(y,{class:`m-auto size-2`})),e})()})(),null),s(e,(()=>{var e=c(()=>!!a.suffixIcon);return()=>e()&&(()=>{var e=w();return s(e,()=>a.suffixIcon),e})()})(),null),e}}),null),o(i=>{var o=e(`it01`,`input-${a.type}`,n({color:a.color,size:a.size,variant:a.variant}),a.class?.root,a.disabled&&`border-c5 pointer-events-none`),s=a.id,c=a.type||`text`,d=a.typeOrigin,f=a.placeholder,p=e(`text-c2 grow`,a.class?.input),m=a.disabled;return o!==i.e&&r(t,i.e=o),s!==i.t&&l(u,`id`,i.t=s),c!==i.a&&l(u,`type`,i.a=c),d!==i.o&&l(u,`data-type`,i.o=d),f!==i.i&&l(u,`placeholder`,i.i=f),p!==i.n&&r(u,i.n=p),m!==i.s&&(u.disabled=i.s=m),i},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),o(()=>u.value=a.value??``),t})()});a([`click`,`input`,`keydown`]);export{T as InputText};
+import{cn as e}from"../../../utils/cn.js";import{x_default as t}from"../../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/x.js";import{DEFAULT_PROPS as n,inputTextVariants as r}from"../input.utils.js";import{className as i,createComponent as a,delegateEvents as o,effect as s,insert as c,memo as l,setAttribute as u,template as d,use as f}from"solid-js/web";import{Show as p,createEffect as m,createUniqueId as h,mergeProps as g,on as _,onCleanup as v,onMount as y}from"solid-js";import b from"imask/holder";import"imask/masked/number";import"imask/masked/pattern";var x=d(`<div class=it05>`),S=d(`<div tabindex=-1><input>`),C=d(`<div class=it03>`),w=d(`<div class=it04>`),T=(o=>{o=g({...n,id:h()},o);let d,T,E=()=>{T?.focus()},D=null;m(_(()=>o.maskOptions,e=>d&&e&&d.updateOptions(e),{defer:!0})),y(()=>{T&&o.maskOptions&&(d=b(T,o.maskOptions),D=e=>{o.onChange&&o.onChange(d?.value??``,e),o.maskOptions?.onAccept&&o.maskOptions?.onAccept(d?.value,d?.unmaskedValue)},d.on(`accept`,D),o.maskOptions.onAccept)}),v(function(){d&&(D&&d.off(`accept`,D),d.destroy())});let O=e=>{e.stopPropagation(),d?(d.value=``,d.updateValue()):T&&(T.value=``),o.onInput?.(``,void 0),o.onChange?.(``,void 0),T?.focus()};return(()=>{var n=S(),d=n.firstChild;n.$$click=E,c(n,()=>o.prefixIcon,d),d.$$keydown=e=>{(e.key===`Enter`||e.keyCode===13)&&(e.preventDefault(),o.onPressEnter?.(e.currentTarget.value,e))},d.$$input=e=>o.onInput?.(e.currentTarget.value,e),d.addEventListener(`change`,e=>o.onChange?.(e.currentTarget.value,e)),d.addEventListener(`blur`,e=>o.onBlur?.(e.currentTarget.value,e));var m=T;return typeof m==`function`?f(m,d):T=d,c(n,a(p,{get when(){return o.allowClear||o.suffixIcon},get children(){var e=x();return c(e,(()=>{var e=l(()=>!!o.allowClear);return()=>e()&&(()=>{var e=C();return e.$$click=O,c(e,a(t,{class:`m-auto size-2`})),e})()})(),null),c(e,(()=>{var e=l(()=>!!o.suffixIcon);return()=>e()&&(()=>{var e=w();return c(e,()=>o.suffixIcon),e})()})(),null),e}}),null),s(t=>{var a=e(`it01`,`input-${o.type}`,r({color:o.color,size:o.size,variant:o.variant}),o.class?.root,o.disabled&&`border-c5 pointer-events-none`),s=o.id,c=o.type||`text`,l=o.typeOrigin,f=o.placeholder,p=e(`text-c2 grow`,o.class?.input),m=o.disabled;return a!==t.e&&i(n,t.e=a),s!==t.t&&u(d,`id`,t.t=s),c!==t.a&&u(d,`type`,t.a=c),l!==t.o&&u(d,`data-type`,t.o=l),f!==t.i&&u(d,`placeholder`,t.i=f),p!==t.n&&i(d,t.n=p),m!==t.s&&(d.disabled=t.s=m),t},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),s(()=>d.value=o.value??``),n})()});o([`click`,`input`,`keydown`]);export{T as InputText};
 //# sourceMappingURL=input-text.js.map

package/dist/components/input/variants/input-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-text.js","names":["cn","FactoryArg","InputMask","IMask","X","Component","createEffect","createUniqueId","mergeProps","on","onCleanup","onMount","Show","InputTextProps","DEFAULT_PROPS","inputTextVariants","InputText","p","id","maskInstance","inputRef","HTMLInputElement","focusInput","focus","maskAcceptEvent","maskOptions","value","updateOptions","defer","e","InputEvent","onChange","onAccept","unmaskedValue","destroyTextMask","off","destroy","handleClear","MouseEvent","stopPropagation","updateValue","onInput","undefined","_el$","_tmpl$2","_el$2","firstChild","$$click","_$insert","prefixIcon","$$keydown","key","keyCode","preventDefault","onPressEnter","currentTarget","$$input","addEventListener","onBlur","_ref$","_$use","_$createComponent","when","allowClear","suffixIcon","children","_el$3","_tmpl$","_c$","_$memo","_el$4","_tmpl$3","_c$2","_el$5","_tmpl$4","_$effect","_p$","_v$","type","color","size","variant","class","root","disabled","_v$2","_v$3","_v$4","typeOrigin","_v$5","placeholder","_v$6","input","_v$7","_$className","t","_$setAttribute","a","o","i","n","s","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-text.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport type { FactoryArg, InputMask } from 'imask';\r\nimport IMask from 'imask/holder';\r\nimport 'imask/masked/number';\r\nimport 'imask/masked/pattern';\r\nimport X from 'lucide-solid/icons/x';\r\nimport {\r\n  Component,\r\n  createEffect,\r\n  createUniqueId,\r\n  mergeProps,\r\n  on,\r\n  onCleanup,\r\n  onMount,\r\n  Show,\r\n} from 'solid-js';\r\nimport type { InputTextProps } from '../input.types';\r\nimport { DEFAULT_PROPS, inputTextVariants } from '../input.utils';\r\n\r\nexport const InputText: Component<InputTextProps> = (p => {\r\n  p = mergeProps({ ...DEFAULT_PROPS, id: createUniqueId() }, p);\r\n  let maskInstance: InputMask<FactoryArg> | undefined;\r\n  let inputRef: HTMLInputElement | undefined;\r\n  const focusInput = () => {\r\n    inputRef?.focus();\r\n  };\r\n  let maskAcceptEvent: any = null;\r\n  createEffect(\r\n    on(\r\n      () => p.maskOptions,\r\n      value => maskInstance && value && maskInstance.updateOptions(value),\r\n      { defer: true },\r\n    ),\r\n  );\r\n  onMount(() => {\r\n    if (inputRef && p.maskOptions) {\r\n      maskInstance = IMask(inputRef, p.maskOptions);\r\n\r\n      maskAcceptEvent = (e: InputEvent) => {\r\n        p.onChange && p.onChange(maskInstance?.value ?? '', e);\r\n        p.maskOptions?.onAccept &&\r\n          p.maskOptions?.onAccept(maskInstance?.value, maskInstance?.unmaskedValue);\r\n      };\r\n      maskInstance.on('accept', maskAcceptEvent);\r\n      if (typeof p.maskOptions.onAccept === 'function') {\r\n      }\r\n    }\r\n  });\r\n  onCleanup(function destroyTextMask() {\r\n    if (maskInstance) {\r\n      maskAcceptEvent && maskInstance.off('accept', maskAcceptEvent);\r\n      maskInstance.destroy();\r\n    }\r\n  });\r\n  const handleClear = (e: MouseEvent) => {\r\n    e.stopPropagation();\r\n    if (maskInstance) {\r\n      maskInstance.value = '';\r\n      maskInstance.updateValue();\r\n    } else if (inputRef) {\r\n      inputRef.value = '';\r\n    }\r\n    p.onInput?.('', undefined as any);\r\n    p.onChange?.('', undefined as any);\r\n    inputRef?.focus();\r\n  };\r\n  return (\r\n    <div\r\n      tabIndex={-1}\r\n      class={cn(\r\n        'it01',\r\n        `input-${p.type}`,\r\n        inputTextVariants({ color: p.color, size: p.size, variant: p.variant }),\r\n        p.class?.root,\r\n        p.disabled && 'border-c5 pointer-events-none',\r\n      )}\r\n      onClick={focusInput}\r\n    >\r\n      {p.prefixIcon}\r\n      <input\r\n        id={p.id}\r\n        ref={inputRef}\r\n        type={p.type || 'text'}\r\n        data-type={p.typeOrigin}\r\n        value={p.value ?? ''}\r\n        placeholder={p.placeholder}\r\n        class={cn('text-c2 grow', p.class?.input)}\r\n        onBlur={e => p.onBlur?.(e.currentTarget.value, e)}\r\n        onChange={e => p.onChange?.(e.currentTarget.value, e)}\r\n        onInput={e => p.onInput?.(e.currentTarget.value, e)}\r\n        onKeyDown={e => {\r\n          if (e.key === 'Enter' || e.keyCode === 13) {\r\n            e.preventDefault();\r\n            p.onPressEnter?.(e.currentTarget.value, e);\r\n          }\r\n        }}\r\n        disabled={p.disabled}\r\n      />\r\n      <Show when={p.allowClear || p.suffixIcon}>\r\n        <div class=\"it05\">\r\n          {p.allowClear && (\r\n            <div class=\"it03\" onClick={handleClear}>\r\n              <X class=\"m-auto size-2\" />\r\n            </div>\r\n          )}\r\n          {p.suffixIcon && <div class=\"it04\">{p.suffixIcon}</div>}\r\n        </div>\r\n      </Show>\r\n    </div>\r\n  );\r\n}) as Component<InputTextProps>;\r\n"],"mappings":"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"}
+{"version":3,"file":"input-text.js","names":["cn","FactoryArg","InputMask","IMask","X","Component","createEffect","createUniqueId","mergeProps","on","onCleanup","onMount","Show","InputTextProps","DEFAULT_PROPS","inputTextVariants","InputText","p","id","maskInstance","inputRef","HTMLInputElement","focusInput","focus","maskAcceptEvent","maskOptions","value","updateOptions","defer","e","InputEvent","onChange","onAccept","unmaskedValue","destroyTextMask","off","destroy","handleClear","MouseEvent","stopPropagation","updateValue","onInput","undefined","_el$","_tmpl$2","_el$2","firstChild","$$click","_$insert","prefixIcon","$$keydown","key","keyCode","preventDefault","onPressEnter","currentTarget","$$input","addEventListener","onBlur","_ref$","_$use","_$createComponent","when","allowClear","suffixIcon","children","_el$3","_tmpl$","_c$","_$memo","_el$4","_tmpl$3","_c$2","_el$5","_tmpl$4","_$effect","_p$","_v$","type","color","size","variant","class","root","disabled","_v$2","_v$3","_v$4","typeOrigin","_v$5","placeholder","_v$6","input","_v$7","_$className","t","_$setAttribute","a","o","i","n","s","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-text.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport type { FactoryArg, InputMask } from 'imask';\nimport IMask from 'imask/holder';\nimport 'imask/masked/number';\nimport 'imask/masked/pattern';\nimport X from 'lucide-solid/icons/x';\nimport {\n  Component,\n  createEffect,\n  createUniqueId,\n  mergeProps,\n  on,\n  onCleanup,\n  onMount,\n  Show,\n} from 'solid-js';\nimport type { InputTextProps } from '../input.types';\nimport { DEFAULT_PROPS, inputTextVariants } from '../input.utils';\n\nexport const InputText: Component<InputTextProps> = (p => {\n  p = mergeProps({ ...DEFAULT_PROPS, id: createUniqueId() }, p);\n  let maskInstance: InputMask<FactoryArg> | undefined;\n  let inputRef: HTMLInputElement | undefined;\n  const focusInput = () => {\n    inputRef?.focus();\n  };\n  let maskAcceptEvent: any = null;\n  createEffect(\n    on(\n      () => p.maskOptions,\n      value => maskInstance && value && maskInstance.updateOptions(value),\n      { defer: true },\n    ),\n  );\n  onMount(() => {\n    if (inputRef && p.maskOptions) {\n      maskInstance = IMask(inputRef, p.maskOptions);\n\n      maskAcceptEvent = (e: InputEvent) => {\n        p.onChange && p.onChange(maskInstance?.value ?? '', e);\n        p.maskOptions?.onAccept &&\n          p.maskOptions?.onAccept(maskInstance?.value, maskInstance?.unmaskedValue);\n      };\n      maskInstance.on('accept', maskAcceptEvent);\n      if (typeof p.maskOptions.onAccept === 'function') {\n      }\n    }\n  });\n  onCleanup(function destroyTextMask() {\n    if (maskInstance) {\n      maskAcceptEvent && maskInstance.off('accept', maskAcceptEvent);\n      maskInstance.destroy();\n    }\n  });\n  const handleClear = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (maskInstance) {\n      maskInstance.value = '';\n      maskInstance.updateValue();\n    } else if (inputRef) {\n      inputRef.value = '';\n    }\n    p.onInput?.('', undefined as any);\n    p.onChange?.('', undefined as any);\n    inputRef?.focus();\n  };\n  return (\n    <div\n      tabIndex={-1}\n      class={cn(\n        'it01',\n        `input-${p.type}`,\n        inputTextVariants({ color: p.color, size: p.size, variant: p.variant }),\n        p.class?.root,\n        p.disabled && 'border-c5 pointer-events-none',\n      )}\n      onClick={focusInput}\n    >\n      {p.prefixIcon}\n      <input\n        id={p.id}\n        ref={inputRef}\n        type={p.type || 'text'}\n        data-type={p.typeOrigin}\n        value={p.value ?? ''}\n        placeholder={p.placeholder}\n        class={cn('text-c2 grow', p.class?.input)}\n        onBlur={e => p.onBlur?.(e.currentTarget.value, e)}\n        onChange={e => p.onChange?.(e.currentTarget.value, e)}\n        onInput={e => p.onInput?.(e.currentTarget.value, e)}\n        onKeyDown={e => {\n          if (e.key === 'Enter' || e.keyCode === 13) {\n            e.preventDefault();\n            p.onPressEnter?.(e.currentTarget.value, e);\n          }\n        }}\n        disabled={p.disabled}\n      />\n      <Show when={p.allowClear || p.suffixIcon}>\n        <div class=\"it05\">\n          {p.allowClear && (\n            <div class=\"it03\" onClick={handleClear}>\n              <X class=\"m-auto size-2\" />\n            </div>\n          )}\n          {p.suffixIcon && <div class=\"it04\">{p.suffixIcon}</div>}\n        </div>\n      </Show>\n    </div>\n  );\n}) as Component<InputTextProps>;\n"],"mappings":"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"}

package/dist/components/input/variants/input-textarea.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../../utils/cn.js";import{DEFAULT_PROPS as t,textareaVariants as n}from"../input.utils.js";import{className as r,createComponent as i,delegateEvents as a,effect as o,insert as s,memo as c,setAttribute as l,template as u,use as d}from"solid-js/web";import{createUniqueId as f,mergeProps as p}from"solid-js";import m from"lucide-solid/icons/x";var h=u(`<div><textarea>`),g=u(`<div class=ta02>`),_=(a=>{a=p({...t,size:`md`,id:f()},a);let u,_=e=>{e.preventDefault(),e.stopPropagation(),u&&(u.value=``),a.onInput?.(``,void 0),a.onChange?.(``,void 0),u?.focus()};return(()=>{var t=h(),f=t.firstChild;f.$$input=e=>a.onInput?.(e.currentTarget.value,e),f.addEventListener(`change`,e=>a.onChange?.(e.currentTarget.value,e)),f.addEventListener(`blur`,e=>a.onBlur?.(e.currentTarget.value,e));var p=u;return typeof p==`function`?d(p,f):u=f,s(t,(()=>{var e=c(()=>!!a.allowClear);return()=>e()&&(()=>{var e=g();return e.$$mousedown=_,s(e,i(m,{class:`m-auto size-2`})),e})()})(),null),o(i=>{var o=e(`ta01`,n({color:a.color,variant:a.variant,size:a.size}),a.class?.root,a.disabled&&`border-c5 pointer-events-none`),s=a.id,c=a.placeholder,u=e(`text-c2 grow resize-y`,a.class?.input),d=a.disabled;return o!==i.e&&r(t,i.e=o),s!==i.t&&l(f,`id`,i.t=s),c!==i.a&&l(f,`placeholder`,i.a=c),u!==i.o&&r(f,i.o=u),d!==i.i&&(f.disabled=i.i=d),i},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),o(()=>f.value=a.value??``),t})()});a([`input`,`mousedown`]);export{_ as InputTextArea};
+import{cn as e}from"../../../utils/cn.js";import{x_default as t}from"../../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/x.js";import{DEFAULT_PROPS as n,textareaVariants as r}from"../input.utils.js";import{className as i,createComponent as a,delegateEvents as o,effect as s,insert as c,memo as l,setAttribute as u,template as d,use as f}from"solid-js/web";import{createUniqueId as p,mergeProps as m}from"solid-js";var h=d(`<div><textarea>`),g=d(`<div class=ta02>`),_=(o=>{o=m({...n,size:`md`,id:p()},o);let d,_=e=>{e.preventDefault(),e.stopPropagation(),d&&(d.value=``),o.onInput?.(``,void 0),o.onChange?.(``,void 0),d?.focus()};return(()=>{var n=h(),p=n.firstChild;p.$$input=e=>o.onInput?.(e.currentTarget.value,e),p.addEventListener(`change`,e=>o.onChange?.(e.currentTarget.value,e)),p.addEventListener(`blur`,e=>o.onBlur?.(e.currentTarget.value,e));var m=d;return typeof m==`function`?f(m,p):d=p,c(n,(()=>{var e=l(()=>!!o.allowClear);return()=>e()&&(()=>{var e=g();return e.$$mousedown=_,c(e,a(t,{class:`m-auto size-2`})),e})()})(),null),s(t=>{var a=e(`ta01`,r({color:o.color,variant:o.variant,size:o.size}),o.class?.root,o.disabled&&`border-c5 pointer-events-none`),s=o.id,c=o.placeholder,l=e(`text-c2 grow resize-y`,o.class?.input),d=o.disabled;return a!==t.e&&i(n,t.e=a),s!==t.t&&u(p,`id`,t.t=s),c!==t.a&&u(p,`placeholder`,t.a=c),l!==t.o&&i(p,t.o=l),d!==t.i&&(p.disabled=t.i=d),t},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),s(()=>p.value=o.value??``),n})()});o([`input`,`mousedown`]);export{_ as InputTextArea};
 //# sourceMappingURL=input-textarea.js.map

package/dist/components/input/variants/input-textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-textarea.js","names":["cn","X","Component","createUniqueId","mergeProps","InputTextAreaProps","DEFAULT_PROPS","textareaVariants","InputTextArea","p","size","const","id","textareaRef","HTMLTextAreaElement","handleClear","e","MouseEvent","preventDefault","stopPropagation","value","onInput","undefined","onChange","focus","_el$","_tmpl$","_el$2","firstChild","$$input","currentTarget","addEventListener","onBlur","_ref$","_$use","_$insert","_c$","_$memo","allowClear","_el$3","_tmpl$2","$$mousedown","_$createComponent","_$effect","_p$","_v$","color","variant","class","root","disabled","_v$2","_v$3","placeholder","_v$4","input","_v$5","_$className","t","_$setAttribute","a","o","i","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-textarea.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport X from 'lucide-solid/icons/x';\r\nimport { Component, createUniqueId, mergeProps } from 'solid-js';\r\nimport type { InputTextAreaProps } from '../input.types';\r\nimport { DEFAULT_PROPS, textareaVariants } from '../input.utils';\r\n\r\nexport const InputTextArea: Component<InputTextAreaProps> = (p => {\r\n  p = mergeProps({ ...DEFAULT_PROPS, size: 'md' as const, id: createUniqueId() }, p);\r\n  let textareaRef: HTMLTextAreaElement | undefined;\r\n\r\n  const handleClear = (e: MouseEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    if (textareaRef) {\r\n      textareaRef.value = '';\r\n    }\r\n    p.onInput?.('', undefined as any);\r\n    p.onChange?.('', undefined as any);\r\n    textareaRef?.focus();\r\n  };\r\n\r\n  return (\r\n    <div\r\n      class={cn(\r\n        'ta01',\r\n        textareaVariants({ color: p.color, variant: p.variant, size: p.size }),\r\n        p.class?.root,\r\n        p.disabled && 'border-c5 pointer-events-none',\r\n      )}\r\n    >\r\n      <textarea\r\n        id={p.id}\r\n        placeholder={p.placeholder}\r\n        ref={textareaRef}\r\n        value={p.value ?? ''}\r\n        class={cn('text-c2 grow resize-y', p.class?.input)}\r\n        onBlur={e => p.onBlur?.(e.currentTarget.value, e)}\r\n        onChange={e => p.onChange?.(e.currentTarget.value, e)}\r\n        onInput={e => p.onInput?.(e.currentTarget.value, e)}\r\n        disabled={p.disabled}\r\n      />\r\n      {p.allowClear && (\r\n        <div class=\"ta02\" onMouseDown={handleClear}>\r\n          <X class=\"m-auto size-2\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}) as Component<InputTextAreaProps>;\r\n"],"mappings":"gaAMaQ,GAAgDC,GAAK,CAChEA,EAAIL,EAAW,CAAE,GAAGE,EAAeI,KAAM,KAAeE,GAAIT,GAAe,CAAG,CAAEM,EAAE,CAClF,IAAII,EAEEE,EAAeC,GAAkB,CACrCA,EAAEE,gBAAgB,CAClBF,EAAEG,iBAAiB,CACfN,IACFA,EAAYO,MAAQ,IAEtBX,EAAEY,UAAU,GAAIC,IAAAA,GAAiB,CACjCb,EAAEc,WAAW,GAAID,IAAAA,GAAiB,CAClCT,GAAaW,OAAO,EAGtB,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAD,EAAAE,QAiBeb,GAAKP,EAAEY,UAAUL,EAAEc,cAAcV,MAAOJ,EAAE,CAAAW,EAAAI,iBAAA,SADzCf,GAAKP,EAAEc,WAAWP,EAAEc,cAAcV,MAAOJ,EAAE,CAAA,CAAAW,EAAAI,iBAAA,OAD7Cf,GAAKP,EAAEuB,SAAShB,EAAEc,cAAcV,MAAOJ,EAAE,CAAA,CAAA,IAAAiB,EAH5CpB,EACe,OADJ,OAAAoB,GAAA,WAAAC,EAAAD,EAAAN,EAAA,CAAXd,EAAWc,EAAAQ,EAAAV,OAAA,CAAA,IAAAW,EAAAC,MAAA,CAAA,CAQjB5B,EAAE6B,WAAU,CAAA,UAAZF,GAAA,OAAA,CAAA,IAAAG,EAAAC,GAAA,CAEK,MAFLD,GAAAE,YACgC1B,EAAWoB,EAAAI,EAAAG,EACvCzC,EAAC,CAAA,MAAA,gBAAA,CAAA,CAAA,CAAAsC,KAEL,IAAA,CAAA,KAAA,CAAAI,EAAAC,GAAA,CAAA,IAAAC,EAtBM7C,EACL,OACAO,EAAiB,CAAEuC,MAAOrC,EAAEqC,MAAOC,QAAStC,EAAEsC,QAASrC,KAAMD,EAAEC,KAAM,CAAC,CACtED,EAAEuC,OAAOC,KACTxC,EAAEyC,UAAY,gCACf,CAAAC,EAGK1C,EAAEG,GAAEwC,EACK3C,EAAE4C,YAAWC,EAGnBtD,EAAG,wBAAyBS,EAAEuC,OAAOO,MAAM,CAAAC,EAIxC/C,EAAEyC,SAAQ,OAAAL,IAAAD,EAAA5B,GAAAyC,EAAAhC,EAAAmB,EAAA5B,EAAA6B,EAAA,CAAAM,IAAAP,EAAAc,GAAAC,EAAAhC,EAAA,KAAAiB,EAAAc,EAAAP,EAAA,CAAAC,IAAAR,EAAAgB,GAAAD,EAAAhC,EAAA,cAAAiB,EAAAgB,EAAAR,EAAA,CAAAE,IAAAV,EAAAiB,GAAAJ,EAAA9B,EAAAiB,EAAAiB,EAAAP,EAAA,CAAAE,IAAAZ,EAAAkB,IAAAnC,EAAAuB,SAAAN,EAAAkB,EAAAN,GAAAZ,GAAA,CAAA5B,EAAAM,IAAAA,GAAAoC,EAAApC,IAAAA,GAAAsC,EAAAtC,IAAAA,GAAAuC,EAAAvC,IAAAA,GAAAwC,EAAAxC,IAAAA,GAAA,CAAA,CAAAqB,MAAAhB,EAAAP,MALbX,EAAEW,OAAS,GAAE,CAAAK,KAAA,GAcQsC,EAAA,CAAA,QAAA,YAAA,CAAA"}
+{"version":3,"file":"input-textarea.js","names":["cn","X","Component","createUniqueId","mergeProps","InputTextAreaProps","DEFAULT_PROPS","textareaVariants","InputTextArea","p","size","const","id","textareaRef","HTMLTextAreaElement","handleClear","e","MouseEvent","preventDefault","stopPropagation","value","onInput","undefined","onChange","focus","_el$","_tmpl$","_el$2","firstChild","$$input","currentTarget","addEventListener","onBlur","_ref$","_$use","_$insert","_c$","_$memo","allowClear","_el$3","_tmpl$2","$$mousedown","_$createComponent","_$effect","_p$","_v$","color","variant","class","root","disabled","_v$2","_v$3","placeholder","_v$4","input","_v$5","_$className","t","_$setAttribute","a","o","i","_$delegateEvents"],"sources":["../../../../src/components/input/variants/input-textarea.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport X from 'lucide-solid/icons/x';\nimport { Component, createUniqueId, mergeProps } from 'solid-js';\nimport type { InputTextAreaProps } from '../input.types';\nimport { DEFAULT_PROPS, textareaVariants } from '../input.utils';\n\nexport const InputTextArea: Component<InputTextAreaProps> = (p => {\n  p = mergeProps({ ...DEFAULT_PROPS, size: 'md' as const, id: createUniqueId() }, p);\n  let textareaRef: HTMLTextAreaElement | undefined;\n\n  const handleClear = (e: MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (textareaRef) {\n      textareaRef.value = '';\n    }\n    p.onInput?.('', undefined as any);\n    p.onChange?.('', undefined as any);\n    textareaRef?.focus();\n  };\n\n  return (\n    <div\n      class={cn(\n        'ta01',\n        textareaVariants({ color: p.color, variant: p.variant, size: p.size }),\n        p.class?.root,\n        p.disabled && 'border-c5 pointer-events-none',\n      )}\n    >\n      <textarea\n        id={p.id}\n        placeholder={p.placeholder}\n        ref={textareaRef}\n        value={p.value ?? ''}\n        class={cn('text-c2 grow resize-y', p.class?.input)}\n        onBlur={e => p.onBlur?.(e.currentTarget.value, e)}\n        onChange={e => p.onChange?.(e.currentTarget.value, e)}\n        onInput={e => p.onInput?.(e.currentTarget.value, e)}\n        disabled={p.disabled}\n      />\n      {p.allowClear && (\n        <div class=\"ta02\" onMouseDown={handleClear}>\n          <X class=\"m-auto size-2\" />\n        </div>\n      )}\n    </div>\n  );\n}) as Component<InputTextAreaProps>;\n"],"mappings":"wgBAMaQ,GAAgDC,GAAK,CAChEA,EAAIL,EAAW,CAAE,GAAGE,EAAeI,KAAM,KAAeE,GAAIT,GAAe,CAAG,CAAEM,EAAE,CAClF,IAAII,EAEEE,EAAeC,GAAkB,CACrCA,EAAEE,gBAAgB,CAClBF,EAAEG,iBAAiB,CACfN,IACFA,EAAYO,MAAQ,IAEtBX,EAAEY,UAAU,GAAIC,IAAAA,GAAiB,CACjCb,EAAEc,WAAW,GAAID,IAAAA,GAAiB,CAClCT,GAAaW,OAAO,EAGtB,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAD,EAAAE,QAiBeb,GAAKP,EAAEY,UAAUL,EAAEc,cAAcV,MAAOJ,EAAE,CAAAW,EAAAI,iBAAA,SADzCf,GAAKP,EAAEc,WAAWP,EAAEc,cAAcV,MAAOJ,EAAE,CAAA,CAAAW,EAAAI,iBAAA,OAD7Cf,GAAKP,EAAEuB,SAAShB,EAAEc,cAAcV,MAAOJ,EAAE,CAAA,CAAA,IAAAiB,EAH5CpB,EACe,OADJ,OAAAoB,GAAA,WAAAC,EAAAD,EAAAN,EAAA,CAAXd,EAAWc,EAAAQ,EAAAV,OAAA,CAAA,IAAAW,EAAAC,MAAA,CAAA,CAQjB5B,EAAE6B,WAAU,CAAA,UAAZF,GAAA,OAAA,CAAA,IAAAG,EAAAC,GAAA,CAEK,MAFLD,GAAAE,YACgC1B,EAAWoB,EAAAI,EAAAG,EACvCzC,EAAC,CAAA,MAAA,gBAAA,CAAA,CAAA,CAAAsC,KAEL,IAAA,CAAA,KAAA,CAAAI,EAAAC,GAAA,CAAA,IAAAC,EAtBM7C,EACL,OACAO,EAAiB,CAAEuC,MAAOrC,EAAEqC,MAAOC,QAAStC,EAAEsC,QAASrC,KAAMD,EAAEC,KAAM,CAAC,CACtED,EAAEuC,OAAOC,KACTxC,EAAEyC,UAAY,gCACf,CAAAC,EAGK1C,EAAEG,GAAEwC,EACK3C,EAAE4C,YAAWC,EAGnBtD,EAAG,wBAAyBS,EAAEuC,OAAOO,MAAM,CAAAC,EAIxC/C,EAAEyC,SAAQ,OAAAL,IAAAD,EAAA5B,GAAAyC,EAAAhC,EAAAmB,EAAA5B,EAAA6B,EAAA,CAAAM,IAAAP,EAAAc,GAAAC,EAAAhC,EAAA,KAAAiB,EAAAc,EAAAP,EAAA,CAAAC,IAAAR,EAAAgB,GAAAD,EAAAhC,EAAA,cAAAiB,EAAAgB,EAAAR,EAAA,CAAAE,IAAAV,EAAAiB,GAAAJ,EAAA9B,EAAAiB,EAAAiB,EAAAP,EAAA,CAAAE,IAAAZ,EAAAkB,IAAAnC,EAAAuB,SAAAN,EAAAkB,EAAAN,GAAAZ,GAAA,CAAA5B,EAAAM,IAAAA,GAAAoC,EAAApC,IAAAA,GAAAsC,EAAAtC,IAAAA,GAAAuC,EAAAvC,IAAAA,GAAAwC,EAAAxC,IAAAA,GAAA,CAAA,CAAAqB,MAAAhB,EAAAP,MALbX,EAAEW,OAAS,GAAE,CAAAK,KAAA,GAcQsC,EAAA,CAAA,QAAA,YAAA,CAAA"}

package/dist/components/loading/loading.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils/cn.js";import{className as t,createComponent as n,effect as r,setAttribute as i,setStyleProperty as a,style as o,template as s}from"solid-js/web";import{cva as c}from"class-variance-authority";import{Match as l,Switch as u,createUniqueId as d,mergeProps as f}from"solid-js";import p from"lucide-solid/icons/loader";var m=s(`<div>`),h=s(`<div><svg width=inherit height=inherit viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><ellipse cx=9.99995 cy=9.99995 rx=7.31001 ry=7.31001 stroke-opacity=0.25 stroke-width=4></ellipse><path d="M9.94939 2.69013C11.8881 2.67671 13.7527 3.43398 15.133 4.79535C16.5134 6.15671 17.2964 8.01067 17.3098 9.94936"stroke-width=4 stroke-linecap=round stroke-dasharray="1.23 1.23"></path><defs><linearGradient x1=16.3108 y1=13.6892 x2=3.68922 y2=6.31075 gradientUnits=userSpaceOnUse><stop></stop><stop offset=0.5 stop-opacity=0.01></stop><stop offset=1 stop-opacity=0>`),g=s(`<div><svg fill=currentColor viewBox="0 0 24 24"xmlns=http://www.w3.org/2000/svg><g><circle cx=12 cy=3 r=1><animate id=_dcbb18 begin=0;_84a13e.end-0.5s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=16.50 cy=4.21 r=1><animate id=_92c238 begin=_dcbb18.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=7.50 cy=4.21 r=1><animate id=_84a13e begin=_5abc3e.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=19.79 cy=7.50 r=1><animate id=_9d19c8 begin=_92c238.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=4.21 cy=7.50 r=1><animate id=_5abc3e begin=_dcfbb2.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=21.00 cy=12.00 r=1><animate id=_cf88a3 begin=_9d19c8.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=3.00 cy=12.00 r=1><animate id=_dcfbb2 begin=_514e98.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=19.79 cy=16.50 r=1><animate id=_2fecf8 begin=_cf88a3.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=4.21 cy=16.50 r=1><animate id=_514e98 begin=_c4d048.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=16.50 cy=19.79 r=1><animate id=_033759 begin=_2fecf8.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=7.50 cy=19.79 r=1><animate id=_c4d048 begin=_3ec8bd.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=12 cy=21 r=1><animate id=_3ec8bd begin=_033759.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><animateTransform attributeName=transform type=rotate dur=6s values="360 12 12;0 12 12"repeatCount=indefinite>`),_=s(`<svg xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink x=0px y=0px viewBox="0 0 2400 2400"><g stroke-width=200 stroke-linecap=round stroke=currentColor fill=none id=spinner><line x1=1200 y1=600 x2=1200 y2=100></line><line opacity=0.5 x1=1200 y1=2300 x2=1200 y2=1800></line><line opacity=0.917 x1=900 y1=680.4 x2=650 y2=247.4></line><line opacity=0.417 x1=1750 y1=2152.6 x2=1500 y2=1719.6></line><line opacity=0.833 x1=680.4 y1=900 x2=247.4 y2=650></line><line opacity=0.333 x1=2152.6 y1=1750 x2=1719.6 y2=1500></line><line opacity=0.75 x1=600 y1=1200 x2=100 y2=1200></line><line opacity=0.25 x1=2300 y1=1200 x2=1800 y2=1200></line><line opacity=0.667 x1=680.4 y1=1500 x2=247.4 y2=1750></line><line opacity=0.167 x1=2152.6 y1=650 x2=1719.6 y2=900></line><line opacity=0.583 x1=900 y1=1719.6 x2=650 y2=2152.6></line><line opacity=0.083 x1=1750 y1=247.4 x2=1500 y2=680.4></line><animateTransform attributeName=transform attributeType=XML type=rotate keyTimes=0;0.08333;0.16667;0.25;0.33333;0.41667;0.5;0.58333;0.66667;0.75;0.83333;0.91667 values="0 1199 1199;30 1199 1199;60 1199 1199;90 1199 1199;120 1199 1199;150 1199 1199;180 1199 1199;210 1199 1199;240 1199 1199;270 1199 1199;300 1199 1199;330 1199 1199"dur=0.83333s begin=0s repeatCount=indefinite calcMode=discrete>`),v=s(`<svg fill=none viewBox="0 0 20 20"xmlns=http://www.w3.org/2000/svg><defs><linearGradient><stop offset=0% stop-color=currentColor stop-opacity=1></stop><stop offset=100% stop-color=currentColor stop-opacity=0.25></stop></linearGradient></defs><circle cx=10 cy=10 r=8 stroke-width=2 class=animate-spin fill=none style="transform-origin:50% 50%">`),y=c(`loading`,{variants:{variant:{spinner:`loading-spinner`,"spinner-2":`loading-spinner-2`,dots:`loading-dots`,ring:`loading-ring`,ball:`loading-ball`,bars:`loading-bars`,infinity:`loading-infinity`},size:{xs:`loading-xs`,sm:`loading-sm`,md:`loading-md`,lg:`loading-lg`,xl:`loading-xl`}}}),b={xs:`loading-svg-xs`,sm:`loading-svg-sm`,md:`loading-svg-md`,lg:`loading-svg-lg`,xl:`loading-svg-xl`},x={primary:`var(--color-primary)`,secondary:`var(--color-secondary)`,accent:`var(--color-accent)`,neutral:`var(--color-neutral)`,info:`var(--color-info)`,success:`var(--color-success)`,warning:`var(--color-warning)`,error:`var(--color-error)`};function S(e){if(e)return e in x?x[e]:e}var C=i=>{let a=f({variant:`spinner`,size:`sm`},i),s=()=>![`spinner-3`,`spinner-4`,`spinner-5`,`spinner-6`].includes(a.variant),c=()=>S(a.color),d=()=>e(b[a.size],a.class);return n(u,{get children(){return[n(l,{get when(){return s()},get children(){var n=m();return r(r=>{var i=e(y({variant:a.variant,size:a.size}),a.class),s=c()?{color:c()}:void 0;return i!==r.e&&t(n,r.e=i),r.t=o(n,s,r.t),r},{e:void 0,t:void 0}),n}}),n(l,{get when(){return a.variant===`spinner-3`},get children(){return n(T,{get class(){return d()},get color(){return c()}})}}),n(l,{get when(){return a.variant===`spinner-4`},get children(){return n(E,{get class(){return d()},get color(){return c()}})}}),n(l,{get when(){return a.variant===`spinner-5`},get children(){return n(D,{get class(){return d()},get color(){return c()}})}}),n(l,{get when(){return a.variant===`spinner-6`},get children(){return n(O,{get class(){return d()},get color(){return c()}})}})]}})},w=n=>{let a=d();return n=f({color:`#6E56CF`},n),(()=>{var o=h(),s=o.firstChild.firstChild,c=s.nextSibling,l=c.nextSibling.firstChild,u=l.firstChild,d=u.nextSibling,f=d.nextSibling;return i(c,`stroke`,`url(#${a})`),i(l,`id`,a),r(r=>{var a=e(`size-3 animate-spin`,n.class),c=n.color,l=n.color,p=n.color,m=n.color;return a!==r.e&&t(o,r.e=a),c!==r.t&&i(s,`stroke`,r.t=c),l!==r.a&&i(u,`stop-color`,r.a=l),p!==r.o&&i(d,`stop-color`,r.o=p),m!==r.i&&i(f,`stop-color`,r.i=m),r},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),o})()},T=n=>(n=f({color:`currentColor`},n),(()=>{var i=g();return r(r=>{var o=e(`size-7 p-0`,n.class),s=n.color;return o!==r.e&&t(i,r.e=o),s!==r.t&&a(i,`color`,r.t=s),r},{e:void 0,t:void 0}),i})()),E=t=>n(p,{get class(){return e(`animate-spin`,t.class)},get color(){return t.color}}),D=e=>(e=f({class:`size-6`},e),(()=>{var t=_();return r(n=>{var r=e.class,o=e.color;return r!==n.e&&i(t,`class`,n.e=r),o!==n.t&&a(t,`color`,n.t=o),n},{e:void 0,t:void 0}),t})()),O=e=>{e=f({class:`size-6`},e);let t=d();return(()=>{var n=v(),o=n.firstChild,s=o.firstChild,c=o.nextSibling;return i(s,`id`,t),i(c,`stroke`,`url(#${t})`),r(t=>{var r=e.class,o=e.color;return r!==t.e&&i(n,`class`,t.e=r),o!==t.t&&a(n,`color`,t.t=o),t},{e:void 0,t:void 0}),n})()};export{C as Loading,w as Spinner};
+import{cn as e}from"../../utils/cn.js";import{loader_default as t}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/loader.js";import{className as n,createComponent as r,effect as i,setAttribute as a,setStyleProperty as o,style as s,template as c}from"solid-js/web";import{cva as l}from"class-variance-authority";import{Match as u,Switch as d,createUniqueId as f,mergeProps as p}from"solid-js";var m=c(`<div>`),h=c(`<div><svg width=inherit height=inherit viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><ellipse cx=9.99995 cy=9.99995 rx=7.31001 ry=7.31001 stroke-opacity=0.25 stroke-width=4></ellipse><path d="M9.94939 2.69013C11.8881 2.67671 13.7527 3.43398 15.133 4.79535C16.5134 6.15671 17.2964 8.01067 17.3098 9.94936"stroke-width=4 stroke-linecap=round stroke-dasharray="1.23 1.23"></path><defs><linearGradient x1=16.3108 y1=13.6892 x2=3.68922 y2=6.31075 gradientUnits=userSpaceOnUse><stop></stop><stop offset=0.5 stop-opacity=0.01></stop><stop offset=1 stop-opacity=0>`),g=c(`<div><svg fill=currentColor viewBox="0 0 24 24"xmlns=http://www.w3.org/2000/svg><g><circle cx=12 cy=3 r=1><animate id=_dcbb18 begin=0;_84a13e.end-0.5s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=16.50 cy=4.21 r=1><animate id=_92c238 begin=_dcbb18.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=7.50 cy=4.21 r=1><animate id=_84a13e begin=_5abc3e.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=19.79 cy=7.50 r=1><animate id=_9d19c8 begin=_92c238.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=4.21 cy=7.50 r=1><animate id=_5abc3e begin=_dcfbb2.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=21.00 cy=12.00 r=1><animate id=_cf88a3 begin=_9d19c8.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=3.00 cy=12.00 r=1><animate id=_dcfbb2 begin=_514e98.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=19.79 cy=16.50 r=1><animate id=_2fecf8 begin=_cf88a3.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=4.21 cy=16.50 r=1><animate id=_514e98 begin=_c4d048.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=16.50 cy=19.79 r=1><animate id=_033759 begin=_2fecf8.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=7.50 cy=19.79 r=1><animate id=_c4d048 begin=_3ec8bd.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><circle cx=12 cy=21 r=1><animate id=_3ec8bd begin=_033759.begin+0.1s attributeName=r calcMode=spline dur=0.6s values=1;2;1 keySplines=.27,.42,.37,.99;.53,0,.61,.73></animate></circle><animateTransform attributeName=transform type=rotate dur=6s values="360 12 12;0 12 12"repeatCount=indefinite>`),_=c(`<svg xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink x=0px y=0px viewBox="0 0 2400 2400"><g stroke-width=200 stroke-linecap=round stroke=currentColor fill=none id=spinner><line x1=1200 y1=600 x2=1200 y2=100></line><line opacity=0.5 x1=1200 y1=2300 x2=1200 y2=1800></line><line opacity=0.917 x1=900 y1=680.4 x2=650 y2=247.4></line><line opacity=0.417 x1=1750 y1=2152.6 x2=1500 y2=1719.6></line><line opacity=0.833 x1=680.4 y1=900 x2=247.4 y2=650></line><line opacity=0.333 x1=2152.6 y1=1750 x2=1719.6 y2=1500></line><line opacity=0.75 x1=600 y1=1200 x2=100 y2=1200></line><line opacity=0.25 x1=2300 y1=1200 x2=1800 y2=1200></line><line opacity=0.667 x1=680.4 y1=1500 x2=247.4 y2=1750></line><line opacity=0.167 x1=2152.6 y1=650 x2=1719.6 y2=900></line><line opacity=0.583 x1=900 y1=1719.6 x2=650 y2=2152.6></line><line opacity=0.083 x1=1750 y1=247.4 x2=1500 y2=680.4></line><animateTransform attributeName=transform attributeType=XML type=rotate keyTimes=0;0.08333;0.16667;0.25;0.33333;0.41667;0.5;0.58333;0.66667;0.75;0.83333;0.91667 values="0 1199 1199;30 1199 1199;60 1199 1199;90 1199 1199;120 1199 1199;150 1199 1199;180 1199 1199;210 1199 1199;240 1199 1199;270 1199 1199;300 1199 1199;330 1199 1199"dur=0.83333s begin=0s repeatCount=indefinite calcMode=discrete>`),v=c(`<svg fill=none viewBox="0 0 20 20"xmlns=http://www.w3.org/2000/svg><defs><linearGradient><stop offset=0% stop-color=currentColor stop-opacity=1></stop><stop offset=100% stop-color=currentColor stop-opacity=0.25></stop></linearGradient></defs><circle cx=10 cy=10 r=8 stroke-width=2 class=animate-spin fill=none style="transform-origin:50% 50%">`),y=l(`loading`,{variants:{variant:{spinner:`loading-spinner`,"spinner-2":`loading-spinner-2`,dots:`loading-dots`,ring:`loading-ring`,ball:`loading-ball`,bars:`loading-bars`,infinity:`loading-infinity`},size:{xs:`loading-xs`,sm:`loading-sm`,md:`loading-md`,lg:`loading-lg`,xl:`loading-xl`}}}),b={xs:`loading-svg-xs`,sm:`loading-svg-sm`,md:`loading-svg-md`,lg:`loading-svg-lg`,xl:`loading-svg-xl`},x={primary:`var(--color-primary)`,secondary:`var(--color-secondary)`,accent:`var(--color-accent)`,neutral:`var(--color-neutral)`,info:`var(--color-info)`,success:`var(--color-success)`,warning:`var(--color-warning)`,error:`var(--color-error)`};function S(e){if(e)return e in x?x[e]:e}var C=t=>{let a=p({variant:`spinner`,size:`sm`},t),o=()=>![`spinner-3`,`spinner-4`,`spinner-5`,`spinner-6`].includes(a.variant),c=()=>S(a.color),l=()=>e(b[a.size],a.class);return r(d,{get children(){return[r(u,{get when(){return o()},get children(){var t=m();return i(r=>{var i=e(y({variant:a.variant,size:a.size}),a.class),o=c()?{color:c()}:void 0;return i!==r.e&&n(t,r.e=i),r.t=s(t,o,r.t),r},{e:void 0,t:void 0}),t}}),r(u,{get when(){return a.variant===`spinner-3`},get children(){return r(T,{get class(){return l()},get color(){return c()}})}}),r(u,{get when(){return a.variant===`spinner-4`},get children(){return r(E,{get class(){return l()},get color(){return c()}})}}),r(u,{get when(){return a.variant===`spinner-5`},get children(){return r(D,{get class(){return l()},get color(){return c()}})}}),r(u,{get when(){return a.variant===`spinner-6`},get children(){return r(O,{get class(){return l()},get color(){return c()}})}})]}})},w=t=>{let r=f();return t=p({color:`#6E56CF`},t),(()=>{var o=h(),s=o.firstChild.firstChild,c=s.nextSibling,l=c.nextSibling.firstChild,u=l.firstChild,d=u.nextSibling,f=d.nextSibling;return a(c,`stroke`,`url(#${r})`),a(l,`id`,r),i(r=>{var i=e(`size-3 animate-spin`,t.class),c=t.color,l=t.color,p=t.color,m=t.color;return i!==r.e&&n(o,r.e=i),c!==r.t&&a(s,`stroke`,r.t=c),l!==r.a&&a(u,`stop-color`,r.a=l),p!==r.o&&a(d,`stop-color`,r.o=p),m!==r.i&&a(f,`stop-color`,r.i=m),r},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),o})()},T=t=>(t=p({color:`currentColor`},t),(()=>{var r=g();return i(i=>{var a=e(`size-7 p-0`,t.class),s=t.color;return a!==i.e&&n(r,i.e=a),s!==i.t&&o(r,`color`,i.t=s),i},{e:void 0,t:void 0}),r})()),E=n=>r(t,{get class(){return e(`animate-spin`,n.class)},get color(){return n.color}}),D=e=>(e=p({class:`size-6`},e),(()=>{var t=_();return i(n=>{var r=e.class,i=e.color;return r!==n.e&&a(t,`class`,n.e=r),i!==n.t&&o(t,`color`,n.t=i),n},{e:void 0,t:void 0}),t})()),O=e=>{e=p({class:`size-6`},e);let t=f();return(()=>{var n=v(),r=n.firstChild,s=r.firstChild,c=r.nextSibling;return a(s,`id`,t),a(c,`stroke`,`url(#${t})`),i(t=>{var r=e.class,i=e.color;return r!==t.e&&a(n,`class`,t.e=r),i!==t.t&&o(n,`color`,t.t=i),t},{e:void 0,t:void 0}),n})()};export{C as Loading,w as Spinner};
 //# sourceMappingURL=loading.js.map