@manafishrov/ui 1.5.1 → 1.5.3

package/dist/components/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","names":["splitProps","Component","ComponentProps","cn","H1","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","H2","_el$2","_tmpl$2","H3","_el$3","_tmpl$3","H4","_el$4","_tmpl$4","P","_el$5","_tmpl$5","Blockquote","_el$6","_tmpl$6","List","_el$7","_tmpl$7","InlineCode","_el$8","_tmpl$8","Lead","_el$9","Large","_el$0","_tmpl$9","Small","_el$1","_tmpl$0","Muted","_el$10"],"sources":["../../src/components/Typography.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const H1: Component<ComponentProps<'h1'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h1\n      class={cn(\n        'scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl font-heading',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const H2: Component<ComponentProps<'h2'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h2\n      class={cn(\n        'scroll-m-20 pb-2 text-3xl font-semibold tracking-tight border-b font-heading',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const H3: Component<ComponentProps<'h3'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h3\n      class={cn('scroll-m-20 text-2xl font-semibold tracking-tight font-heading', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const H4: Component<ComponentProps<'h4'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h4\n      class={cn('scroll-m-20 text-xl font-semibold tracking-tight font-heading', local.class)}\n      {...others}\n    />\n  );\n};\n\n// eslint-disable-next-line id-length\nexport const P: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('leading-7', local.class)} {...others} />;\n};\n\nexport const Blockquote: Component<ComponentProps<'blockquote'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <blockquote class={cn('mt-6 pl-6 border-l-2 italic', local.class)} {...others} />;\n};\n\nexport const List: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <ul class={cn('my-6 ml-6 [&>li]:mt-2 list-disc', local.class)} {...others} />;\n};\n\nexport const InlineCode: Component<ComponentProps<'code'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <code\n      class={cn(\n        'rounded font-mono text-sm font-semibold relative bg-muted px-[0.3rem] py-[0.2rem]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const Lead: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('text-xl text-muted-foreground', local.class)} {...others} />;\n};\n\nexport const Large: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <div class={cn('text-lg font-semibold', local.class)} {...others} />;\n};\n\nexport const Small: Component<ComponentProps<'small'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <small class={cn('text-sm font-medium leading-none', local.class)} {...others} />;\n};\n\nexport const Muted: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('text-sm text-muted-foreground', local.class)} {...others} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"Typography.js","names":["splitProps","Component","ComponentProps","cn","H1","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","H2","_el$2","_tmpl$2","H3","_el$3","_tmpl$3","H4","_el$4","_tmpl$4","P","_el$5","_tmpl$5","Blockquote","_el$6","_tmpl$6","List","_el$7","_tmpl$7","InlineCode","_el$8","_tmpl$8","Lead","_el$9","Large","_el$0","_tmpl$9","Small","_el$1","_tmpl$0","Muted","_el$10"],"sources":["../../src/components/Typography.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const H1: Component<ComponentProps<'h1'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h1\n      class={cn(\n        'scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl font-heading',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const H2: Component<ComponentProps<'h2'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h2\n      class={cn(\n        'scroll-m-20 pb-2 text-3xl font-semibold tracking-tight border-b font-heading',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const H3: Component<ComponentProps<'h3'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h3\n      class={cn('scroll-m-20 text-2xl font-semibold tracking-tight font-heading', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const H4: Component<ComponentProps<'h4'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h4\n      class={cn('scroll-m-20 text-xl font-semibold tracking-tight font-heading', local.class)}\n      {...others}\n    />\n  );\n};\n\n// eslint-disable-next-line id-length\nexport const P: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('leading-7', local.class)} {...others} />;\n};\n\nexport const Blockquote: Component<ComponentProps<'blockquote'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <blockquote class={cn('mt-6 pl-6 border-l-2 italic', local.class)} {...others} />;\n};\n\nexport const List: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <ul class={cn('my-6 ml-6 [&>li]:mt-2 list-disc', local.class)} {...others} />;\n};\n\nexport const InlineCode: Component<ComponentProps<'code'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <code\n      class={cn(\n        'rounded text-sm font-semibold relative bg-muted px-[0.3rem] py-[0.2rem] font-mono',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const Lead: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('text-xl text-muted-foreground', local.class)} {...others} />;\n};\n\nexport const Large: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <div class={cn('text-lg font-semibold', local.class)} {...others} />;\n};\n\nexport const Small: Component<ComponentProps<'small'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <small class={cn('text-sm font-medium leading-none', local.class)} {...others} />;\n};\n\nexport const Muted: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('text-sm text-muted-foreground', local.class)} {...others} />;\n};\n"],"mappings":"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"}

package/dist/components/form/AutoSubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSubmit.js","names":["Component","useFormContext","AutoSubmitProps","debounce","AutoSubmit","props","form","values","useStore","state","isDirty","createEffect","debounceTimer","setTimeout","handleSubmit","catch","error","onCleanup","clearTimeout"],"sources":["../../../src/components/form/AutoSubmit.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport { useFormContext } from './context';\n\nexport type AutoSubmitProps = {\n  debounce?: number;\n};\n\nexport const AutoSubmit: Component<AutoSubmitProps> = (props) => {\n  const form = useFormContext();\n  const values = form.useStore((state) => state.values);\n  const isDirty = form.useStore((state) => state.isDirty);\n\n  createEffect(() => {\n    values();\n\n    if (!isDirty()) {\n      return;\n    }\n\n    const debounceTimer = setTimeout(() => {\n      form.handleSubmit().catch((error: unknown) => {\n        throw error;\n      });\n    }, props.debounce ?? 0);\n\n    onCleanup(() => {\n      clearTimeout(debounceTimer);\n    });\n  });\n\n  return <></>;\n};\n"],"mappings":";;;AAQA,IAAaI,KAA0CC,MAAU;CAC/D,IAAMC,IAAOL,GAAgB,EACvBM,IAASD,EAAKE,UAAUC,MAAUA,EAAMF,OAAO,EAC/CG,IAAUJ,EAAKE,UAAUC,MAAUA,EAAMC,QAAQ;AAoBvD,QAlBAC,QAAmB;AAGjB,MAFAJ,GAAQ,EAEJ,CAACG,GAAS,CACZ;EAGF,IAAME,IAAgBC,iBAAiB;AACrCP,KAAKQ,cAAc,CAACC,OAAOC,MAAmB;AAC5C,UAAMA;KACN;KACDX,EAAMF,YAAY,EAAE;AAEvBc,UAAgB;AACdC,gBAAaN,EAAc;IAC3B;GACF,EAEF,EAAA"}
+{"version":3,"file":"AutoSubmit.js","names":["Component","useFormContext","AutoSubmitProps","debounce","AutoSubmit","props","form","values","useStore","state","isDirty","createEffect","debounceTimer","setTimeout","handleSubmit","catch","error","onCleanup","clearTimeout"],"sources":["../../../src/components/form/AutoSubmit.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport { useFormContext } from './context';\n\nexport type AutoSubmitProps = {\n  debounce?: number;\n};\n\nexport const AutoSubmit: Component<AutoSubmitProps> = (props) => {\n  const form = useFormContext();\n  const values = form.useStore((state) => state.values);\n  const isDirty = form.useStore((state) => state.isDirty);\n\n  createEffect(() => {\n    values();\n\n    if (!isDirty()) {\n      return;\n    }\n\n    const debounceTimer = setTimeout(() => {\n      form.handleSubmit().catch((error: unknown) => {\n        throw error;\n      });\n    }, props.debounce ?? 0);\n\n    onCleanup(() => {\n      clearTimeout(debounceTimer);\n    });\n  });\n\n  return <></>;\n};\n"],"mappings":";;;AAQA,IAAaI,KAA0CC,MAAU;CAC/D,IAAMC,IAAOL,GAAgB,EACvBM,IAASD,EAAKE,UAAUC,MAAUA,EAAMF,OAAO,EAC/CG,IAAUJ,EAAKE,UAAUC,MAAUA,EAAMC,QAAQ;CAoBvD,OAlBAC,QAAmB;EAGjB,IAFAJ,GAAQ,EAEJ,CAACG,GAAS,EACZ;EAGF,IAAME,IAAgBC,iBAAiB;GACrCP,EAAKQ,cAAc,CAACC,OAAOC,MAAmB;IAC5C,MAAMA;KACN;KACDX,EAAMF,YAAY,EAAE;EAEvBc,QAAgB;GACdC,aAAaN,EAAc;IAC3B;GACF,EAEF,EAAA"}

package/dist/components/form/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","names":["Component","ComponentProps","JSX","Checkbox","CheckboxControl","CheckboxIndicator","CheckboxLabel","Field","FieldContent","FieldDescription","FieldError","useFieldContext","CheckboxFieldProps","description","label","Element","CheckboxField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","_$mergeProps","checked","value","onCheckedChange","details","handleChange","Boolean","onBlur","handleBlur"],"sources":["../../../src/components/form/CheckboxField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Checkbox, CheckboxControl, CheckboxIndicator, CheckboxLabel } from '@/components/Checkbox';\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\n\nimport { useFieldContext } from './context';\n\nexport type CheckboxFieldProps = ComponentProps<typeof Checkbox> & {\n  description?: string;\n  label?: JSX.Element;\n};\n\nexport const CheckboxField: Component<CheckboxFieldProps> = (props) => {\n  const field = useFieldContext<boolean>();\n  const [local, others] = splitProps(props, [\n    'description',\n    'label',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <Checkbox\n          checked={field().state.value}\n          onCheckedChange={(details) => {\n            field().handleChange(Boolean(details.checked));\n          }}\n          onBlur={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          required={local.required ?? false}\n          {...others}\n        >\n          <CheckboxControl>\n            <CheckboxIndicator />\n          </CheckboxControl>\n          <CheckboxLabel>{local.label}</CheckboxLabel>\n        </Checkbox>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAagB,KAAgDC,MAAU;CACrE,IAAMC,IAAQP,GAA0B,EAClC,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAK,EACGf,GAAK;EAAA,IACJgB,UAAO;AAAA,UAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;AAAA,UAAAT,EAEhCd,GAAY,EAAA,IAAAuB,WAAA;AAAA,WAAA;KAAAT,EACVnB,GAAQ6B,EAAA;MAAA,IACPC,UAAO;AAAA,cAAEf,GAAO,CAACM,MAAMU;;MACvBC,kBAAkBC,MAAY;AAC5BlB,UAAO,CAACmB,aAAaC,EAAQF,EAAQH,QAAS;;MAEhDM,cAAc;AACZrB,UAAO,CAACsB,YAAY;;MACrB,IACDjB,UAAO;AAAA,cAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;MAAC,IAC7CE,WAAQ;AAAA,cAAEV,EAAMU,YAAY;;MAAK,IACjCC,WAAQ;AAAA,cAAEX,EAAMW,YAAY;;MAAK,IACjCF,WAAQ;AAAA,cAAET,EAAMS,YAAY;;MAAK,EAC7BR,GAAM,EAAA,IAAAW,WAAA;AAAA,aAAA,CAAAT,EAETlB,GAAe,EAAA,IAAA2B,WAAA;AAAA,cAAAT,EACbjB,GAAiB,EAAA,CAAA;SAAA,CAAA,EAAAiB,EAEnBhB,GAAa,EAAA,IAAAyB,WAAA;AAAA,cAAEZ,EAAML;SAAK,CAAA,CAAA;QAAA,CAAA,CAAA;KAAAQ,EAE5BZ,GAAU,EAAA,IAACgB,SAAM;AAAA,aAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5Cb,GAAgB,EAAA,IAAAsB,WAAA;AAAA,aAAEZ,EAAMN;QAAW,CAAA;KAAA;MAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"CheckboxField.js","names":["Component","ComponentProps","JSX","Checkbox","CheckboxControl","CheckboxIndicator","CheckboxLabel","Field","FieldContent","FieldDescription","FieldError","useFieldContext","CheckboxFieldProps","description","label","Element","CheckboxField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","_$mergeProps","checked","value","onCheckedChange","details","handleChange","Boolean","onBlur","handleBlur"],"sources":["../../../src/components/form/CheckboxField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Checkbox, CheckboxControl, CheckboxIndicator, CheckboxLabel } from '@/components/Checkbox';\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\n\nimport { useFieldContext } from './context';\n\nexport type CheckboxFieldProps = ComponentProps<typeof Checkbox> & {\n  description?: string;\n  label?: JSX.Element;\n};\n\nexport const CheckboxField: Component<CheckboxFieldProps> = (props) => {\n  const field = useFieldContext<boolean>();\n  const [local, others] = splitProps(props, [\n    'description',\n    'label',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <Checkbox\n          checked={field().state.value}\n          onCheckedChange={(details) => {\n            field().handleChange(Boolean(details.checked));\n          }}\n          onBlur={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          required={local.required ?? false}\n          {...others}\n        >\n          <CheckboxControl>\n            <CheckboxIndicator />\n          </CheckboxControl>\n          <CheckboxLabel>{local.label}</CheckboxLabel>\n        </Checkbox>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAagB,KAAgDC,MAAU;CACrE,IAAMC,IAAQP,GAA0B,EAClC,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,OAAAK,EACGf,GAAK;EAAA,IACJgB,UAAO;GAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;GAAA,OAAAT,EAEhCd,GAAY,EAAA,IAAAuB,WAAA;IAAA,OAAA;KAAAT,EACVnB,GAAQ6B,EAAA;MAAA,IACPC,UAAO;OAAA,OAAEf,GAAO,CAACM,MAAMU;;MACvBC,kBAAkBC,MAAY;OAC5BlB,GAAO,CAACmB,aAAaC,EAAQF,EAAQH,QAAS;;MAEhDM,cAAc;OACZrB,GAAO,CAACsB,YAAY;;MACrB,IACDjB,UAAO;OAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;MAAC,IAC7CE,WAAQ;OAAA,OAAEV,EAAMU,YAAY;;MAAK,IACjCC,WAAQ;OAAA,OAAEX,EAAMW,YAAY;;MAAK,IACjCF,WAAQ;OAAA,OAAET,EAAMS,YAAY;;MAAK,EAC7BR,GAAM,EAAA,IAAAW,WAAA;MAAA,OAAA,CAAAT,EAETlB,GAAe,EAAA,IAAA2B,WAAA;OAAA,OAAAT,EACbjB,GAAiB,EAAA,CAAA;SAAA,CAAA,EAAAiB,EAEnBhB,GAAa,EAAA,IAAAyB,WAAA;OAAA,OAAEZ,EAAML;SAAK,CAAA,CAAA;QAAA,CAAA,CAAA;KAAAQ,EAE5BZ,GAAU,EAAA,IAACgB,SAAM;MAAA,OAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5Cb,GAAgB,EAAA,IAAAsB,WAAA;MAAA,OAAEZ,EAAMN;QAAW,CAAA;KAAA;MAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/ComboboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxField.js","names":["ComboboxRootProps","Component","ComponentProps","JSXElement","Combobox","ComboboxContent","ComboboxInput","ComboboxList","ComboboxPositioner","ComboboxControl","ComboboxTrigger","ComboboxClearTrigger","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","COMBOBOX_ROOT_PROPS","const","ComboboxFieldProps","Pick","collection","label","description","showTrigger","showClearTrigger","trailingAddon","class","ComboboxInputGroup","props","local","others","splitProps","_$createComponent","children","_el$","_tmpl$","_$insert","_c$","_$memo","_c$2","COMBOBOX_FIELD_PROPS","ComboboxField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/ComboboxField.tsx"],"sourcesContent":["import type { ComboboxRootProps } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n  Combobox,\n  ComboboxContent,\n  ComboboxInput,\n  ComboboxList,\n  ComboboxPositioner,\n  ComboboxControl,\n  ComboboxTrigger,\n  ComboboxClearTrigger,\n} from '@/components/Combobox';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst COMBOBOX_ROOT_PROPS = [\n  'placeholder',\n  'inputBehavior',\n  'openOnChange',\n  'openOnClick',\n  'openOnKeyPress',\n  'closeOnSelect',\n  'allowCustomValue',\n  'multiple',\n  'selectionBehavior',\n  'autoFocus',\n  'loopFocus',\n  'positioning',\n  'alwaysSubmitOnEnter',\n  'composite',\n  'defaultHighlightedValue',\n  'defaultInputValue',\n  'defaultOpen',\n  'defaultValue',\n  'disableLayer',\n  'highlightedValue',\n  'ids',\n  'immediate',\n  'inputValue',\n  'lazyMount',\n  'navigate',\n  'onExitComplete',\n  'onFocusOutside',\n  'onHighlightChange',\n  'onInputValueChange',\n  'onInteractOutside',\n  'onOpenChange',\n  'onPointerDownOutside',\n  'onSelect',\n  'open',\n  'present',\n  'scrollToIndexFn',\n  'skipAnimationOnMount',\n  'translations',\n  'unmountOnExit',\n] as const;\n\nexport type ComboboxFieldProps = ComponentProps<typeof ComboboxInput> &\n  Pick<ComponentProps<typeof Combobox<string>>, (typeof COMBOBOX_ROOT_PROPS)[number]> & {\n    collection: ComboboxRootProps<string>['collection'];\n    label?: string;\n    description?: string;\n    showTrigger?: boolean;\n    showClearTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  } & { class?: string };\n\nconst ComboboxInputGroup: Component<\n  ComponentProps<typeof ComboboxInput> & {\n    showTrigger?: boolean | undefined;\n    showClearTrigger?: boolean | undefined;\n  }\n> = (props) => {\n  const [local, others] = splitProps(props, ['showTrigger', 'showClearTrigger', 'children']);\n\n  return (\n    <>\n      <ComboboxControl>\n        <ComboboxInput {...others} />\n        <div class='gap-1 flex items-center'>\n          {local.showClearTrigger === true && <ComboboxClearTrigger />}\n          {local.showTrigger === true && <ComboboxTrigger />}\n        </div>\n      </ComboboxControl>\n      <ComboboxPositioner>\n        <ComboboxContent>\n          <ComboboxList>{local.children}</ComboboxList>\n        </ComboboxContent>\n      </ComboboxPositioner>\n    </>\n  );\n};\n\nconst COMBOBOX_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'collection',\n  'showTrigger',\n  'showClearTrigger',\n  'children',\n  'trailingAddon',\n] as const;\n\nexport const ComboboxField: Component<ComboboxFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, COMBOBOX_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, COMBOBOX_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <Combobox<string>\n            collection={local.collection}\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <ComboboxInputGroup\n              showTrigger={local.showTrigger}\n              showClearTrigger={local.showClearTrigger}\n              {...inputProps}\n            >\n              {local.children}\n            </ComboboxInputGroup>\n          </Combobox>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxField.js","names":["ComboboxRootProps","Component","ComponentProps","JSXElement","Combobox","ComboboxContent","ComboboxInput","ComboboxList","ComboboxPositioner","ComboboxControl","ComboboxTrigger","ComboboxClearTrigger","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","COMBOBOX_ROOT_PROPS","const","ComboboxFieldProps","Pick","collection","label","description","showTrigger","showClearTrigger","trailingAddon","class","ComboboxInputGroup","props","local","others","splitProps","_$createComponent","children","_el$","_tmpl$","_$insert","_c$","_$memo","_c$2","COMBOBOX_FIELD_PROPS","ComboboxField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/ComboboxField.tsx"],"sourcesContent":["import type { ComboboxRootProps } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n  Combobox,\n  ComboboxContent,\n  ComboboxInput,\n  ComboboxList,\n  ComboboxPositioner,\n  ComboboxControl,\n  ComboboxTrigger,\n  ComboboxClearTrigger,\n} from '@/components/Combobox';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst COMBOBOX_ROOT_PROPS = [\n  'placeholder',\n  'inputBehavior',\n  'openOnChange',\n  'openOnClick',\n  'openOnKeyPress',\n  'closeOnSelect',\n  'allowCustomValue',\n  'multiple',\n  'selectionBehavior',\n  'autoFocus',\n  'loopFocus',\n  'positioning',\n  'alwaysSubmitOnEnter',\n  'composite',\n  'defaultHighlightedValue',\n  'defaultInputValue',\n  'defaultOpen',\n  'defaultValue',\n  'disableLayer',\n  'highlightedValue',\n  'ids',\n  'immediate',\n  'inputValue',\n  'lazyMount',\n  'navigate',\n  'onExitComplete',\n  'onFocusOutside',\n  'onHighlightChange',\n  'onInputValueChange',\n  'onInteractOutside',\n  'onOpenChange',\n  'onPointerDownOutside',\n  'onSelect',\n  'open',\n  'present',\n  'scrollToIndexFn',\n  'skipAnimationOnMount',\n  'translations',\n  'unmountOnExit',\n] as const;\n\nexport type ComboboxFieldProps = ComponentProps<typeof ComboboxInput> &\n  Pick<ComponentProps<typeof Combobox<string>>, (typeof COMBOBOX_ROOT_PROPS)[number]> & {\n    collection: ComboboxRootProps<string>['collection'];\n    label?: string;\n    description?: string;\n    showTrigger?: boolean;\n    showClearTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  } & { class?: string };\n\nconst ComboboxInputGroup: Component<\n  ComponentProps<typeof ComboboxInput> & {\n    showTrigger?: boolean | undefined;\n    showClearTrigger?: boolean | undefined;\n  }\n> = (props) => {\n  const [local, others] = splitProps(props, ['showTrigger', 'showClearTrigger', 'children']);\n\n  return (\n    <>\n      <ComboboxControl>\n        <ComboboxInput {...others} />\n        <div class='gap-1 flex items-center'>\n          {local.showClearTrigger === true && <ComboboxClearTrigger />}\n          {local.showTrigger === true && <ComboboxTrigger />}\n        </div>\n      </ComboboxControl>\n      <ComboboxPositioner>\n        <ComboboxContent>\n          <ComboboxList>{local.children}</ComboboxList>\n        </ComboboxContent>\n      </ComboboxPositioner>\n    </>\n  );\n};\n\nconst COMBOBOX_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'collection',\n  'showTrigger',\n  'showClearTrigger',\n  'children',\n  'trailingAddon',\n] as const;\n\nexport const ComboboxField: Component<ComboboxFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, COMBOBOX_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, COMBOBOX_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <Combobox<string>\n            collection={local.collection}\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <ComboboxInputGroup\n              showTrigger={local.showTrigger}\n              showClearTrigger={local.showClearTrigger}\n              {...inputProps}\n            >\n              {local.children}\n            </ComboboxInputGroup>\n          </Combobox>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":"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"}

package/dist/components/form/DatePickerField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerField.js","names":["DatePickerInputProps","DateValue","Component","ComponentProps","JSXElement","DatePicker","DatePickerContent","DatePickerControl","DatePickerInput","DatePickerPositioner","DatePickerTrigger","DatePickerViews","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","DATE_PICKER_ROOT_PROPS","const","DatePickerFieldProps","Pick","label","description","showTrigger","trailingAddon","DatePickerInputGroup","props","local","others","splitProps","_$createComponent","children","_$Show","when","DATE_PICKER_FIELD_PROPS","DatePickerField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","placeholder"],"sources":["../../../src/components/form/DatePickerField.tsx"],"sourcesContent":["import type { DatePickerInputProps, DateValue } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n  DatePicker,\n  DatePickerContent,\n  DatePickerControl,\n  DatePickerInput,\n  DatePickerPositioner,\n  DatePickerTrigger,\n  DatePickerViews,\n} from '@/components/DatePicker';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst DATE_PICKER_ROOT_PROPS = [\n  'min',\n  'max',\n  'locale',\n  'timeZone',\n  'format',\n  'parse',\n  'selectionMode',\n  'numOfMonths',\n  'fixedWeeks',\n  'startOfWeek',\n  'showWeekNumbers',\n  'outsideDaySelectable',\n  'isDateUnavailable',\n  'openOnClick',\n  'positioning',\n  'closeOnSelect',\n  'defaultFocusedValue',\n  'defaultOpen',\n  'defaultValue',\n  'defaultView',\n  'focusedValue',\n  'ids',\n  'immediate',\n  'inline',\n  'lazyMount',\n  'maxSelectedDates',\n  'maxView',\n  'minView',\n  'name',\n  'onExitComplete',\n  'onFocusChange',\n  'onOpenChange',\n  'onValueChange',\n  'onViewChange',\n  'onVisibleRangeChange',\n  'open',\n  'present',\n  'skipAnimationOnMount',\n  'translations',\n  'unmountOnExit',\n  'view',\n] as const;\n\nexport type DatePickerFieldProps = DatePickerInputProps &\n  Pick<ComponentProps<typeof DatePicker>, (typeof DATE_PICKER_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst DatePickerInputGroup: Component<DatePickerInputProps & { showTrigger?: boolean }> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['showTrigger']);\n\n  return (\n    <>\n      <DatePickerControl>\n        <DatePickerInput {...others} />\n        <Show when={local.showTrigger !== false}>\n          <DatePickerTrigger />\n        </Show>\n      </DatePickerControl>\n      <DatePickerPositioner>\n        <DatePickerContent>\n          <DatePickerViews />\n        </DatePickerContent>\n      </DatePickerPositioner>\n    </>\n  );\n};\n\nconst DATE_PICKER_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'placeholder',\n  'showTrigger',\n  'trailingAddon',\n] as const;\n\nexport const DatePickerField: Component<DatePickerFieldProps> = (props) => {\n  const field = useFieldContext<DateValue[]>();\n  const [local, others] = splitProps(props, DATE_PICKER_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, DATE_PICKER_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <DatePicker\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <DatePickerInputGroup\n              {...inputProps}\n              placeholder={local.placeholder}\n              {...(typeof local.showTrigger === 'boolean' && { showTrigger: local.showTrigger })}\n            />\n          </DatePicker>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,IAAMmB,IAAyB,sfA0C9B,EAUKQ,KACJC,MACG;CACH,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,cAAc,CAAC;AAE1D,QAAA,CAAAI,EAEKzB,GAAiB,EAAA,IAAA0B,WAAA;AAAA,SAAA,CAAAD,EACfxB,GAAoBsB,EAAM,EAAAE,EAC1BE,GAAI;GAAA,IAACC,OAAI;AAAA,WAAEN,EAAMJ,gBAAgB;;GAAK,IAAAQ,WAAA;AAAA,WAAAD,EACpCtB,GAAiB,EAAA,CAAA;;GAAA,CAAA,CAAA;IAAA,CAAA,EAAAsB,EAGrBvB,GAAoB,EAAA,IAAAwB,WAAA;AAAA,SAAAD,EAClB1B,GAAiB,EAAA,IAAA2B,WAAA;AAAA,UAAAD,EACfrB,GAAe,EAAA,CAAA;KAAA,CAAA;IAAA,CAAA,CAAA;GAOpByB,IAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEYC,KAAoDT,MAAU;CACzE,IAAMU,IAAQrB,GAA8B,EACtC,CAACY,GAAOC,KAAUC,EAAWH,GAAOQ,EAAwB,EAC5D,CAACG,GAAWC,KAAcT,EAAWD,GAAQX,EAAuB;AAE1E,QAAAa,EACGpB,GAAK;EAAA,IACJ6B,UAAO;AAAA,UAAEH,GAAO,CAACI,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAEjB,EAAMiB,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAElB,EAAMkB,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEnB,EAAMmB,YAAY;;EAAK,IAAAf,WAAA;AAAA,UAAA,CAAAD,EAEhChB,GAAU,EAAA,IAAAiB,WAAA;AAAA,WAAEJ,EAAMN;MAAK,CAAA,EAAAS,EACvBnB,GAAY,EAAA,IAAAoB,WAAA;AAAA,WAAA;KAAAD,EACVd,GAAiB;MAAA,IAAC+B,QAAK;AAAA,cAAEpB,EAAMH;;MAAa,IAAAO,WAAA;AAAA,cAAAD,EAC1C3B,GAAU6C,EAAA;QAAA,IACTC,QAAK;AAAA,gBAAEb,GAAO,CAACI,MAAMS;;QACrBC,gBAAgBC,MAAY;AAC1Bf,YAAO,CAACgB,aAAaD,EAAQF,MAAM;;QAErCI,cAAc;AACZjB,YAAO,CAACkB,YAAY;;QACrB,IACDf,UAAO;AAAA,gBAAEH,GAAO,CAACI,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CC,WAAQ;AAAA,gBAAEjB,EAAMiB,YAAY;;QAAK,IACjCC,WAAQ;AAAA,gBAAElB,EAAMkB,YAAY;;QAAK,EAC7BR,GAAS,EAAA,IAAAN,WAAA;AAAA,eAAAD,EAEZL,GAAoBuB,EACfV,GAAU,EAAA,IACdiB,cAAW;AAAA,gBAAE5B,EAAM4B;WAAW,QACzB,OAAO5B,EAAMJ,eAAgB,aAAa,EAAEA,aAAaI,EAAMJ,aAAa,CAAA,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAO,EAItFjB,GAAU,EAAA,IAAC6B,SAAM;AAAA,aAAEN,GAAO,CAACI,MAAMC,KAAKC;QAAM,CAAA;KAAAZ,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;AAAA,aAAEJ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"DatePickerField.js","names":["DatePickerInputProps","DateValue","Component","ComponentProps","JSXElement","DatePicker","DatePickerContent","DatePickerControl","DatePickerInput","DatePickerPositioner","DatePickerTrigger","DatePickerViews","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","DATE_PICKER_ROOT_PROPS","const","DatePickerFieldProps","Pick","label","description","showTrigger","trailingAddon","DatePickerInputGroup","props","local","others","splitProps","_$createComponent","children","_$Show","when","DATE_PICKER_FIELD_PROPS","DatePickerField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","placeholder"],"sources":["../../../src/components/form/DatePickerField.tsx"],"sourcesContent":["import type { DatePickerInputProps, DateValue } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n  DatePicker,\n  DatePickerContent,\n  DatePickerControl,\n  DatePickerInput,\n  DatePickerPositioner,\n  DatePickerTrigger,\n  DatePickerViews,\n} from '@/components/DatePicker';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst DATE_PICKER_ROOT_PROPS = [\n  'min',\n  'max',\n  'locale',\n  'timeZone',\n  'format',\n  'parse',\n  'selectionMode',\n  'numOfMonths',\n  'fixedWeeks',\n  'startOfWeek',\n  'showWeekNumbers',\n  'outsideDaySelectable',\n  'isDateUnavailable',\n  'openOnClick',\n  'positioning',\n  'closeOnSelect',\n  'defaultFocusedValue',\n  'defaultOpen',\n  'defaultValue',\n  'defaultView',\n  'focusedValue',\n  'ids',\n  'immediate',\n  'inline',\n  'lazyMount',\n  'maxSelectedDates',\n  'maxView',\n  'minView',\n  'name',\n  'onExitComplete',\n  'onFocusChange',\n  'onOpenChange',\n  'onValueChange',\n  'onViewChange',\n  'onVisibleRangeChange',\n  'open',\n  'present',\n  'skipAnimationOnMount',\n  'translations',\n  'unmountOnExit',\n  'view',\n] as const;\n\nexport type DatePickerFieldProps = DatePickerInputProps &\n  Pick<ComponentProps<typeof DatePicker>, (typeof DATE_PICKER_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst DatePickerInputGroup: Component<DatePickerInputProps & { showTrigger?: boolean }> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['showTrigger']);\n\n  return (\n    <>\n      <DatePickerControl>\n        <DatePickerInput {...others} />\n        <Show when={local.showTrigger !== false}>\n          <DatePickerTrigger />\n        </Show>\n      </DatePickerControl>\n      <DatePickerPositioner>\n        <DatePickerContent>\n          <DatePickerViews />\n        </DatePickerContent>\n      </DatePickerPositioner>\n    </>\n  );\n};\n\nconst DATE_PICKER_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'placeholder',\n  'showTrigger',\n  'trailingAddon',\n] as const;\n\nexport const DatePickerField: Component<DatePickerFieldProps> = (props) => {\n  const field = useFieldContext<DateValue[]>();\n  const [local, others] = splitProps(props, DATE_PICKER_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, DATE_PICKER_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <DatePicker\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <DatePickerInputGroup\n              {...inputProps}\n              placeholder={local.placeholder}\n              {...(typeof local.showTrigger === 'boolean' && { showTrigger: local.showTrigger })}\n            />\n          </DatePicker>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,IAAMmB,IAAyB,sfA0C9B,EAUKQ,KACJC,MACG;CACH,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,cAAc,CAAC;CAE1D,OAAA,CAAAI,EAEKzB,GAAiB,EAAA,IAAA0B,WAAA;EAAA,OAAA,CAAAD,EACfxB,GAAoBsB,EAAM,EAAAE,EAC1BE,GAAI;GAAA,IAACC,OAAI;IAAA,OAAEN,EAAMJ,gBAAgB;;GAAK,IAAAQ,WAAA;IAAA,OAAAD,EACpCtB,GAAiB,EAAA,CAAA;;GAAA,CAAA,CAAA;IAAA,CAAA,EAAAsB,EAGrBvB,GAAoB,EAAA,IAAAwB,WAAA;EAAA,OAAAD,EAClB1B,GAAiB,EAAA,IAAA2B,WAAA;GAAA,OAAAD,EACfrB,GAAe,EAAA,CAAA;KAAA,CAAA;IAAA,CAAA,CAAA;GAOpByB,IAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEYC,KAAoDT,MAAU;CACzE,IAAMU,IAAQrB,GAA8B,EACtC,CAACY,GAAOC,KAAUC,EAAWH,GAAOQ,EAAwB,EAC5D,CAACG,GAAWC,KAAcT,EAAWD,GAAQX,EAAuB;CAE1E,OAAAa,EACGpB,GAAK;EAAA,IACJ6B,UAAO;GAAA,OAAEH,GAAO,CAACI,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAEjB,EAAMiB,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAElB,EAAMkB,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEnB,EAAMmB,YAAY;;EAAK,IAAAf,WAAA;GAAA,OAAA,CAAAD,EAEhChB,GAAU,EAAA,IAAAiB,WAAA;IAAA,OAAEJ,EAAMN;MAAK,CAAA,EAAAS,EACvBnB,GAAY,EAAA,IAAAoB,WAAA;IAAA,OAAA;KAAAD,EACVd,GAAiB;MAAA,IAAC+B,QAAK;OAAA,OAAEpB,EAAMH;;MAAa,IAAAO,WAAA;OAAA,OAAAD,EAC1C3B,GAAU6C,EAAA;QAAA,IACTC,QAAK;SAAA,OAAEb,GAAO,CAACI,MAAMS;;QACrBC,gBAAgBC,MAAY;SAC1Bf,GAAO,CAACgB,aAAaD,EAAQF,MAAM;;QAErCI,cAAc;SACZjB,GAAO,CAACkB,YAAY;;QACrB,IACDf,UAAO;SAAA,OAAEH,GAAO,CAACI,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CC,WAAQ;SAAA,OAAEjB,EAAMiB,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAElB,EAAMkB,YAAY;;QAAK,EAC7BR,GAAS,EAAA,IAAAN,WAAA;QAAA,OAAAD,EAEZL,GAAoBuB,EACfV,GAAU,EAAA,IACdiB,cAAW;SAAA,OAAE5B,EAAM4B;WAAW,QACzB,OAAO5B,EAAMJ,eAAgB,aAAa,EAAEA,aAAaI,EAAMJ,aAAa,CAAA,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAO,EAItFjB,GAAU,EAAA,IAAC6B,SAAM;MAAA,OAAEN,GAAO,CAACI,MAAMC,KAAKC;QAAM,CAAA;KAAAZ,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;MAAA,OAAEJ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/Form.js

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
 import { fieldContext as t, formContext as n, useFormContext as r } from "./context.js";
 import { AutoSubmit as i } from "./AutoSubmit.js";
 import { CheckboxField as a } from "./CheckboxField.js";

package/dist/components/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","names":["Component","ComponentProps","createFormHook","cn","AutoSubmit","CheckboxField","ComboboxField","fieldContext","formContext","useFormContext","DatePickerField","NumberInputField","PasswordInputField","PinInputField","RadioGroupField","SelectField","SliderField","SubmitButton","SwitchField","TagsInputField","TextareaField","TextInputField","FormProps","Omit","Form","props","form","local","formProps","splitProps","_el$","_tmpl$","addEventListener","submitEvent","preventDefault","stopPropagation","handleSubmit","catch","error","_$spread","_$mergeProps","class","_$insert","children","useAppForm","withForm","withFieldGroup","fieldComponents","formComponents"],"sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { createFormHook } from '@tanstack/solid-form';\nimport { cn } from 'tailwind-variants';\n\nimport { AutoSubmit } from './AutoSubmit';\nimport { CheckboxField } from './CheckboxField';\nimport { ComboboxField } from './ComboboxField';\nimport { fieldContext, formContext, useFormContext } from './context';\nimport { DatePickerField } from './DatePickerField';\nimport { NumberInputField } from './NumberInputField';\nimport { PasswordInputField } from './PasswordInputField';\nimport { PinInputField } from './PinInputField';\nimport { RadioGroupField } from './RadioGroupField';\nimport { SelectField } from './SelectField';\nimport { SliderField } from './SliderField';\nimport { SubmitButton } from './SubmitButton';\nimport { SwitchField } from './SwitchField';\nimport { TagsInputField } from './TagsInputField';\nimport { TextareaField } from './TextareaField';\nimport { TextInputField } from './TextInputField';\n\nexport type FormProps = Omit<ComponentProps<'form'>, 'onSubmit'>;\n\nexport const Form: Component<FormProps> = (props) => {\n  const form = useFormContext();\n  const [local, formProps] = splitProps(props, ['children', 'class']);\n\n  return (\n    <form\n      class={cn('space-y-8 relative', local.class)}\n      onSubmit={(submitEvent) => {\n        submitEvent.preventDefault();\n        submitEvent.stopPropagation();\n        form.handleSubmit().catch((error: unknown) => {\n          throw error;\n        });\n      }}\n      {...formProps}\n    >\n      {local.children}\n    </form>\n  );\n};\n\nexport const { useAppForm, withForm, withFieldGroup } = createFormHook({\n  formContext,\n  fieldContext,\n  fieldComponents: {\n    CheckboxField,\n    ComboboxField,\n    DatePickerField,\n    NumberInputField,\n    PasswordInputField,\n    PinInputField,\n    RadioGroupField,\n    SelectField,\n    SliderField,\n    SwitchField,\n    TagsInputField,\n    TextInputField,\n    TextareaField,\n  },\n  formComponents: {\n    AutoSubmit,\n    Form,\n    SubmitButton,\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;qCAwBawB,KAA8BC,MAAU;CACnD,IAAMC,IAAOjB,GAAgB,EACvB,CAACkB,GAAOC,KAAaC,EAAWJ,GAAO,CAAC,YAAY,QAAQ,CAAC;AAEnE,eAAA;EAAA,IAAAK,IAAAC,GAAA;AAYmB,SAZnBD,EAAAE,iBAAA,WAGeC,MAAgB;AAGzBP,GAFAO,EAAYC,gBAAgB,EAC5BD,EAAYE,iBAAiB,EAC7BT,EAAKU,cAAc,CAACC,OAAOC,MAAmB;AAC5C,UAAMA;KACN;IACH,EAAAC,EAAAT,GAAAU,EAAA,EAAA,IAAA,QAAA;AAAA,UAPMrC,EAAG,sBAAsBwB,EAAMc,MAAM;KAAA,EAQxCb,EAAS,EAAA,IAAA,GAAA,EAAAc,EAAAZ,SAEZH,EAAMgB,SAAQ,EAAAb;KAAA;GAKR,EAAEc,eAAYC,aAAUC,sBAAmB5C,EAAe;CACrEM;CACAD;CACAwC,iBAAiB;EACf1C;EACAC;EACAI;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAE;EACAD;EACD;CACD4B,gBAAgB;EACd5C;EACAoB;EACAP;;CAEH,CAAC"}
+{"version":3,"file":"Form.js","names":["Component","ComponentProps","createFormHook","cn","AutoSubmit","CheckboxField","ComboboxField","fieldContext","formContext","useFormContext","DatePickerField","NumberInputField","PasswordInputField","PinInputField","RadioGroupField","SelectField","SliderField","SubmitButton","SwitchField","TagsInputField","TextareaField","TextInputField","FormProps","Omit","Form","props","form","local","formProps","splitProps","_el$","_tmpl$","addEventListener","submitEvent","preventDefault","stopPropagation","handleSubmit","catch","error","_$spread","_$mergeProps","class","_$insert","children","useAppForm","withForm","withFieldGroup","fieldComponents","formComponents"],"sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { createFormHook } from '@tanstack/solid-form';\nimport { cn } from 'tailwind-variants';\n\nimport { AutoSubmit } from './AutoSubmit';\nimport { CheckboxField } from './CheckboxField';\nimport { ComboboxField } from './ComboboxField';\nimport { fieldContext, formContext, useFormContext } from './context';\nimport { DatePickerField } from './DatePickerField';\nimport { NumberInputField } from './NumberInputField';\nimport { PasswordInputField } from './PasswordInputField';\nimport { PinInputField } from './PinInputField';\nimport { RadioGroupField } from './RadioGroupField';\nimport { SelectField } from './SelectField';\nimport { SliderField } from './SliderField';\nimport { SubmitButton } from './SubmitButton';\nimport { SwitchField } from './SwitchField';\nimport { TagsInputField } from './TagsInputField';\nimport { TextareaField } from './TextareaField';\nimport { TextInputField } from './TextInputField';\n\nexport type FormProps = Omit<ComponentProps<'form'>, 'onSubmit'>;\n\nexport const Form: Component<FormProps> = (props) => {\n  const form = useFormContext();\n  const [local, formProps] = splitProps(props, ['children', 'class']);\n\n  return (\n    <form\n      class={cn('space-y-8 relative', local.class)}\n      onSubmit={(submitEvent) => {\n        submitEvent.preventDefault();\n        submitEvent.stopPropagation();\n        form.handleSubmit().catch((error: unknown) => {\n          throw error;\n        });\n      }}\n      {...formProps}\n    >\n      {local.children}\n    </form>\n  );\n};\n\nexport const { useAppForm, withForm, withFieldGroup } = createFormHook({\n  formContext,\n  fieldContext,\n  fieldComponents: {\n    CheckboxField,\n    ComboboxField,\n    DatePickerField,\n    NumberInputField,\n    PasswordInputField,\n    PinInputField,\n    RadioGroupField,\n    SelectField,\n    SliderField,\n    SwitchField,\n    TagsInputField,\n    TextInputField,\n    TextareaField,\n  },\n  formComponents: {\n    AutoSubmit,\n    Form,\n    SubmitButton,\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;qCAwBawB,KAA8BC,MAAU;CACnD,IAAMC,IAAOjB,GAAgB,EACvB,CAACkB,GAAOC,KAAaC,EAAWJ,GAAO,CAAC,YAAY,QAAQ,CAAC;CAEnE,cAAA;EAAA,IAAAK,IAAAC,GAAA;EAYmB,OAZnBD,EAAAE,iBAAA,WAGeC,MAAgB;GAGzBP,AAFAO,EAAYC,gBAAgB,EAC5BD,EAAYE,iBAAiB,EAC7BT,EAAKU,cAAc,CAACC,OAAOC,MAAmB;IAC5C,MAAMA;KACN;IACH,EAAAC,EAAAT,GAAAU,EAAA,EAAA,IAAA,QAAA;GAAA,OAPMrC,EAAG,sBAAsBwB,EAAMc,MAAM;KAAA,EAQxCb,EAAS,EAAA,IAAA,GAAA,EAAAc,EAAAZ,SAEZH,EAAMgB,SAAQ,EAAAb;KAAA;GAKR,EAAEc,eAAYC,aAAUC,sBAAmB5C,EAAe;CACrEM;CACAD;CACAwC,iBAAiB;EACf1C;EACAC;EACAI;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAE;EACAD;EACD;CACD4B,gBAAgB;EACd5C;EACAoB;EACAP;;CAEH,CAAC"}

package/dist/components/form/NumberInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputField.js","names":["Component","ComponentProps","JSX","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","NumberInput","NumberInputControl","NumberInputInput","NumberInputTriggers","useFieldContext","WithTrailingAddon","NUMBER_INPUT_ROOT_PROPS","const","NumberInputFieldProps","Pick","label","description","showTriggers","trailingAddon","toNumberInputValue","value","Number","isFinite","String","NumberInputFieldLocalProps","NumberInputFieldRootProps","RenderNumberInputFieldProps","field","ReturnType","local","rootProps","inputProps","Omit","inputValue","onValueChange","NonNullable","onValueCommit","onBlur","NumberInputFieldState","createNumberInputFieldState","setInputValue","createSignal","state","createEffect","details","valueAsNumber","handleChange","handleBlur","renderNumberInputField","props","Element","_$createComponent","invalid","meta","errors","length","required","disabled","readOnly","children","addon","_$mergeProps","_$Show","when","NumberInputField","others","splitProps"],"sources":["../../../src/components/form/NumberInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  NumberInput,\n  NumberInputControl,\n  NumberInputInput,\n  NumberInputTriggers,\n} from '@/components/NumberInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst NUMBER_INPUT_ROOT_PROPS = [\n  'min',\n  'max',\n  'step',\n  'allowMouseWheel',\n  'allowOverflow',\n  'clampValueOnBlur',\n  'formatOptions',\n  'inputMode',\n  'locale',\n  'pattern',\n  'spinOnPress',\n  'focusInputOnChange',\n  'translations',\n  'form',\n  'name',\n  'onValueInvalid',\n] as const;\n\nexport type NumberInputFieldProps = ComponentProps<typeof NumberInputInput> &\n  Pick<ComponentProps<typeof NumberInput>, (typeof NUMBER_INPUT_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showTriggers?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst toNumberInputValue = (value: number | undefined): string => {\n  if (typeof value !== 'number' || !Number.isFinite(value)) {\n    return '';\n  }\n\n  return String(value);\n};\n\ntype NumberInputFieldLocalProps = Pick<\n  NumberInputFieldProps,\n  'label' | 'description' | 'required' | 'disabled' | 'readOnly' | 'showTriggers' | 'trailingAddon'\n>;\n\ntype NumberInputFieldRootProps = Pick<\n  NumberInputFieldProps,\n  (typeof NUMBER_INPUT_ROOT_PROPS)[number]\n>;\n\ntype RenderNumberInputFieldProps = {\n  field: ReturnType<typeof useFieldContext<number>>;\n  local: NumberInputFieldLocalProps;\n  rootProps: NumberInputFieldRootProps;\n  inputProps: Omit<\n    NumberInputFieldProps,\n    keyof NumberInputFieldLocalProps | keyof NumberInputFieldRootProps\n  >;\n  inputValue: () => string;\n  onValueChange: NonNullable<ComponentProps<typeof NumberInput>['onValueChange']>;\n  onValueCommit: NonNullable<ComponentProps<typeof NumberInput>['onValueCommit']>;\n  onBlur: () => void;\n};\n\ntype NumberInputFieldState = Pick<\n  RenderNumberInputFieldProps,\n  'inputValue' | 'onValueChange' | 'onValueCommit' | 'onBlur'\n>;\n\nconst createNumberInputFieldState = (\n  field: ReturnType<typeof useFieldContext<number>>,\n): NumberInputFieldState => {\n  const [inputValue, setInputValue] = createSignal(toNumberInputValue(field().state.value));\n\n  createEffect(() => {\n    setInputValue(toNumberInputValue(field().state.value));\n  });\n\n  const onValueChange: NonNullable<ComponentProps<typeof NumberInput>['onValueChange']> = (\n    details,\n  ) => {\n    setInputValue(details.value);\n  };\n\n  const onValueCommit: NonNullable<ComponentProps<typeof NumberInput>['onValueCommit']> = (\n    details,\n  ) => {\n    setInputValue(details.value);\n\n    if (!Number.isFinite(details.valueAsNumber)) {\n      return;\n    }\n\n    field().handleChange(details.valueAsNumber);\n  };\n\n  const onBlur = (): void => {\n    setInputValue(toNumberInputValue(field().state.value));\n    field().handleBlur();\n  };\n\n  return {\n    inputValue,\n    onValueChange,\n    onValueCommit,\n    onBlur,\n  };\n};\n\nconst renderNumberInputField = (props: RenderNumberInputFieldProps): JSX.Element => (\n  <Field\n    invalid={props.field().state.meta.errors.length > 0}\n    required={props.local.required ?? false}\n    disabled={props.local.disabled ?? false}\n    readOnly={props.local.readOnly ?? false}\n  >\n    <FieldLabel>{props.local.label}</FieldLabel>\n    <FieldContent>\n      <WithTrailingAddon addon={props.local.trailingAddon}>\n        <NumberInput\n          value={props.inputValue()}\n          onValueChange={props.onValueChange}\n          onValueCommit={props.onValueCommit}\n          onBlur={props.onBlur}\n          invalid={props.field().state.meta.errors.length > 0}\n          disabled={props.local.disabled ?? false}\n          readOnly={props.local.readOnly ?? false}\n          required={props.local.required ?? false}\n          {...props.rootProps}\n        >\n          <NumberInputControl>\n            <NumberInputInput {...props.inputProps} />\n            <Show when={props.local.showTriggers !== false}>\n              <NumberInputTriggers />\n            </Show>\n          </NumberInputControl>\n        </NumberInput>\n      </WithTrailingAddon>\n      <FieldError errors={props.field().state.meta.errors} />\n      <FieldDescription>{props.local.description}</FieldDescription>\n    </FieldContent>\n  </Field>\n);\n\nexport const NumberInputField: Component<NumberInputFieldProps> = (props) => {\n  const field = useFieldContext<number>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'showTriggers',\n    'trailingAddon',\n  ]);\n  const [rootProps, inputProps] = splitProps(others, NUMBER_INPUT_ROOT_PROPS);\n  const state = createNumberInputFieldState(field);\n\n  return renderNumberInputField({\n    field,\n    local,\n    rootProps,\n    inputProps,\n    inputValue: state.inputValue,\n    onValueChange: state.onValueChange,\n    onValueCommit: state.onValueCommit,\n    onBlur: state.onBlur,\n  });\n};\n"],"mappings":"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"}
+{"version":3,"file":"NumberInputField.js","names":["Component","ComponentProps","JSX","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","NumberInput","NumberInputControl","NumberInputInput","NumberInputTriggers","useFieldContext","WithTrailingAddon","NUMBER_INPUT_ROOT_PROPS","const","NumberInputFieldProps","Pick","label","description","showTriggers","trailingAddon","toNumberInputValue","value","Number","isFinite","String","NumberInputFieldLocalProps","NumberInputFieldRootProps","RenderNumberInputFieldProps","field","ReturnType","local","rootProps","inputProps","Omit","inputValue","onValueChange","NonNullable","onValueCommit","onBlur","NumberInputFieldState","createNumberInputFieldState","setInputValue","createSignal","state","createEffect","details","valueAsNumber","handleChange","handleBlur","renderNumberInputField","props","Element","_$createComponent","invalid","meta","errors","length","required","disabled","readOnly","children","addon","_$mergeProps","_$Show","when","NumberInputField","others","splitProps"],"sources":["../../../src/components/form/NumberInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  NumberInput,\n  NumberInputControl,\n  NumberInputInput,\n  NumberInputTriggers,\n} from '@/components/NumberInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst NUMBER_INPUT_ROOT_PROPS = [\n  'min',\n  'max',\n  'step',\n  'allowMouseWheel',\n  'allowOverflow',\n  'clampValueOnBlur',\n  'formatOptions',\n  'inputMode',\n  'locale',\n  'pattern',\n  'spinOnPress',\n  'focusInputOnChange',\n  'translations',\n  'form',\n  'name',\n  'onValueInvalid',\n] as const;\n\nexport type NumberInputFieldProps = ComponentProps<typeof NumberInputInput> &\n  Pick<ComponentProps<typeof NumberInput>, (typeof NUMBER_INPUT_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showTriggers?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst toNumberInputValue = (value: number | undefined): string => {\n  if (typeof value !== 'number' || !Number.isFinite(value)) {\n    return '';\n  }\n\n  return String(value);\n};\n\ntype NumberInputFieldLocalProps = Pick<\n  NumberInputFieldProps,\n  'label' | 'description' | 'required' | 'disabled' | 'readOnly' | 'showTriggers' | 'trailingAddon'\n>;\n\ntype NumberInputFieldRootProps = Pick<\n  NumberInputFieldProps,\n  (typeof NUMBER_INPUT_ROOT_PROPS)[number]\n>;\n\ntype RenderNumberInputFieldProps = {\n  field: ReturnType<typeof useFieldContext<number>>;\n  local: NumberInputFieldLocalProps;\n  rootProps: NumberInputFieldRootProps;\n  inputProps: Omit<\n    NumberInputFieldProps,\n    keyof NumberInputFieldLocalProps | keyof NumberInputFieldRootProps\n  >;\n  inputValue: () => string;\n  onValueChange: NonNullable<ComponentProps<typeof NumberInput>['onValueChange']>;\n  onValueCommit: NonNullable<ComponentProps<typeof NumberInput>['onValueCommit']>;\n  onBlur: () => void;\n};\n\ntype NumberInputFieldState = Pick<\n  RenderNumberInputFieldProps,\n  'inputValue' | 'onValueChange' | 'onValueCommit' | 'onBlur'\n>;\n\nconst createNumberInputFieldState = (\n  field: ReturnType<typeof useFieldContext<number>>,\n): NumberInputFieldState => {\n  const [inputValue, setInputValue] = createSignal(toNumberInputValue(field().state.value));\n\n  createEffect(() => {\n    setInputValue(toNumberInputValue(field().state.value));\n  });\n\n  const onValueChange: NonNullable<ComponentProps<typeof NumberInput>['onValueChange']> = (\n    details,\n  ) => {\n    setInputValue(details.value);\n  };\n\n  const onValueCommit: NonNullable<ComponentProps<typeof NumberInput>['onValueCommit']> = (\n    details,\n  ) => {\n    setInputValue(details.value);\n\n    if (!Number.isFinite(details.valueAsNumber)) {\n      return;\n    }\n\n    field().handleChange(details.valueAsNumber);\n  };\n\n  const onBlur = (): void => {\n    setInputValue(toNumberInputValue(field().state.value));\n    field().handleBlur();\n  };\n\n  return {\n    inputValue,\n    onValueChange,\n    onValueCommit,\n    onBlur,\n  };\n};\n\nconst renderNumberInputField = (props: RenderNumberInputFieldProps): JSX.Element => (\n  <Field\n    invalid={props.field().state.meta.errors.length > 0}\n    required={props.local.required ?? false}\n    disabled={props.local.disabled ?? false}\n    readOnly={props.local.readOnly ?? false}\n  >\n    <FieldLabel>{props.local.label}</FieldLabel>\n    <FieldContent>\n      <WithTrailingAddon addon={props.local.trailingAddon}>\n        <NumberInput\n          value={props.inputValue()}\n          onValueChange={props.onValueChange}\n          onValueCommit={props.onValueCommit}\n          onBlur={props.onBlur}\n          invalid={props.field().state.meta.errors.length > 0}\n          disabled={props.local.disabled ?? false}\n          readOnly={props.local.readOnly ?? false}\n          required={props.local.required ?? false}\n          {...props.rootProps}\n        >\n          <NumberInputControl>\n            <NumberInputInput {...props.inputProps} />\n            <Show when={props.local.showTriggers !== false}>\n              <NumberInputTriggers />\n            </Show>\n          </NumberInputControl>\n        </NumberInput>\n      </WithTrailingAddon>\n      <FieldError errors={props.field().state.meta.errors} />\n      <FieldDescription>{props.local.description}</FieldDescription>\n    </FieldContent>\n  </Field>\n);\n\nexport const NumberInputField: Component<NumberInputFieldProps> = (props) => {\n  const field = useFieldContext<number>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'showTriggers',\n    'trailingAddon',\n  ]);\n  const [rootProps, inputProps] = splitProps(others, NUMBER_INPUT_ROOT_PROPS);\n  const state = createNumberInputFieldState(field);\n\n  return renderNumberInputField({\n    field,\n    local,\n    rootProps,\n    inputProps,\n    inputValue: state.inputValue,\n    onValueChange: state.onValueChange,\n    onValueCommit: state.onValueCommit,\n    onBlur: state.onBlur,\n  });\n};\n"],"mappings":"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"}

package/dist/components/form/PasswordInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","PasswordInput","PasswordInputControl","PasswordInputInput","PasswordInputVisibilityTrigger","PasswordInputIndicator","useFieldContext","WithTrailingAddon","PasswordInputFieldProps","label","description","showVisibilityTrigger","trailingAddon","PASSWORD_INPUT_FIELD_PROPS","const","PasswordInputFieldLocalProps","Pick","PasswordInputFieldControl","field","ReturnType","local","others","Omit","props","_$createComponent","addon","children","invalid","state","meta","errors","length","disabled","readOnly","required","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur","_$Show","when","PasswordInputField","splitProps"],"sources":["../../../src/components/form/PasswordInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  PasswordInput,\n  PasswordInputControl,\n  PasswordInputInput,\n  PasswordInputVisibilityTrigger,\n  PasswordInputIndicator,\n} from '@/components/PasswordInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type PasswordInputFieldProps = ComponentProps<typeof PasswordInputInput> & {\n  label?: string;\n  description?: string;\n  showVisibilityTrigger?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nconst PASSWORD_INPUT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'showVisibilityTrigger',\n  'trailingAddon',\n] as const;\n\ntype PasswordInputFieldLocalProps = Pick<\n  PasswordInputFieldProps,\n  (typeof PASSWORD_INPUT_FIELD_PROPS)[number]\n>;\n\nconst PasswordInputFieldControl: Component<{\n  field: ReturnType<typeof useFieldContext<string>>;\n  local: PasswordInputFieldLocalProps;\n  others: Omit<PasswordInputFieldProps, keyof PasswordInputFieldLocalProps>;\n}> = (props) => (\n  <WithTrailingAddon addon={props.local.trailingAddon}>\n    <PasswordInput\n      invalid={props.field().state.meta.errors.length > 0}\n      disabled={props.local.disabled ?? false}\n      readOnly={props.local.readOnly ?? false}\n      required={props.local.required ?? false}\n    >\n      <PasswordInputControl>\n        <PasswordInputInput\n          value={props.field().state.value}\n          onInput={(event) => {\n            props.field().handleChange(event.target.value);\n          }}\n          onBlur={() => {\n            props.field().handleBlur();\n          }}\n          {...props.others}\n        />\n        <Show when={props.local.showVisibilityTrigger !== false}>\n          <PasswordInputVisibilityTrigger>\n            <PasswordInputIndicator />\n          </PasswordInputVisibilityTrigger>\n        </Show>\n      </PasswordInputControl>\n    </PasswordInput>\n  </WithTrailingAddon>\n);\n\nexport const PasswordInputField: Component<PasswordInputFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, PASSWORD_INPUT_FIELD_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <PasswordInputFieldControl field={field} local={local} others={others} />\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAqBA,IAAMoB,IAA6B;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAOKI,KAIAM,MAAKC,EACRjB,GAAiB;CAAA,IAACkB,QAAK;AAAA,SAAEF,EAAMH,MAAMR;;CAAa,IAAAc,WAAA;AAAA,SAAAF,EAChDvB,GAAa;GAAA,IACZ0B,UAAO;AAAA,WAAEJ,EAAML,OAAO,CAACU,MAAMC,KAAKC,OAAOC,SAAS;;GAAC,IACnDC,WAAQ;AAAA,WAAET,EAAMH,MAAMY,YAAY;;GAAK,IACvCC,WAAQ;AAAA,WAAEV,EAAMH,MAAMa,YAAY;;GAAK,IACvCC,WAAQ;AAAA,WAAEX,EAAMH,MAAMc,YAAY;;GAAK,IAAAR,WAAA;AAAA,WAAAF,EAEtCtB,GAAoB,EAAA,IAAAwB,WAAA;AAAA,YAAA,CAAAF,EAClBrB,GAAkBgC,EAAA;MAAA,IACjBC,QAAK;AAAA,cAAEb,EAAML,OAAO,CAACU,MAAMQ;;MAC3BC,UAAUC,MAAU;AAClBf,SAAML,OAAO,CAACqB,aAAaD,EAAME,OAAOJ,MAAM;;MAEhDK,cAAc;AACZlB,SAAML,OAAO,CAACwB,YAAY;;MAC3B,QACGnB,EAAMF,OAAM,CAAA,EAAAG,EAEjBmB,GAAI;MAAA,IAACC,OAAI;AAAA,cAAErB,EAAMH,MAAMT,0BAA0B;;MAAK,IAAAe,WAAA;AAAA,cAAAF,EACpDpB,GAA8B,EAAA,IAAAsB,WAAA;AAAA,eAAAF,EAC5BnB,GAAsB,EAAA,CAAA;UAAA,CAAA;;MAAA,CAAA,CAAA;OAAA,CAAA;;GAAA,CAAA;;CAAA,CAMlC,EAEYwC,KAA0DtB,MAAU;CAC/E,IAAML,IAAQZ,GAAyB,EACjC,CAACc,GAAOC,KAAUyB,EAAWvB,GAAOV,EAA2B;AAErE,QAAAW,EACG5B,GAAK;EAAA,IACJ+B,UAAO;AAAA,UAAET,GAAO,CAACU,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CG,WAAQ;AAAA,UAAEd,EAAMc,YAAY;;EAAK,IACjCF,WAAQ;AAAA,UAAEZ,EAAMY,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEb,EAAMa,YAAY;;EAAK,IAAAP,WAAA;AAAA,UAAA,CAAAF,EAEhC3B,GAAU,EAAA,IAAA6B,WAAA;AAAA,WAAEN,EAAMX;MAAK,CAAA,EAAAe,EACvB1B,GAAY,EAAA,IAAA4B,WAAA;AAAA,WAAA;KAAAF,EACVP,GAAyB;MAAQC;MAAcE;MAAeC;MAAM,CAAA;KAAAG,EACpEzB,GAAU,EAAA,IAAC+B,SAAM;AAAA,aAAEZ,GAAO,CAACU,MAAMC,KAAKC;QAAM,CAAA;KAAAN,EAC5CxB,GAAgB,EAAA,IAAA0B,WAAA;AAAA,aAAEN,EAAMV;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"PasswordInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","PasswordInput","PasswordInputControl","PasswordInputInput","PasswordInputVisibilityTrigger","PasswordInputIndicator","useFieldContext","WithTrailingAddon","PasswordInputFieldProps","label","description","showVisibilityTrigger","trailingAddon","PASSWORD_INPUT_FIELD_PROPS","const","PasswordInputFieldLocalProps","Pick","PasswordInputFieldControl","field","ReturnType","local","others","Omit","props","_$createComponent","addon","children","invalid","state","meta","errors","length","disabled","readOnly","required","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur","_$Show","when","PasswordInputField","splitProps"],"sources":["../../../src/components/form/PasswordInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  PasswordInput,\n  PasswordInputControl,\n  PasswordInputInput,\n  PasswordInputVisibilityTrigger,\n  PasswordInputIndicator,\n} from '@/components/PasswordInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type PasswordInputFieldProps = ComponentProps<typeof PasswordInputInput> & {\n  label?: string;\n  description?: string;\n  showVisibilityTrigger?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nconst PASSWORD_INPUT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'showVisibilityTrigger',\n  'trailingAddon',\n] as const;\n\ntype PasswordInputFieldLocalProps = Pick<\n  PasswordInputFieldProps,\n  (typeof PASSWORD_INPUT_FIELD_PROPS)[number]\n>;\n\nconst PasswordInputFieldControl: Component<{\n  field: ReturnType<typeof useFieldContext<string>>;\n  local: PasswordInputFieldLocalProps;\n  others: Omit<PasswordInputFieldProps, keyof PasswordInputFieldLocalProps>;\n}> = (props) => (\n  <WithTrailingAddon addon={props.local.trailingAddon}>\n    <PasswordInput\n      invalid={props.field().state.meta.errors.length > 0}\n      disabled={props.local.disabled ?? false}\n      readOnly={props.local.readOnly ?? false}\n      required={props.local.required ?? false}\n    >\n      <PasswordInputControl>\n        <PasswordInputInput\n          value={props.field().state.value}\n          onInput={(event) => {\n            props.field().handleChange(event.target.value);\n          }}\n          onBlur={() => {\n            props.field().handleBlur();\n          }}\n          {...props.others}\n        />\n        <Show when={props.local.showVisibilityTrigger !== false}>\n          <PasswordInputVisibilityTrigger>\n            <PasswordInputIndicator />\n          </PasswordInputVisibilityTrigger>\n        </Show>\n      </PasswordInputControl>\n    </PasswordInput>\n  </WithTrailingAddon>\n);\n\nexport const PasswordInputField: Component<PasswordInputFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, PASSWORD_INPUT_FIELD_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <PasswordInputFieldControl field={field} local={local} others={others} />\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAqBA,IAAMoB,IAA6B;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAOKI,KAIAM,MAAKC,EACRjB,GAAiB;CAAA,IAACkB,QAAK;EAAA,OAAEF,EAAMH,MAAMR;;CAAa,IAAAc,WAAA;EAAA,OAAAF,EAChDvB,GAAa;GAAA,IACZ0B,UAAO;IAAA,OAAEJ,EAAML,OAAO,CAACU,MAAMC,KAAKC,OAAOC,SAAS;;GAAC,IACnDC,WAAQ;IAAA,OAAET,EAAMH,MAAMY,YAAY;;GAAK,IACvCC,WAAQ;IAAA,OAAEV,EAAMH,MAAMa,YAAY;;GAAK,IACvCC,WAAQ;IAAA,OAAEX,EAAMH,MAAMc,YAAY;;GAAK,IAAAR,WAAA;IAAA,OAAAF,EAEtCtB,GAAoB,EAAA,IAAAwB,WAAA;KAAA,OAAA,CAAAF,EAClBrB,GAAkBgC,EAAA;MAAA,IACjBC,QAAK;OAAA,OAAEb,EAAML,OAAO,CAACU,MAAMQ;;MAC3BC,UAAUC,MAAU;OAClBf,EAAML,OAAO,CAACqB,aAAaD,EAAME,OAAOJ,MAAM;;MAEhDK,cAAc;OACZlB,EAAML,OAAO,CAACwB,YAAY;;MAC3B,QACGnB,EAAMF,OAAM,CAAA,EAAAG,EAEjBmB,GAAI;MAAA,IAACC,OAAI;OAAA,OAAErB,EAAMH,MAAMT,0BAA0B;;MAAK,IAAAe,WAAA;OAAA,OAAAF,EACpDpB,GAA8B,EAAA,IAAAsB,WAAA;QAAA,OAAAF,EAC5BnB,GAAsB,EAAA,CAAA;UAAA,CAAA;;MAAA,CAAA,CAAA;OAAA,CAAA;;GAAA,CAAA;;CAAA,CAMlC,EAEYwC,KAA0DtB,MAAU;CAC/E,IAAML,IAAQZ,GAAyB,EACjC,CAACc,GAAOC,KAAUyB,EAAWvB,GAAOV,EAA2B;CAErE,OAAAW,EACG5B,GAAK;EAAA,IACJ+B,UAAO;GAAA,OAAET,GAAO,CAACU,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CG,WAAQ;GAAA,OAAEd,EAAMc,YAAY;;EAAK,IACjCF,WAAQ;GAAA,OAAEZ,EAAMY,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEb,EAAMa,YAAY;;EAAK,IAAAP,WAAA;GAAA,OAAA,CAAAF,EAEhC3B,GAAU,EAAA,IAAA6B,WAAA;IAAA,OAAEN,EAAMX;MAAK,CAAA,EAAAe,EACvB1B,GAAY,EAAA,IAAA4B,WAAA;IAAA,OAAA;KAAAF,EACVP,GAAyB;MAAQC;MAAcE;MAAeC;MAAM,CAAA;KAAAG,EACpEzB,GAAU,EAAA,IAAC+B,SAAM;MAAA,OAAEZ,GAAO,CAACU,MAAMC,KAAKC;QAAM,CAAA;KAAAN,EAC5CxB,GAAgB,EAAA,IAAA0B,WAAA;MAAA,OAAEN,EAAMV;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/PinInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","PinInput","PinInputControl","PinInputInput","PinInputGroup","PinInputHiddenInput","useFieldContext","WithTrailingAddon","PinInputFieldProps","label","description","count","trailingAddon","DEFAULT_PIN_COUNT","PIN_INPUT_FIELD_PROPS","const","PinInputDigits","props","_$createComponent","children","_$Index","each","Array","from","length","_","index","PinInputField","field","local","others","splitProps","pinCount","invalid","state","meta","errors","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/PinInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  PinInput,\n  PinInputControl,\n  PinInputInput,\n  PinInputGroup,\n  PinInputHiddenInput,\n} from '@/components/PinInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type PinInputFieldProps = ComponentProps<typeof PinInput> & {\n  label?: string;\n  description?: string;\n  count?: number;\n  trailingAddon?: JSXElement;\n};\n\nconst DEFAULT_PIN_COUNT = 6;\nconst PIN_INPUT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'count',\n  'trailingAddon',\n] as const;\n\nconst PinInputDigits: Component<{ count: number }> = (props) => (\n  <PinInputControl>\n    <PinInputGroup>\n      <Index each={Array.from({ length: props.count })}>\n        {(_, index) => <PinInputInput index={index} />}\n      </Index>\n    </PinInputGroup>\n  </PinInputControl>\n);\n\nexport const PinInputField: Component<PinInputFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, PIN_INPUT_FIELD_PROPS);\n  const pinCount = local.count ?? DEFAULT_PIN_COUNT;\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <PinInput\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            required={local.required ?? false}\n            count={pinCount}\n            {...others}\n          >\n            <PinInputDigits count={pinCount} />\n            <PinInputHiddenInput />\n          </PinInput>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAqBA,IAAMoB,IAAoB,GACpBC,IAAwB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEKE,KAAgDC,MAAKC,EACxDhB,GAAe,EAAA,IAAAiB,WAAA;AAAA,QAAAD,EACbd,GAAa,EAAA,IAAAe,WAAA;AAAA,SAAAD,EACXE,GAAK;GAAA,IAACC,OAAI;AAAA,WAAEC,MAAMC,KAAK,EAAEC,QAAQP,EAAMN,OAAO,CAAC;;GAAAQ,WAC5CM,GAAGC,MAAKR,EAAMf,GAAa,EAAQuB,UAAK,CAAA;GAAI,CAAA;IAAA,CAAA;GAAA,CAIrD,EAEYC,KAAgDV,MAAU;CACrE,IAAMW,IAAQtB,GAA2B,EACnC,CAACuB,GAAOC,KAAUC,EAAWd,GAAOH,EAAsB,EAC1DkB,IAAWH,EAAMlB,SAASE;AAEhC,QAAAK,EACGtB,GAAK;EAAA,IACJqC,UAAO;AAAA,UAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOZ,SAAS;;EAAC,IAC7Ca,WAAQ;AAAA,UAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEV,EAAMU,YAAY;;EAAK,IAAApB,WAAA;AAAA,UAAA,CAAAD,EAEhCrB,GAAU,EAAA,IAAAsB,WAAA;AAAA,WAAEU,EAAMpB;MAAK,CAAA,EAAAS,EACvBpB,GAAY,EAAA,IAAAqB,WAAA;AAAA,WAAA;KAAAD,EACVX,GAAiB;MAAA,IAACiC,QAAK;AAAA,cAAEX,EAAMjB;;MAAa,IAAAO,WAAA;AAAA,cAAAD,EAC1CjB,GAAQwC,EAAA;QAAA,IACPC,QAAK;AAAA,gBAAEd,GAAO,CAACM,MAAMQ;;QACrBC,gBAAgBC,MAAY;AAC1BhB,YAAO,CAACiB,aAAaD,EAAQF,MAAM;;QAErCI,cAAc;AACZlB,YAAO,CAACmB,YAAY;;QACrB,IACDd,UAAO;AAAA,gBAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOZ,SAAS;;QAAC,IAC7Ca,WAAQ;AAAA,gBAAER,EAAMQ,YAAY;;QAAK,IACjCC,WAAQ;AAAA,gBAAET,EAAMS,YAAY;;QAAK,IACjCC,WAAQ;AAAA,gBAAEV,EAAMU,YAAY;;QAC5B5B,OAAOqB;QAAQ,EACXF,GAAM,EAAA,IAAAX,WAAA;AAAA,eAAA,CAAAD,EAETF,GAAc,EAACL,OAAOqB,GAAQ,CAAA,EAAAd,EAC9Bb,GAAmB,EAAA,CAAA,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAa,EAGvBnB,GAAU,EAAA,IAACqC,SAAM;AAAA,aAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAlB,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;AAAA,aAAEU,EAAMnB;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"PinInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","PinInput","PinInputControl","PinInputInput","PinInputGroup","PinInputHiddenInput","useFieldContext","WithTrailingAddon","PinInputFieldProps","label","description","count","trailingAddon","DEFAULT_PIN_COUNT","PIN_INPUT_FIELD_PROPS","const","PinInputDigits","props","_$createComponent","children","_$Index","each","Array","from","length","_","index","PinInputField","field","local","others","splitProps","pinCount","invalid","state","meta","errors","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/PinInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  PinInput,\n  PinInputControl,\n  PinInputInput,\n  PinInputGroup,\n  PinInputHiddenInput,\n} from '@/components/PinInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type PinInputFieldProps = ComponentProps<typeof PinInput> & {\n  label?: string;\n  description?: string;\n  count?: number;\n  trailingAddon?: JSXElement;\n};\n\nconst DEFAULT_PIN_COUNT = 6;\nconst PIN_INPUT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'count',\n  'trailingAddon',\n] as const;\n\nconst PinInputDigits: Component<{ count: number }> = (props) => (\n  <PinInputControl>\n    <PinInputGroup>\n      <Index each={Array.from({ length: props.count })}>\n        {(_, index) => <PinInputInput index={index} />}\n      </Index>\n    </PinInputGroup>\n  </PinInputControl>\n);\n\nexport const PinInputField: Component<PinInputFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, PIN_INPUT_FIELD_PROPS);\n  const pinCount = local.count ?? DEFAULT_PIN_COUNT;\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <PinInput\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            required={local.required ?? false}\n            count={pinCount}\n            {...others}\n          >\n            <PinInputDigits count={pinCount} />\n            <PinInputHiddenInput />\n          </PinInput>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAqBA,IAAMoB,IAAoB,GACpBC,IAAwB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEKE,KAAgDC,MAAKC,EACxDhB,GAAe,EAAA,IAAAiB,WAAA;CAAA,OAAAD,EACbd,GAAa,EAAA,IAAAe,WAAA;EAAA,OAAAD,EACXE,GAAK;GAAA,IAACC,OAAI;IAAA,OAAEC,MAAMC,KAAK,EAAEC,QAAQP,EAAMN,OAAO,CAAC;;GAAAQ,WAC5CM,GAAGC,MAAKR,EAAMf,GAAa,EAAQuB,UAAK,CAAA;GAAI,CAAA;IAAA,CAAA;GAAA,CAIrD,EAEYC,KAAgDV,MAAU;CACrE,IAAMW,IAAQtB,GAA2B,EACnC,CAACuB,GAAOC,KAAUC,EAAWd,GAAOH,EAAsB,EAC1DkB,IAAWH,EAAMlB,SAASE;CAEhC,OAAAK,EACGtB,GAAK;EAAA,IACJqC,UAAO;GAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOZ,SAAS;;EAAC,IAC7Ca,WAAQ;GAAA,OAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IAAApB,WAAA;GAAA,OAAA,CAAAD,EAEhCrB,GAAU,EAAA,IAAAsB,WAAA;IAAA,OAAEU,EAAMpB;MAAK,CAAA,EAAAS,EACvBpB,GAAY,EAAA,IAAAqB,WAAA;IAAA,OAAA;KAAAD,EACVX,GAAiB;MAAA,IAACiC,QAAK;OAAA,OAAEX,EAAMjB;;MAAa,IAAAO,WAAA;OAAA,OAAAD,EAC1CjB,GAAQwC,EAAA;QAAA,IACPC,QAAK;SAAA,OAAEd,GAAO,CAACM,MAAMQ;;QACrBC,gBAAgBC,MAAY;SAC1BhB,GAAO,CAACiB,aAAaD,EAAQF,MAAM;;QAErCI,cAAc;SACZlB,GAAO,CAACmB,YAAY;;QACrB,IACDd,UAAO;SAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOZ,SAAS;;QAAC,IAC7Ca,WAAQ;SAAA,OAAER,EAAMQ,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAET,EAAMS,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAEV,EAAMU,YAAY;;QAC5B5B,OAAOqB;QAAQ,EACXF,GAAM,EAAA,IAAAX,WAAA;QAAA,OAAA,CAAAD,EAETF,GAAc,EAACL,OAAOqB,GAAQ,CAAA,EAAAd,EAC9Bb,GAAmB,EAAA,CAAA,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAa,EAGvBnB,GAAU,EAAA,IAACqC,SAAM;MAAA,OAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAlB,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;MAAA,OAAEU,EAAMnB;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/RadioGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldError","FieldDescription","RadioGroup","RadioGroupLabel","useFieldContext","WithTrailingAddon","RadioGroupFieldProps","label","description","trailingAddon","RadioGroupField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","_$memo"],"sources":["../../../src/components/form/RadioGroupField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { RadioGroup, RadioGroupLabel } from '@/components/RadioGroup';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type RadioGroupFieldProps = ComponentProps<typeof RadioGroup> & {\n  label?: string;\n  description?: string;\n  trailingAddon?: JSXElement;\n};\n\nexport const RadioGroupField: Component<RadioGroupFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'children',\n    'trailingAddon',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <RadioGroup\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value ?? '');\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            required={local.required ?? false}\n            {...others}\n          >\n            <RadioGroupLabel>{local.label}</RadioGroupLabel>\n            {local.children}\n          </RadioGroup>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAae,KAAoDC,MAAU;CACzE,IAAMC,IAAQR,GAAyB,EACjC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAK,EACGlB,GAAK;EAAA,IACJmB,UAAO;AAAA,UAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;AAAA,UAAAT,EAEhCjB,GAAY,EAAA,IAAA0B,WAAA;AAAA,WAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;AAAA,cAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;AAAA,cAAAT,EAC1Cd,GAAUyB,EAAA;QAAA,IACTC,QAAK;AAAA,gBAAEhB,GAAO,CAACM,MAAMU;;QACrBC,gBAAgBC,MAAY;AAC1BlB,YAAO,CAACmB,aAAaD,EAAQF,SAAS,GAAG;;QAE3CI,cAAc;AACZpB,YAAO,CAACqB,YAAY;;QACrB,IACDhB,UAAO;AAAA,gBAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CE,WAAQ;AAAA,gBAAEV,EAAMU,YAAY;;QAAK,IACjCC,WAAQ;AAAA,gBAAEX,EAAMW,YAAY;;QAAK,IACjCF,WAAQ;AAAA,gBAAET,EAAMS,YAAY;;QAAK,EAC7BR,GAAM,EAAA,IAAAW,WAAA;AAAA,eAAA,CAAAT,EAETb,GAAe,EAAA,IAAAsB,WAAA;AAAA,gBAAEZ,EAAMN;WAAK,CAAA,EAAA2B,QAC5BrB,EAAMY,SAAQ,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAT,EAGlBhB,GAAU,EAAA,IAACoB,SAAM;AAAA,aAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;AAAA,aAAEZ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"RadioGroupField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldError","FieldDescription","RadioGroup","RadioGroupLabel","useFieldContext","WithTrailingAddon","RadioGroupFieldProps","label","description","trailingAddon","RadioGroupField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","_$memo"],"sources":["../../../src/components/form/RadioGroupField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { RadioGroup, RadioGroupLabel } from '@/components/RadioGroup';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type RadioGroupFieldProps = ComponentProps<typeof RadioGroup> & {\n  label?: string;\n  description?: string;\n  trailingAddon?: JSXElement;\n};\n\nexport const RadioGroupField: Component<RadioGroupFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'children',\n    'trailingAddon',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <RadioGroup\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value ?? '');\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            required={local.required ?? false}\n            {...others}\n          >\n            <RadioGroupLabel>{local.label}</RadioGroupLabel>\n            {local.children}\n          </RadioGroup>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAae,KAAoDC,MAAU;CACzE,IAAMC,IAAQR,GAAyB,EACjC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,OAAAK,EACGlB,GAAK;EAAA,IACJmB,UAAO;GAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;GAAA,OAAAT,EAEhCjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAUyB,EAAA;QAAA,IACTC,QAAK;SAAA,OAAEhB,GAAO,CAACM,MAAMU;;QACrBC,gBAAgBC,MAAY;SAC1BlB,GAAO,CAACmB,aAAaD,EAAQF,SAAS,GAAG;;QAE3CI,cAAc;SACZpB,GAAO,CAACqB,YAAY;;QACrB,IACDhB,UAAO;SAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CE,WAAQ;SAAA,OAAEV,EAAMU,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAEX,EAAMW,YAAY;;QAAK,IACjCF,WAAQ;SAAA,OAAET,EAAMS,YAAY;;QAAK,EAC7BR,GAAM,EAAA,IAAAW,WAAA;QAAA,OAAA,CAAAT,EAETb,GAAe,EAAA,IAAAsB,WAAA;SAAA,OAAEZ,EAAMN;WAAK,CAAA,EAAA2B,QAC5BrB,EAAMY,SAAQ,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAT,EAGlBhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","names":["Component","ComponentProps","JSX","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","Select","SelectContent","SelectControl","SelectIndicator","SelectPositioner","SelectTrigger","SelectValue","useFieldContext","WithTrailingAddon","SelectInput","placeholder","showSelectIndicator","children","Element","props","_$createComponent","_$Show","when","SelectFieldProps","label","description","trailingAddon","SELECT_FIELD_PROPS","const","SelectField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/SelectField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n  Select,\n  SelectContent,\n  SelectControl,\n  SelectIndicator,\n  SelectPositioner,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/Select';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SelectInput: Component<{\n  placeholder: string;\n  showSelectIndicator: boolean | undefined;\n  children: JSX.Element;\n}> = (props) => (\n  <>\n    <SelectControl>\n      <SelectTrigger>\n        <SelectValue placeholder={props.placeholder} />\n        <Show when={props.showSelectIndicator !== false}>\n          <SelectIndicator />\n        </Show>\n      </SelectTrigger>\n    </SelectControl>\n    <SelectPositioner>\n      <SelectContent>{props.children}</SelectContent>\n    </SelectPositioner>\n  </>\n);\n\nexport type SelectFieldProps = ComponentProps<typeof Select> & {\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  showSelectIndicator?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nconst SELECT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'placeholder',\n  'showSelectIndicator',\n  'children',\n  'trailingAddon',\n] as const;\n\nexport const SelectField: Component<SelectFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, SELECT_FIELD_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <Select\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...others}\n          >\n            <SelectInput\n              placeholder={local.placeholder ?? ''}\n              showSelectIndicator={local.showSelectIndicator}\n            >\n              {local.children}\n            </SelectInput>\n          </Select>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAgBA,IAAMkB,KAIAK,MAAK,CAAAC,EAENb,GAAa,EAAA,IAAAU,WAAA;AAAA,QAAAG,EACXV,GAAa,EAAA,IAAAO,WAAA;AAAA,SAAA,CAAAG,EACXT,GAAW,EAAA,IAACI,cAAW;AAAA,UAAEI,EAAMJ;KAAW,CAAA,EAAAK,EAC1CC,GAAI;GAAA,IAACC,OAAI;AAAA,WAAEH,EAAMH,wBAAwB;;GAAK,IAAAC,WAAA;AAAA,WAAAG,EAC5CZ,GAAe,EAAA,CAAA;;GAAA,CAAA,CAAA;IAAA,CAAA;GAAA,CAAA,EAAAY,EAIrBX,GAAgB,EAAA,IAAAQ,WAAA;AAAA,QAAAG,EACdd,GAAa,EAAA,IAAAW,WAAA;AAAA,SAAEE,EAAMF;IAAQ,CAAA;GAAA,CAAA,CAGnC,EAUKU,IAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEYE,KAA4CV,MAAU;CACjE,IAAMW,IAAQlB,GAA2B,EACnC,CAACmB,GAAOC,KAAUC,EAAWd,GAAOQ,EAAmB;AAE7D,QAAAP,EACGpB,GAAK;EAAA,IACJkC,UAAO;AAAA,UAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEV,EAAMU,YAAY;;EAAK,IAAAxB,WAAA;AAAA,UAAA,CAAAG,EAEhChB,GAAU,EAAA,IAAAa,WAAA;AAAA,WAAEc,EAAMP;MAAK,CAAA,EAAAJ,EACvBnB,GAAY,EAAA,IAAAgB,WAAA;AAAA,WAAA;KAAAG,EACVP,GAAiB;MAAA,IAAC6B,QAAK;AAAA,cAAEX,EAAML;;MAAa,IAAAT,WAAA;AAAA,cAAAG,EAC1Cf,GAAMsC,EAAA;QAAA,IACLC,QAAK;AAAA,gBAAEd,GAAO,CAACK,MAAMS;;QACrBC,gBAAgBC,MAAY;AAC1BhB,YAAO,CAACiB,aAAaD,EAAQF,MAAM;;QAErCI,cAAc;AACZlB,YAAO,CAACmB,YAAY;;QACrB,IACDf,UAAO;AAAA,gBAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CC,WAAQ;AAAA,gBAAER,EAAMQ,YAAY;;QAAK,IACjCC,WAAQ;AAAA,gBAAET,EAAMS,YAAY;;QAAK,EAC7BR,GAAM,EAAA,IAAAf,WAAA;AAAA,eAAAG,EAETN,GAAW;SAAA,IACVC,cAAW;AAAA,iBAAEgB,EAAMhB,eAAe;;SAAE,IACpCC,sBAAmB;AAAA,iBAAEe,EAAMf;;SAAmB,IAAAC,WAAA;AAAA,iBAE7Cc,EAAMd;;SAAQ,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAG,EAIpBjB,GAAU,EAAA,IAACkC,SAAM;AAAA,aAAEP,GAAO,CAACK,MAAMC,KAAKC;QAAM,CAAA;KAAAjB,EAC5ClB,GAAgB,EAAA,IAAAe,WAAA;AAAA,aAAEc,EAAMN;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"SelectField.js","names":["Component","ComponentProps","JSX","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","Select","SelectContent","SelectControl","SelectIndicator","SelectPositioner","SelectTrigger","SelectValue","useFieldContext","WithTrailingAddon","SelectInput","placeholder","showSelectIndicator","children","Element","props","_$createComponent","_$Show","when","SelectFieldProps","label","description","trailingAddon","SELECT_FIELD_PROPS","const","SelectField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/SelectField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n  Select,\n  SelectContent,\n  SelectControl,\n  SelectIndicator,\n  SelectPositioner,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/Select';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SelectInput: Component<{\n  placeholder: string;\n  showSelectIndicator: boolean | undefined;\n  children: JSX.Element;\n}> = (props) => (\n  <>\n    <SelectControl>\n      <SelectTrigger>\n        <SelectValue placeholder={props.placeholder} />\n        <Show when={props.showSelectIndicator !== false}>\n          <SelectIndicator />\n        </Show>\n      </SelectTrigger>\n    </SelectControl>\n    <SelectPositioner>\n      <SelectContent>{props.children}</SelectContent>\n    </SelectPositioner>\n  </>\n);\n\nexport type SelectFieldProps = ComponentProps<typeof Select> & {\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  showSelectIndicator?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nconst SELECT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'placeholder',\n  'showSelectIndicator',\n  'children',\n  'trailingAddon',\n] as const;\n\nexport const SelectField: Component<SelectFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, SELECT_FIELD_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <Select\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...others}\n          >\n            <SelectInput\n              placeholder={local.placeholder ?? ''}\n              showSelectIndicator={local.showSelectIndicator}\n            >\n              {local.children}\n            </SelectInput>\n          </Select>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAgBA,IAAMkB,KAIAK,MAAK,CAAAC,EAENb,GAAa,EAAA,IAAAU,WAAA;CAAA,OAAAG,EACXV,GAAa,EAAA,IAAAO,WAAA;EAAA,OAAA,CAAAG,EACXT,GAAW,EAAA,IAACI,cAAW;GAAA,OAAEI,EAAMJ;KAAW,CAAA,EAAAK,EAC1CC,GAAI;GAAA,IAACC,OAAI;IAAA,OAAEH,EAAMH,wBAAwB;;GAAK,IAAAC,WAAA;IAAA,OAAAG,EAC5CZ,GAAe,EAAA,CAAA;;GAAA,CAAA,CAAA;IAAA,CAAA;GAAA,CAAA,EAAAY,EAIrBX,GAAgB,EAAA,IAAAQ,WAAA;CAAA,OAAAG,EACdd,GAAa,EAAA,IAAAW,WAAA;EAAA,OAAEE,EAAMF;IAAQ,CAAA;GAAA,CAAA,CAGnC,EAUKU,IAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEYE,KAA4CV,MAAU;CACjE,IAAMW,IAAQlB,GAA2B,EACnC,CAACmB,GAAOC,KAAUC,EAAWd,GAAOQ,EAAmB;CAE7D,OAAAP,EACGpB,GAAK;EAAA,IACJkC,UAAO;GAAA,OAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IAAAxB,WAAA;GAAA,OAAA,CAAAG,EAEhChB,GAAU,EAAA,IAAAa,WAAA;IAAA,OAAEc,EAAMP;MAAK,CAAA,EAAAJ,EACvBnB,GAAY,EAAA,IAAAgB,WAAA;IAAA,OAAA;KAAAG,EACVP,GAAiB;MAAA,IAAC6B,QAAK;OAAA,OAAEX,EAAML;;MAAa,IAAAT,WAAA;OAAA,OAAAG,EAC1Cf,GAAMsC,EAAA;QAAA,IACLC,QAAK;SAAA,OAAEd,GAAO,CAACK,MAAMS;;QACrBC,gBAAgBC,MAAY;SAC1BhB,GAAO,CAACiB,aAAaD,EAAQF,MAAM;;QAErCI,cAAc;SACZlB,GAAO,CAACmB,YAAY;;QACrB,IACDf,UAAO;SAAA,OAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CC,WAAQ;SAAA,OAAER,EAAMQ,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAET,EAAMS,YAAY;;QAAK,EAC7BR,GAAM,EAAA,IAAAf,WAAA;QAAA,OAAAG,EAETN,GAAW;SAAA,IACVC,cAAW;UAAA,OAAEgB,EAAMhB,eAAe;;SAAE,IACpCC,sBAAmB;UAAA,OAAEe,EAAMf;;SAAmB,IAAAC,WAAA;UAAA,OAE7Cc,EAAMd;;SAAQ,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAG,EAIpBjB,GAAU,EAAA,IAACkC,SAAM;MAAA,OAAEP,GAAO,CAACK,MAAMC,KAAKC;QAAM,CAAA;KAAAjB,EAC5ClB,GAAgB,EAAA,IAAAe,WAAA;MAAA,OAAEc,EAAMN;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/SliderField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderField.js","names":["Component","ComponentProps","JSXElement","Field","FieldDescription","FieldError","Slider","SliderControl","SliderLabel","SliderMarker","SliderMarkerGroup","SliderRange","SliderThumb","SliderTrack","SliderValueText","useFieldContext","WithTrailingAddon","SliderInput","value","label","marks","props","_el$","_tmpl$","_$insert","_$createComponent","children","_$For","each","map","_","index","_$memo","mark","SliderFieldProps","description","required","trailingAddon","SliderField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","addon","_$mergeProps","onValueChange","details","handleChange","onFocusChange","handleBlur","Array","isArray"],"sources":["../../../src/components/form/SliderField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldDescription, FieldError } from '@/components/Field';\nimport {\n  Slider,\n  SliderControl,\n  SliderLabel,\n  SliderMarker,\n  SliderMarkerGroup,\n  SliderRange,\n  SliderThumb,\n  SliderTrack,\n  SliderValueText,\n} from '@/components/Slider';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SliderInput: Component<{\n  value: number[];\n  label?: string;\n  marks?: { value: number; label?: string }[] | undefined;\n}> = (props) => (\n  <>\n    <div class='flex items-center justify-between'>\n      <SliderLabel>{props.label}</SliderLabel>\n      <SliderValueText />\n    </div>\n    <SliderControl>\n      <SliderTrack>\n        <SliderRange />\n      </SliderTrack>\n      <For each={props.value.map((_, index) => index)}>\n        {(index) => <SliderThumb index={index} />}\n      </For>\n    </SliderControl>\n    {props.marks && (\n      <SliderMarkerGroup>\n        <For each={props.marks}>\n          {(mark) => <SliderMarker value={mark.value}>{mark.label}</SliderMarker>}\n        </For>\n      </SliderMarkerGroup>\n    )}\n  </>\n);\n\nexport type SliderFieldProps = ComponentProps<typeof Slider> & {\n  label?: string;\n  description?: string;\n  marks?: { value: number; label?: string }[];\n  required?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nexport const SliderField: Component<SliderFieldProps> = (props) => {\n  const field = useFieldContext<number[]>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'marks',\n    'trailingAddon',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <WithTrailingAddon addon={local.trailingAddon}>\n        <Slider\n          value={field().state.value}\n          onValueChange={(details) => {\n            field().handleChange(details.value);\n          }}\n          onFocusChange={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          {...others}\n        >\n          <SliderInput\n            value={field().state.value}\n            {...(typeof local.label === 'string' && { label: local.label })}\n            {...(Array.isArray(local.marks) && { marks: local.marks })}\n          />\n        </Slider>\n      </WithTrailingAddon>\n      <FieldError errors={field().state.meta.errors} />\n      <FieldDescription>{local.description}</FieldDescription>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;gFAkBMiB,KAIAI,MAAK;QAAA;EAAA,IAAAC,IAAAC,GAAA;AAIW,SAJXC,EAAAF,GAAAG,EAGJjB,GAAW,EAAA,IAAAkB,WAAA;AAAA,UAAEL,EAAMF;KAAK,CAAA,EAAA,KAAA,EAAAK,EAAAF,GAAAG,EACxBX,GAAe,EAAA,CAAA,EAAA,KAAA,EAAAQ;KAAA;CAAAG,EAEjBlB,GAAa,EAAA,IAAAmB,WAAA;AAAA,SAAA,CAAAD,EACXZ,GAAW,EAAA,IAAAa,WAAA;AAAA,UAAAD,EACTd,GAAW,EAAA,CAAA;KAAA,CAAA,EAAAc,EAEbE,GAAG;GAAA,IAACC,OAAI;AAAA,WAAEP,EAAMH,MAAMW,KAAKC,GAAGC,MAAUA,EAAM;;GAAAL,WAC3CK,MAAKN,EAAMb,GAAW,EAAQmB,UAAK,CAAA;GAAI,CAAA,CAAA;IAAA,CAAA;CAAAC,QAG5CA,QAAA,CAAA,CAAAX,EAAMD,MAAK,EAAA,IAAAK,EACTf,GAAiB,EAAA,IAAAgB,WAAA;AAAA,SAAAD,EACfE,GAAG;GAAA,IAACC,OAAI;AAAA,WAAEP,EAAMD;;GAAKM,WAClBO,MAAIR,EAAMhB,GAAY;IAAA,IAACS,QAAK;AAAA,YAAEe,EAAKf;;IAAK,IAAAQ,WAAA;AAAA,YAAGO,EAAKd;;IAAK,CAAA;GAAgB,CAAA;IAAA,CAG5E,CAAA;CAEJ,EAUYmB,KAA4CjB,MAAU;CACjE,IAAMkB,IAAQxB,GAA2B,EACnC,CAACyB,GAAOC,KAAUC,EAAWrB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAI,EACGtB,GAAK;EAAA,IACJwC,UAAO;AAAA,UAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCb,WAAQ;AAAA,UAAEI,EAAMJ,YAAY;;EAAK,IAAAV,WAAA;AAAA,UAAA;IAAAD,EAEhCT,GAAiB;KAAA,IAACkC,QAAK;AAAA,aAAEV,EAAMH;;KAAa,IAAAX,WAAA;AAAA,aAAAD,EAC1CnB,GAAM6C,EAAA;OAAA,IACLjC,QAAK;AAAA,eAAEqB,GAAO,CAACK,MAAM1B;;OACrBkC,gBAAgBC,MAAY;AAC1Bd,WAAO,CAACe,aAAaD,EAAQnC,MAAM;;OAErCqC,qBAAqB;AACnBhB,WAAO,CAACiB,YAAY;;OACrB,IACDb,UAAO;AAAA,eAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;OAAC,IAC7CC,WAAQ;AAAA,eAAER,EAAMQ,YAAY;;OAAK,IACjCC,WAAQ;AAAA,eAAET,EAAMS,YAAY;;OAAK,EAC7BR,GAAM,EAAA,IAAAf,WAAA;AAAA,cAAAD,EAETR,GAAWkC,EAAA,EAAA,IACVjC,QAAK;AAAA,eAAEqB,GAAO,CAACK,MAAM1B;UAAK,QACrB,OAAOsB,EAAMrB,SAAU,YAAY,EAAEA,OAAOqB,EAAMrB,OAAO,QACzDsC,MAAMC,QAAQlB,EAAMpB,MAAM,IAAI,EAAEA,OAAOoB,EAAMpB,OAAO,CAAA,CAAA;SAAA,CAAA,CAAA;;KAAA,CAAA;IAAAK,EAI9DpB,GAAU,EAAA,IAACyC,SAAM;AAAA,YAAEP,GAAO,CAACK,MAAMC,KAAKC;OAAM,CAAA;IAAArB,EAC5CrB,GAAgB,EAAA,IAAAsB,WAAA;AAAA,YAAEc,EAAML;OAAW,CAAA;IAAA;;EAAA,CAAA"}
+{"version":3,"file":"SliderField.js","names":["Component","ComponentProps","JSXElement","Field","FieldDescription","FieldError","Slider","SliderControl","SliderLabel","SliderMarker","SliderMarkerGroup","SliderRange","SliderThumb","SliderTrack","SliderValueText","useFieldContext","WithTrailingAddon","SliderInput","value","label","marks","props","_el$","_tmpl$","_$insert","_$createComponent","children","_$For","each","map","_","index","_$memo","mark","SliderFieldProps","description","required","trailingAddon","SliderField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","addon","_$mergeProps","onValueChange","details","handleChange","onFocusChange","handleBlur","Array","isArray"],"sources":["../../../src/components/form/SliderField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldDescription, FieldError } from '@/components/Field';\nimport {\n  Slider,\n  SliderControl,\n  SliderLabel,\n  SliderMarker,\n  SliderMarkerGroup,\n  SliderRange,\n  SliderThumb,\n  SliderTrack,\n  SliderValueText,\n} from '@/components/Slider';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SliderInput: Component<{\n  value: number[];\n  label?: string;\n  marks?: { value: number; label?: string }[] | undefined;\n}> = (props) => (\n  <>\n    <div class='flex items-center justify-between'>\n      <SliderLabel>{props.label}</SliderLabel>\n      <SliderValueText />\n    </div>\n    <SliderControl>\n      <SliderTrack>\n        <SliderRange />\n      </SliderTrack>\n      <For each={props.value.map((_, index) => index)}>\n        {(index) => <SliderThumb index={index} />}\n      </For>\n    </SliderControl>\n    {props.marks && (\n      <SliderMarkerGroup>\n        <For each={props.marks}>\n          {(mark) => <SliderMarker value={mark.value}>{mark.label}</SliderMarker>}\n        </For>\n      </SliderMarkerGroup>\n    )}\n  </>\n);\n\nexport type SliderFieldProps = ComponentProps<typeof Slider> & {\n  label?: string;\n  description?: string;\n  marks?: { value: number; label?: string }[];\n  required?: boolean;\n  trailingAddon?: JSXElement;\n};\n\nexport const SliderField: Component<SliderFieldProps> = (props) => {\n  const field = useFieldContext<number[]>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'marks',\n    'trailingAddon',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <WithTrailingAddon addon={local.trailingAddon}>\n        <Slider\n          value={field().state.value}\n          onValueChange={(details) => {\n            field().handleChange(details.value);\n          }}\n          onFocusChange={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          {...others}\n        >\n          <SliderInput\n            value={field().state.value}\n            {...(typeof local.label === 'string' && { label: local.label })}\n            {...(Array.isArray(local.marks) && { marks: local.marks })}\n          />\n        </Slider>\n      </WithTrailingAddon>\n      <FieldError errors={field().state.meta.errors} />\n      <FieldDescription>{local.description}</FieldDescription>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;gFAkBMiB,KAIAI,MAAK;QAAA;EAAA,IAAAC,IAAAC,GAAA;EAIW,OAJXC,EAAAF,GAAAG,EAGJjB,GAAW,EAAA,IAAAkB,WAAA;GAAA,OAAEL,EAAMF;KAAK,CAAA,EAAA,KAAA,EAAAK,EAAAF,GAAAG,EACxBX,GAAe,EAAA,CAAA,EAAA,KAAA,EAAAQ;KAAA;CAAAG,EAEjBlB,GAAa,EAAA,IAAAmB,WAAA;EAAA,OAAA,CAAAD,EACXZ,GAAW,EAAA,IAAAa,WAAA;GAAA,OAAAD,EACTd,GAAW,EAAA,CAAA;KAAA,CAAA,EAAAc,EAEbE,GAAG;GAAA,IAACC,OAAI;IAAA,OAAEP,EAAMH,MAAMW,KAAKC,GAAGC,MAAUA,EAAM;;GAAAL,WAC3CK,MAAKN,EAAMb,GAAW,EAAQmB,UAAK,CAAA;GAAI,CAAA,CAAA;IAAA,CAAA;CAAAC,QAG5CA,QAAA,CAAA,CAAAX,EAAMD,MAAK,EAAA,IAAAK,EACTf,GAAiB,EAAA,IAAAgB,WAAA;EAAA,OAAAD,EACfE,GAAG;GAAA,IAACC,OAAI;IAAA,OAAEP,EAAMD;;GAAKM,WAClBO,MAAIR,EAAMhB,GAAY;IAAA,IAACS,QAAK;KAAA,OAAEe,EAAKf;;IAAK,IAAAQ,WAAA;KAAA,OAAGO,EAAKd;;IAAK,CAAA;GAAgB,CAAA;IAAA,CAG5E,CAAA;CAEJ,EAUYmB,KAA4CjB,MAAU;CACjE,IAAMkB,IAAQxB,GAA2B,EACnC,CAACyB,GAAOC,KAAUC,EAAWrB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,OAAAI,EACGtB,GAAK;EAAA,IACJwC,UAAO;GAAA,OAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCb,WAAQ;GAAA,OAAEI,EAAMJ,YAAY;;EAAK,IAAAV,WAAA;GAAA,OAAA;IAAAD,EAEhCT,GAAiB;KAAA,IAACkC,QAAK;MAAA,OAAEV,EAAMH;;KAAa,IAAAX,WAAA;MAAA,OAAAD,EAC1CnB,GAAM6C,EAAA;OAAA,IACLjC,QAAK;QAAA,OAAEqB,GAAO,CAACK,MAAM1B;;OACrBkC,gBAAgBC,MAAY;QAC1Bd,GAAO,CAACe,aAAaD,EAAQnC,MAAM;;OAErCqC,qBAAqB;QACnBhB,GAAO,CAACiB,YAAY;;OACrB,IACDb,UAAO;QAAA,OAAEJ,GAAO,CAACK,MAAMC,KAAKC,OAAOC,SAAS;;OAAC,IAC7CC,WAAQ;QAAA,OAAER,EAAMQ,YAAY;;OAAK,IACjCC,WAAQ;QAAA,OAAET,EAAMS,YAAY;;OAAK,EAC7BR,GAAM,EAAA,IAAAf,WAAA;OAAA,OAAAD,EAETR,GAAWkC,EAAA,EAAA,IACVjC,QAAK;QAAA,OAAEqB,GAAO,CAACK,MAAM1B;UAAK,QACrB,OAAOsB,EAAMrB,SAAU,YAAY,EAAEA,OAAOqB,EAAMrB,OAAO,QACzDsC,MAAMC,QAAQlB,EAAMpB,MAAM,IAAI,EAAEA,OAAOoB,EAAMpB,OAAO,CAAA,CAAA;SAAA,CAAA,CAAA;;KAAA,CAAA;IAAAK,EAI9DpB,GAAU,EAAA,IAACyC,SAAM;KAAA,OAAEP,GAAO,CAACK,MAAMC,KAAKC;OAAM,CAAA;IAAArB,EAC5CrB,GAAgB,EAAA,IAAAsB,WAAA;KAAA,OAAEc,EAAML;OAAW,CAAA;IAAA;;EAAA,CAAA"}

package/dist/components/form/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","names":["Component","ComponentProps","Button","useFormContext","SubmitButtonProps","loading","SubmitButton","props","form","local","others","splitProps","isLoading","state","isSubmitting","isValidating","_$createComponent","_$mergeProps","type","disabled","canSubmit","class","children"],"sources":["../../../src/components/form/SubmitButton.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { Button } from '@/components/Button';\n\nimport { useFormContext } from './context';\n\nexport type SubmitButtonProps = ComponentProps<typeof Button> & {\n  loading?: boolean;\n};\n\nexport const SubmitButton: Component<SubmitButtonProps> = (props) => {\n  const form = useFormContext();\n  const [local, others] = splitProps(props, ['children', 'loading', 'disabled', 'class']);\n\n  const isLoading = (): boolean =>\n    form.state.isSubmitting || form.state.isValidating || (local.loading ?? false);\n\n  return (\n    <Button\n      type='submit'\n      loading={isLoading()}\n      disabled={local.disabled ?? !form.state.canSubmit}\n      class={`min-w-24 ${local.class ?? ''}`}\n      {...others}\n    >\n      {local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAUA,IAAaM,KAA8CC,MAAU;CACnE,IAAMC,IAAOL,GAAgB,EACvB,CAACM,GAAOC,KAAUC,EAAWJ,GAAO;EAAC;EAAY;EAAW;EAAY;EAAQ,CAAC,EAEjFK,UACJJ,EAAKK,MAAMC,gBAAgBN,EAAKK,MAAME,iBAAiBN,EAAMJ,WAAW;AAE1E,QAAAW,EACGd,GAAMe,EAAA;EACLC,MAAI;EAAA,IACJb,UAAO;AAAA,UAAEO,GAAW;;EAAA,IACpBO,WAAQ;AAAA,UAAEV,EAAMU,YAAY,CAACX,EAAKK,MAAMO;;EAAS,IAAA,QAAA;AAAA,UAC1C,YAAYX,EAAMY,SAAS;;EAAI,EAClCX,GAAM,EAAA,IAAAY,WAAA;AAAA,SAETb,EAAMa;IAAQ,CAAA,CAAA"}
+{"version":3,"file":"SubmitButton.js","names":["Component","ComponentProps","Button","useFormContext","SubmitButtonProps","loading","SubmitButton","props","form","local","others","splitProps","isLoading","state","isSubmitting","isValidating","_$createComponent","_$mergeProps","type","disabled","canSubmit","class","children"],"sources":["../../../src/components/form/SubmitButton.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { Button } from '@/components/Button';\n\nimport { useFormContext } from './context';\n\nexport type SubmitButtonProps = ComponentProps<typeof Button> & {\n  loading?: boolean;\n};\n\nexport const SubmitButton: Component<SubmitButtonProps> = (props) => {\n  const form = useFormContext();\n  const [local, others] = splitProps(props, ['children', 'loading', 'disabled', 'class']);\n\n  const isLoading = (): boolean =>\n    form.state.isSubmitting || form.state.isValidating || (local.loading ?? false);\n\n  return (\n    <Button\n      type='submit'\n      loading={isLoading()}\n      disabled={local.disabled ?? !form.state.canSubmit}\n      class={`min-w-24 ${local.class ?? ''}`}\n      {...others}\n    >\n      {local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAUA,IAAaM,KAA8CC,MAAU;CACnE,IAAMC,IAAOL,GAAgB,EACvB,CAACM,GAAOC,KAAUC,EAAWJ,GAAO;EAAC;EAAY;EAAW;EAAY;EAAQ,CAAC,EAEjFK,UACJJ,EAAKK,MAAMC,gBAAgBN,EAAKK,MAAME,iBAAiBN,EAAMJ,WAAW;CAE1E,OAAAW,EACGd,GAAMe,EAAA;EACLC,MAAI;EAAA,IACJb,UAAO;GAAA,OAAEO,GAAW;;EAAA,IACpBO,WAAQ;GAAA,OAAEV,EAAMU,YAAY,CAACX,EAAKK,MAAMO;;EAAS,IAAA,QAAA;GAAA,OAC1C,YAAYX,EAAMY,SAAS;;EAAI,EAClCX,GAAM,EAAA,IAAAY,WAAA;EAAA,OAETb,EAAMa;IAAQ,CAAA,CAAA"}

package/dist/components/form/SwitchField.js

@@ -33,7 +33,7 @@ var f = (f) => {
 							return p().state.value;
 						},
 						onCheckedChange: (e) => {
-							p().handleChange(!!e.checked);
+							p().handleChange(e.checked);
 						},
 						onBlur: () => {
 							p().handleBlur();

package/dist/components/form/SwitchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","names":["Component","ComponentProps","JSX","Field","FieldContent","FieldDescription","FieldError","Switch","SwitchControl","SwitchLabel","SwitchThumb","useFieldContext","SwitchFieldProps","description","label","Element","SwitchField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","_$mergeProps","checked","value","onCheckedChange","details","handleChange","Boolean","onBlur","handleBlur"],"sources":["../../../src/components/form/SwitchField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\nimport { Switch, SwitchControl, SwitchLabel, SwitchThumb } from '@/components/Switch';\n\nimport { useFieldContext } from './context';\n\nexport type SwitchFieldProps = ComponentProps<typeof Switch> & {\n  description?: string;\n  label?: JSX.Element;\n};\n\nexport const SwitchField: Component<SwitchFieldProps> = (props) => {\n  const field = useFieldContext<boolean>();\n  const [local, others] = splitProps(props, [\n    'description',\n    'label',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <Switch\n          checked={field().state.value}\n          onCheckedChange={(details) => {\n            field().handleChange(Boolean(details.checked));\n          }}\n          onBlur={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          required={local.required ?? false}\n          {...others}\n        >\n          <SwitchControl>\n            <SwitchThumb />\n          </SwitchControl>\n          <SwitchLabel>{local.label}</SwitchLabel>\n        </Switch>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAagB,KAA4CC,MAAU;CACjE,IAAMC,IAAQP,GAA0B,EAClC,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;AAAA,UAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;AAAA,UAAAT,EAEhClB,GAAY,EAAA,IAAA2B,WAAA;AAAA,WAAA;KAAAT,EACVf,GAAMyB,EAAA;MAAA,IACLC,UAAO;AAAA,cAAEf,GAAO,CAACM,MAAMU;;MACvBC,kBAAkBC,MAAY;AAC5BlB,UAAO,CAACmB,aAAaC,EAAQF,EAAQH,QAAS;;MAEhDM,cAAc;AACZrB,UAAO,CAACsB,YAAY;;MACrB,IACDjB,UAAO;AAAA,cAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;MAAC,IAC7CE,WAAQ;AAAA,cAAEV,EAAMU,YAAY;;MAAK,IACjCC,WAAQ;AAAA,cAAEX,EAAMW,YAAY;;MAAK,IACjCF,WAAQ;AAAA,cAAET,EAAMS,YAAY;;MAAK,EAC7BR,GAAM,EAAA,IAAAW,WAAA;AAAA,aAAA,CAAAT,EAETd,GAAa,EAAA,IAAAuB,WAAA;AAAA,cAAAT,EACXZ,GAAW,EAAA,CAAA;SAAA,CAAA,EAAAY,EAEbb,GAAW,EAAA,IAAAsB,WAAA;AAAA,cAAEZ,EAAML;SAAK,CAAA,CAAA;QAAA,CAAA,CAAA;KAAAQ,EAE1BhB,GAAU,EAAA,IAACoB,SAAM;AAAA,aAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5CjB,GAAgB,EAAA,IAAA0B,WAAA;AAAA,aAAEZ,EAAMN;QAAW,CAAA;KAAA;MAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"SwitchField.js","names":["Component","ComponentProps","JSX","Field","FieldContent","FieldDescription","FieldError","Switch","SwitchControl","SwitchLabel","SwitchThumb","useFieldContext","SwitchFieldProps","description","label","Element","SwitchField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","_$mergeProps","checked","value","onCheckedChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/SwitchField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\nimport { Switch, SwitchControl, SwitchLabel, SwitchThumb } from '@/components/Switch';\n\nimport { useFieldContext } from './context';\n\nexport type SwitchFieldProps = ComponentProps<typeof Switch> & {\n  description?: string;\n  label?: JSX.Element;\n};\n\nexport const SwitchField: Component<SwitchFieldProps> = (props) => {\n  const field = useFieldContext<boolean>();\n  const [local, others] = splitProps(props, [\n    'description',\n    'label',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <Switch\n          checked={field().state.value}\n          onCheckedChange={(details) => {\n            field().handleChange(details.checked);\n          }}\n          onBlur={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          required={local.required ?? false}\n          {...others}\n        >\n          <SwitchControl>\n            <SwitchThumb />\n          </SwitchControl>\n          <SwitchLabel>{local.label}</SwitchLabel>\n        </Switch>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAagB,KAA4CC,MAAU;CACjE,IAAMC,IAAQP,GAA0B,EAClC,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,OAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;GAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;GAAA,OAAAT,EAEhClB,GAAY,EAAA,IAAA2B,WAAA;IAAA,OAAA;KAAAT,EACVf,GAAMyB,EAAA;MAAA,IACLC,UAAO;OAAA,OAAEf,GAAO,CAACM,MAAMU;;MACvBC,kBAAkBC,MAAY;OAC5BlB,GAAO,CAACmB,aAAaD,EAAQH,QAAQ;;MAEvCK,cAAc;OACZpB,GAAO,CAACqB,YAAY;;MACrB,IACDhB,UAAO;OAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;MAAC,IAC7CE,WAAQ;OAAA,OAAEV,EAAMU,YAAY;;MAAK,IACjCC,WAAQ;OAAA,OAAEX,EAAMW,YAAY;;MAAK,IACjCF,WAAQ;OAAA,OAAET,EAAMS,YAAY;;MAAK,EAC7BR,GAAM,EAAA,IAAAW,WAAA;MAAA,OAAA,CAAAT,EAETd,GAAa,EAAA,IAAAuB,WAAA;OAAA,OAAAT,EACXZ,GAAW,EAAA,CAAA;SAAA,CAAA,EAAAY,EAEbb,GAAW,EAAA,IAAAsB,WAAA;OAAA,OAAEZ,EAAML;SAAK,CAAA,CAAA;QAAA,CAAA,CAAA;KAAAQ,EAE1BhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5CjB,GAAgB,EAAA,IAAA0B,WAAA;MAAA,OAAEZ,EAAMN;QAAW,CAAA;KAAA;MAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/TagsInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","TagsInput","TagsInputClearTrigger","TagsInputContext","TagsInputControl","TagsInputHiddenInput","TagsInputInput","TagsInputItemInput","TagsInputItemPreview","TagsInputItemText","TagsInputItem","TagsInputItemDeleteTrigger","useFieldContext","WithTrailingAddon","TAGS_INPUT_ROOT_PROPS","const","TagsInputFieldProps","Pick","label","description","showClearTrigger","trailingAddon","TagsInputGroup","props","local","others","splitProps","_$createComponent","children","context","_$For","each","value","index","_$Show","when","_$memo","TAGS_INPUT_FIELD_PROPS","TagsInputField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/TagsInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n  TagsInput,\n  TagsInputClearTrigger,\n  TagsInputContext,\n  TagsInputControl,\n  TagsInputHiddenInput,\n  TagsInputInput,\n  TagsInputItemInput,\n  TagsInputItemPreview,\n  TagsInputItemText,\n  TagsInputItem,\n  TagsInputItemDeleteTrigger,\n} from '@/components/TagsInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst TAGS_INPUT_ROOT_PROPS = [\n  'max',\n  'maxLength',\n  'delimiter',\n  'addOnPaste',\n  'blurBehavior',\n  'validate',\n  'autoFocus',\n  'editable',\n  'allowOverflow',\n  'translations',\n  'ids',\n  'onFocusOutside',\n  'onHighlightChange',\n  'onInputValueChange',\n  'onInteractOutside',\n  'onPointerDownOutside',\n  'onValueInvalid',\n] as const;\n\nexport type TagsInputFieldProps = ComponentProps<typeof TagsInputInput> &\n  Pick<ComponentProps<typeof TagsInput>, (typeof TAGS_INPUT_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showClearTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst TagsInputGroup: Component<\n  { showClearTrigger?: boolean } & ComponentProps<typeof TagsInputInput>\n> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'showClearTrigger']);\n\n  return (\n    <>\n      <TagsInputContext>\n        {(context) => (\n          <TagsInputControl>\n            <For each={context().value}>\n              {(value, index) => (\n                <TagsInputItem index={index()} value={value}>\n                  <TagsInputItemPreview>\n                    <TagsInputItemText>{value}</TagsInputItemText>\n                    <TagsInputItemDeleteTrigger />\n                  </TagsInputItemPreview>\n                  <TagsInputItemInput />\n                </TagsInputItem>\n              )}\n            </For>\n            <TagsInputInput {...others} />\n            <Show when={local.showClearTrigger !== false}>\n              <TagsInputClearTrigger />\n            </Show>\n            {local.children}\n          </TagsInputControl>\n        )}\n      </TagsInputContext>\n      <TagsInputHiddenInput />\n    </>\n  );\n};\n\nconst TAGS_INPUT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'showClearTrigger',\n  'trailingAddon',\n] as const;\n\nexport const TagsInputField: Component<TagsInputFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, TAGS_INPUT_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, TAGS_INPUT_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <TagsInput\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <TagsInputGroup\n              {...inputProps}\n              {...(typeof local.showClearTrigger === 'boolean' && {\n                showClearTrigger: local.showClearTrigger,\n              })}\n            />\n          </TagsInput>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TagsInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","TagsInput","TagsInputClearTrigger","TagsInputContext","TagsInputControl","TagsInputHiddenInput","TagsInputInput","TagsInputItemInput","TagsInputItemPreview","TagsInputItemText","TagsInputItem","TagsInputItemDeleteTrigger","useFieldContext","WithTrailingAddon","TAGS_INPUT_ROOT_PROPS","const","TagsInputFieldProps","Pick","label","description","showClearTrigger","trailingAddon","TagsInputGroup","props","local","others","splitProps","_$createComponent","children","context","_$For","each","value","index","_$Show","when","_$memo","TAGS_INPUT_FIELD_PROPS","TagsInputField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/TagsInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n  TagsInput,\n  TagsInputClearTrigger,\n  TagsInputContext,\n  TagsInputControl,\n  TagsInputHiddenInput,\n  TagsInputInput,\n  TagsInputItemInput,\n  TagsInputItemPreview,\n  TagsInputItemText,\n  TagsInputItem,\n  TagsInputItemDeleteTrigger,\n} from '@/components/TagsInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst TAGS_INPUT_ROOT_PROPS = [\n  'max',\n  'maxLength',\n  'delimiter',\n  'addOnPaste',\n  'blurBehavior',\n  'validate',\n  'autoFocus',\n  'editable',\n  'allowOverflow',\n  'translations',\n  'ids',\n  'onFocusOutside',\n  'onHighlightChange',\n  'onInputValueChange',\n  'onInteractOutside',\n  'onPointerDownOutside',\n  'onValueInvalid',\n] as const;\n\nexport type TagsInputFieldProps = ComponentProps<typeof TagsInputInput> &\n  Pick<ComponentProps<typeof TagsInput>, (typeof TAGS_INPUT_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showClearTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst TagsInputGroup: Component<\n  { showClearTrigger?: boolean } & ComponentProps<typeof TagsInputInput>\n> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'showClearTrigger']);\n\n  return (\n    <>\n      <TagsInputContext>\n        {(context) => (\n          <TagsInputControl>\n            <For each={context().value}>\n              {(value, index) => (\n                <TagsInputItem index={index()} value={value}>\n                  <TagsInputItemPreview>\n                    <TagsInputItemText>{value}</TagsInputItemText>\n                    <TagsInputItemDeleteTrigger />\n                  </TagsInputItemPreview>\n                  <TagsInputItemInput />\n                </TagsInputItem>\n              )}\n            </For>\n            <TagsInputInput {...others} />\n            <Show when={local.showClearTrigger !== false}>\n              <TagsInputClearTrigger />\n            </Show>\n            {local.children}\n          </TagsInputControl>\n        )}\n      </TagsInputContext>\n      <TagsInputHiddenInput />\n    </>\n  );\n};\n\nconst TAGS_INPUT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'showClearTrigger',\n  'trailingAddon',\n] as const;\n\nexport const TagsInputField: Component<TagsInputFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, TAGS_INPUT_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, TAGS_INPUT_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <TagsInput\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <TagsInputGroup\n              {...inputProps}\n              {...(typeof local.showClearTrigger === 'boolean' && {\n                showClearTrigger: local.showClearTrigger,\n              })}\n            />\n          </TagsInput>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":"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"}

package/dist/components/form/TextInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","TextInputControl","TextInputInput","useFieldContext","WithTrailingAddon","TextInputFieldProps","label","description","trailingAddon","TextInputField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","disabled","readOnly","required","children","addon","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur"],"sources":["../../../src/components/form/TextInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { TextInputControl, TextInputInput } from '@/components/TextInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type TextInputFieldProps = ComponentProps<typeof TextInputInput> & {\n  label?: string;\n  description?: string;\n  trailingAddon?: JSXElement;\n};\n\nexport const TextInputField: Component<TextInputFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'trailingAddon',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <TextInputControl>\n            <TextInputInput\n              value={field().state.value}\n              onInput={(event) => {\n                field().handleChange(event.target.value);\n              }}\n              onBlur={() => {\n                field().handleBlur();\n              }}\n              {...others}\n            />\n          </TextInputControl>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAagB,KAAkDC,MAAU;CACvE,IAAMC,IAAQR,GAAyB,EACjC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;AAAA,UAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;AAAA,UAAA,CAAAT,EAEhClB,GAAU,EAAA,IAAA2B,WAAA;AAAA,WAAEZ,EAAMN;MAAK,CAAA,EAAAS,EACvBjB,GAAY,EAAA,IAAA0B,WAAA;AAAA,WAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;AAAA,cAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;AAAA,cAAAT,EAC1Cd,GAAgB,EAAA,IAAAuB,WAAA;AAAA,eAAAT,EACdb,GAAcwB,EAAA;SAAA,IACbC,QAAK;AAAA,iBAAEhB,GAAO,CAACM,MAAMU;;SACrBC,UAAUC,MAAU;AAClBlB,aAAO,CAACmB,aAAaD,EAAME,OAAOJ,MAAM;;SAE1CK,cAAc;AACZrB,aAAO,CAACsB,YAAY;;SACrB,EACGpB,EAAM,CAAA;UAAA,CAAA;;MAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;AAAA,aAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;AAAA,aAAEZ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"TextInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","TextInputControl","TextInputInput","useFieldContext","WithTrailingAddon","TextInputFieldProps","label","description","trailingAddon","TextInputField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","disabled","readOnly","required","children","addon","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur"],"sources":["../../../src/components/form/TextInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { TextInputControl, TextInputInput } from '@/components/TextInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type TextInputFieldProps = ComponentProps<typeof TextInputInput> & {\n  label?: string;\n  description?: string;\n  trailingAddon?: JSXElement;\n};\n\nexport const TextInputField: Component<TextInputFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'trailingAddon',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <TextInputControl>\n            <TextInputInput\n              value={field().state.value}\n              onInput={(event) => {\n                field().handleChange(event.target.value);\n              }}\n              onBlur={() => {\n                field().handleBlur();\n              }}\n              {...others}\n            />\n          </TextInputControl>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAagB,KAAkDC,MAAU;CACvE,IAAMC,IAAQR,GAAyB,EACjC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,OAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;GAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;GAAA,OAAA,CAAAT,EAEhClB,GAAU,EAAA,IAAA2B,WAAA;IAAA,OAAEZ,EAAMN;MAAK,CAAA,EAAAS,EACvBjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAgB,EAAA,IAAAuB,WAAA;QAAA,OAAAT,EACdb,GAAcwB,EAAA;SAAA,IACbC,QAAK;UAAA,OAAEhB,GAAO,CAACM,MAAMU;;SACrBC,UAAUC,MAAU;UAClBlB,GAAO,CAACmB,aAAaD,EAAME,OAAOJ,MAAM;;SAE1CK,cAAc;UACZrB,GAAO,CAACsB,YAAY;;SACrB,EACGpB,EAAM,CAAA;UAAA,CAAA;;MAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/TextareaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","TextInputControl","TextInputArea","useFieldContext","WithTrailingAddon","TextareaFieldProps","label","description","trailingAddon","TextareaField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","disabled","readOnly","required","children","addon","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur"],"sources":["../../../src/components/form/TextareaField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { TextInputControl, TextInputArea } from '@/components/TextInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type TextareaFieldProps = ComponentProps<typeof TextInputArea> & {\n  label?: string;\n  description?: string;\n  trailingAddon?: JSXElement;\n};\n\nexport const TextareaField: Component<TextareaFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'trailingAddon',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <TextInputControl>\n            <TextInputArea\n              value={field().state.value}\n              onInput={(event) => {\n                field().handleChange(event.target.value);\n              }}\n              onBlur={() => {\n                field().handleBlur();\n              }}\n              {...others}\n            />\n          </TextInputControl>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAagB,KAAgDC,MAAU;CACrE,IAAMC,IAAQR,GAAyB,EACjC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;AAAA,UAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;AAAA,UAAA,CAAAT,EAEhClB,GAAU,EAAA,IAAA2B,WAAA;AAAA,WAAEZ,EAAMN;MAAK,CAAA,EAAAS,EACvBjB,GAAY,EAAA,IAAA0B,WAAA;AAAA,WAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;AAAA,cAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;AAAA,cAAAT,EAC1Cd,GAAgB,EAAA,IAAAuB,WAAA;AAAA,eAAAT,EACdb,GAAawB,EAAA;SAAA,IACZC,QAAK;AAAA,iBAAEhB,GAAO,CAACM,MAAMU;;SACrBC,UAAUC,MAAU;AAClBlB,aAAO,CAACmB,aAAaD,EAAME,OAAOJ,MAAM;;SAE1CK,cAAc;AACZrB,aAAO,CAACsB,YAAY;;SACrB,EACGpB,EAAM,CAAA;UAAA,CAAA;;MAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;AAAA,aAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;AAAA,aAAEZ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"TextareaField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","TextInputControl","TextInputArea","useFieldContext","WithTrailingAddon","TextareaFieldProps","label","description","trailingAddon","TextareaField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","disabled","readOnly","required","children","addon","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur"],"sources":["../../../src/components/form/TextareaField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { TextInputControl, TextInputArea } from '@/components/TextInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type TextareaFieldProps = ComponentProps<typeof TextInputArea> & {\n  label?: string;\n  description?: string;\n  trailingAddon?: JSXElement;\n};\n\nexport const TextareaField: Component<TextareaFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'trailingAddon',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <TextInputControl>\n            <TextInputArea\n              value={field().state.value}\n              onInput={(event) => {\n                field().handleChange(event.target.value);\n              }}\n              onBlur={() => {\n                field().handleBlur();\n              }}\n              {...others}\n            />\n          </TextInputControl>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAagB,KAAgDC,MAAU;CACrE,IAAMC,IAAQR,GAAyB,EACjC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,OAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;GAAA,OAAEL,GAAO,CAACM,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;GAAA,OAAA,CAAAT,EAEhClB,GAAU,EAAA,IAAA2B,WAAA;IAAA,OAAEZ,EAAMN;MAAK,CAAA,EAAAS,EACvBjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAgB,EAAA,IAAAuB,WAAA;QAAA,OAAAT,EACdb,GAAawB,EAAA;SAAA,IACZC,QAAK;UAAA,OAAEhB,GAAO,CAACM,MAAMU;;SACrBC,UAAUC,MAAU;UAClBlB,GAAO,CAACmB,aAAaD,EAAME,OAAOJ,MAAM;;SAE1CK,cAAc;UACZrB,GAAO,CAACsB,YAAY;;SACrB,EACGpB,EAAM,CAAA;UAAA,CAAA;;MAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,GAAO,CAACM,MAAMC,KAAKC;QAAM,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/components/form/WithTrailingAddon.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithTrailingAddon.js","names":["Component","JSXElement","WithTrailingAddonProps","addon","children","WithTrailingAddon","props","_$createComponent","_$Show","when","fallback","_el$","_tmpl$","_$insert"],"sources":["../../../src/components/form/WithTrailingAddon.tsx"],"sourcesContent":["import type { Component, JSXElement } from 'solid-js';\n\nexport type WithTrailingAddonProps = {\n  addon?: JSXElement;\n  children: JSXElement;\n};\n\nexport const WithTrailingAddon: Component<WithTrailingAddonProps> = (props) => (\n  <Show when={props.addon} fallback={props.children}>\n    <div class='gap-2 flex items-center'>\n      {props.children}\n      {props.addon}\n    </div>\n  </Show>\n);\n"],"mappings":";;sEAOaK,KAAwDC,MAAKC,EACvEC,GAAI;CAAA,IAACC,OAAI;AAAA,SAAEH,EAAMH;;CAAK,IAAEO,WAAQ;AAAA,SAAEJ,EAAMF;;CAAQ,IAAAA,WAAA;EAAA,IAAAO,IAAAC,GAAA;AAGjC,SAHiCC,EAAAF,SAE5CL,EAAMF,UAAQ,KAAA,EAAAS,EAAAF,SACdL,EAAMH,OAAK,KAAA,EAAAQ;;CAAA,CAGjB"}
+{"version":3,"file":"WithTrailingAddon.js","names":["Component","JSXElement","WithTrailingAddonProps","addon","children","WithTrailingAddon","props","_$createComponent","_$Show","when","fallback","_el$","_tmpl$","_$insert"],"sources":["../../../src/components/form/WithTrailingAddon.tsx"],"sourcesContent":["import type { Component, JSXElement } from 'solid-js';\n\nexport type WithTrailingAddonProps = {\n  addon?: JSXElement;\n  children: JSXElement;\n};\n\nexport const WithTrailingAddon: Component<WithTrailingAddonProps> = (props) => (\n  <Show when={props.addon} fallback={props.children}>\n    <div class='gap-2 flex items-center'>\n      {props.children}\n      {props.addon}\n    </div>\n  </Show>\n);\n"],"mappings":";;sEAOaK,KAAwDC,MAAKC,EACvEC,GAAI;CAAA,IAACC,OAAI;EAAA,OAAEH,EAAMH;;CAAK,IAAEO,WAAQ;EAAA,OAAEJ,EAAMF;;CAAQ,IAAAA,WAAA;EAAA,IAAAO,IAAAC,GAAA;EAGjC,OAHiCC,EAAAF,SAE5CL,EAAMF,UAAQ,KAAA,EAAAS,EAAAF,SACdL,EAAMH,OAAK,KAAA,EAAAQ;;CAAA,CAGjB"}