@manafishrov/ui 1.5.2 → 1.5.4

package/dist/components/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["Toggle","TogglePrimitive","ToggleGroup","ToggleGroupPrimitive","createContext","useContext","Component","JSX","splitProps","cn","tv","VariantProps","toggleVariants","base","variants","variant","default","outline","size","sm","lg","defaultVariants","ToggleProps","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","ToggleGroupContextValue","spacing","ToggleGroupContext","ToggleGroupProps","contextValue","data-variant","data-size","data-spacing","orientation","style","CSSProperties","children","Provider","value","ToggleGroupItemProps","ItemProps","ToggleGroupItem","context","Item"],"sources":["../../src/components/Toggle.tsx"],"sourcesContent":["import { Toggle as TogglePrimitive } from '@ark-ui/solid/toggle';\nimport { ToggleGroup as ToggleGroupPrimitive } from '@ark-ui/solid/toggle-group';\nimport { createContext, useContext, type Component, type JSX, splitProps } from 'solid-js';\nimport { cn, tv, type VariantProps } from 'tailwind-variants';\n\nexport const toggleVariants = tv({\n  base: 'gap-1 text-sm font-medium [&_svg:not([class*=\"size-\"])]:size-4 group/toggle inline-flex items-center justify-center rounded-lg whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-destructive/20 data-pressed:bg-muted data-[state=on]:bg-muted dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  variants: {\n    variant: {\n      default: 'bg-transparent',\n      outline: 'border border-input bg-transparent hover:bg-muted',\n    },\n    size: {\n      default: 'h-8 min-w-8 px-2',\n      sm: 'h-7 min-w-7 px-1.5 rounded-[min(var(--radius-md),12px)] text-[0.8rem]',\n      lg: 'h-9 min-w-9 px-2.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n\nexport type ToggleProps = TogglePrimitive.RootProps & VariantProps<typeof toggleVariants>;\n\nexport const Toggle: Component<ToggleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant', 'size']);\n  return (\n    <TogglePrimitive.Root\n      data-slot='toggle'\n      class={toggleVariants({ variant: local.variant, size: local.size, class: local.class })}\n      {...others}\n    />\n  );\n};\n\nexport type ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n  spacing?: number;\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  size: 'default',\n  variant: 'default',\n  spacing: 0,\n});\n\nexport type ToggleGroupProps = ToggleGroupPrimitive.RootProps & ToggleGroupContextValue;\n\nexport const ToggleGroup: Component<ToggleGroupProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'variant',\n    'size',\n    'spacing',\n    'children',\n    'orientation',\n  ]);\n\n  const contextValue: ToggleGroupContextValue = {\n    get variant() {\n      return local.variant ?? 'default';\n    },\n    get size() {\n      return local.size ?? 'default';\n    },\n    get spacing() {\n      return local.spacing ?? 0;\n    },\n  };\n\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot='toggle-group'\n      data-variant={contextValue.variant}\n      data-size={contextValue.size}\n      data-spacing={contextValue.spacing}\n      orientation={local.orientation ?? 'horizontal'}\n      style={{ '--gap': `${contextValue.spacing}px` } as JSX.CSSProperties}\n      class={cn(\n        'group/toggle-group flex w-fit flex-row items-center gap-(--gap) rounded-lg data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        local.class,\n      )}\n      {...others}\n    >\n      <ToggleGroupContext.Provider value={contextValue}>\n        {local.children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport type ToggleGroupItemProps = ToggleGroupPrimitive.ItemProps &\n  VariantProps<typeof toggleVariants>;\n\nexport const ToggleGroupItem: Component<ToggleGroupItemProps> = (props) => {\n  const context = useContext(ToggleGroupContext);\n  const [local, others] = splitProps(props, ['class', 'variant', 'size', 'children']);\n\n  const variant = (): ToggleGroupContextValue['variant'] =>\n    (local.variant ?? context.variant ?? 'default') as ToggleGroupContextValue['variant'];\n  const size = (): ToggleGroupContextValue['size'] =>\n    (local.size ?? context.size ?? 'default') as ToggleGroupContextValue['size'];\n  const spacing = (): number | undefined => context.spacing;\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot='toggle-group-item'\n      data-variant={variant()}\n      data-size={size()}\n      data-spacing={spacing()}\n      class={cn(\n        'group-data-[spacing=0]/toggle-group:px-2 shrink-0 group-data-[spacing=0]/toggle-group:rounded-none focus:z-10 focus-visible:z-10 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t',\n        toggleVariants({\n          variant: variant(),\n          size: size(),\n        }),\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ToggleGroupPrimitive.Item>\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAaY,IAAiBF,EAAG;CAC/BG,MAAM;CACNC,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,SAAS;GACV;EACDC,MAAM;GACJF,SAAS;GACTG,IAAI;GACJC,IAAI;;EAEP;CACDC,iBAAiB;EACfN,SAAS;EACTG,MAAM;;CAET,CAAC,EAIWlB,KAAkCwB,MAAU;CACvD,IAAM,CAACC,GAAOC,KAAUlB,EAAWgB,GAAO;EAAC;EAAS;EAAW;EAAO,CAAC;AACvE,QAAAG,EACG1B,EAAgB2B,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEZjB,EAAe;IAAEG,SAASU,EAAMV;IAASG,MAAMO,EAAMP;IAAMY,OAAOL,EAAMK;IAAO,CAAC;;EAAA,EACnFJ,EAAM,CAAA;GASVO,IAAqB7B,EAAuC;CAChEc,MAAM;CACNH,SAAS;CACTiB,SAAS;CACV,CAAC,EAIW9B,KAA4CsB,MAAU;CACjE,IAAM,CAACC,GAAOC,KAAUlB,EAAWgB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIW,IAAwC;EAC5C,IAAIpB,UAAU;AACZ,UAAOU,EAAMV,WAAW;;EAE1B,IAAIG,OAAO;AACT,UAAOO,EAAMP,QAAQ;;EAEvB,IAAIc,UAAU;AACZ,UAAOP,EAAMO,WAAW;;EAE3B;AAED,QAAAL,EACGxB,EAAqByB,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,iBAAA;AAAA,UAEVM,EAAapB;;EAAO,IAAA,cAAA;AAAA,UACvBoB,EAAajB;;EAAI,IAAA,iBAAA;AAAA,UACdiB,EAAaH;;EAAO,IAClCO,cAAW;AAAA,UAAEd,EAAMc,eAAe;;EAAY,IAC9CC,QAAK;AAAA,UAAE,EAAE,SAAS,GAAGL,EAAaH,QAAO,KAAM;;EAAqB,IAAA,QAAA;AAAA,UAC7DvB,EACL,iNACAgB,EAAMK,MACP;;EAAA,EACGJ,GAAM,EAAA,IAAAgB,WAAA;AAAA,SAAAf,EAETM,EAAmBU,UAAQ;GAACC,OAAOT;GAAY,IAAAO,WAAA;AAAA,WAC7CjB,EAAMiB;;GAAQ,CAAA;IAAA,CAAA,CAAA;GASVK,KAAoDvB,MAAU;CACzE,IAAMwB,IAAU3C,EAAW4B,EAAmB,EACxC,CAACR,GAAOC,KAAUlB,EAAWgB,GAAO;EAAC;EAAS;EAAW;EAAQ;EAAW,CAAC,EAE7ET,UACHU,EAAMV,WAAWiC,EAAQjC,WAAW,WACjCG,UACHO,EAAMP,QAAQ8B,EAAQ9B,QAAQ,WAC3Bc,UAAoCgB,EAAQhB;AAElD,QAAAL,EACGxB,EAAqB8C,MAAIpB,EAAA;EAAA,aAAA;EAAA,IAAA,iBAAA;AAAA,UAEVd,GAAS;;EAAA,IAAA,cAAA;AAAA,UACZG,GAAM;;EAAA,IAAA,iBAAA;AAAA,UACHc,GAAS;;EAAA,IAAA,QAAA;AAAA,UAChBvB,EACL,s2BACAG,EAAe;IACbG,SAASA,GAAS;IAClBG,MAAMA,GAAAA;IACP,CAAC,EACFO,EAAMK,MACP;;EAAA,EACGJ,GAAM,EAAA,IAAAgB,WAAA;AAAA,SAETjB,EAAMiB;IAAQ,CAAA,CAAA"}
+{"version":3,"file":"Toggle.js","names":["Toggle","TogglePrimitive","ToggleGroup","ToggleGroupPrimitive","createContext","useContext","Component","JSX","splitProps","cn","tv","VariantProps","toggleVariants","base","variants","variant","default","outline","size","sm","lg","defaultVariants","ToggleProps","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","ToggleGroupContextValue","spacing","ToggleGroupContext","ToggleGroupProps","contextValue","data-variant","data-size","data-spacing","orientation","style","CSSProperties","children","Provider","value","ToggleGroupItemProps","ItemProps","ToggleGroupItem","context","Item"],"sources":["../../src/components/Toggle.tsx"],"sourcesContent":["import { Toggle as TogglePrimitive } from '@ark-ui/solid/toggle';\nimport { ToggleGroup as ToggleGroupPrimitive } from '@ark-ui/solid/toggle-group';\nimport { createContext, useContext, type Component, type JSX, splitProps } from 'solid-js';\nimport { cn, tv, type VariantProps } from 'tailwind-variants';\n\nexport const toggleVariants = tv({\n  base: 'gap-1 text-sm font-medium [&_svg:not([class*=\"size-\"])]:size-4 group/toggle inline-flex items-center justify-center rounded-lg whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-muted data-[invalid=true]:border-destructive data-[invalid=true]:ring-destructive/20 data-[state=on]:bg-muted dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  variants: {\n    variant: {\n      default: 'bg-transparent',\n      outline: 'border border-input bg-transparent hover:bg-muted',\n    },\n    size: {\n      default: 'h-8 min-w-8 px-2',\n      sm: 'h-7 min-w-7 px-1.5 rounded-[min(var(--radius-md),12px)] text-[0.8rem]',\n      lg: 'h-9 min-w-9 px-2.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n\nexport type ToggleProps = TogglePrimitive.RootProps & VariantProps<typeof toggleVariants>;\n\nexport const Toggle: Component<ToggleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant', 'size']);\n  return (\n    <TogglePrimitive.Root\n      data-slot='toggle'\n      class={toggleVariants({ variant: local.variant, size: local.size, class: local.class })}\n      {...others}\n    />\n  );\n};\n\nexport type ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n  spacing?: number;\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  size: 'default',\n  variant: 'default',\n  spacing: 0,\n});\n\nexport type ToggleGroupProps = ToggleGroupPrimitive.RootProps & ToggleGroupContextValue;\n\nexport const ToggleGroup: Component<ToggleGroupProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'variant',\n    'size',\n    'spacing',\n    'children',\n    'orientation',\n  ]);\n\n  const contextValue: ToggleGroupContextValue = {\n    get variant() {\n      return local.variant ?? 'default';\n    },\n    get size() {\n      return local.size ?? 'default';\n    },\n    get spacing() {\n      return local.spacing ?? 0;\n    },\n  };\n\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot='toggle-group'\n      data-variant={contextValue.variant}\n      data-size={contextValue.size}\n      data-spacing={contextValue.spacing}\n      orientation={local.orientation ?? 'horizontal'}\n      style={{ '--gap': `${contextValue.spacing}px` } as JSX.CSSProperties}\n      class={cn(\n        'group/toggle-group flex w-fit flex-row items-center gap-(--gap) rounded-lg data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        local.class,\n      )}\n      {...others}\n    >\n      <ToggleGroupContext.Provider value={contextValue}>\n        {local.children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport type ToggleGroupItemProps = ToggleGroupPrimitive.ItemProps &\n  VariantProps<typeof toggleVariants>;\n\nexport const ToggleGroupItem: Component<ToggleGroupItemProps> = (props) => {\n  const context = useContext(ToggleGroupContext);\n  const [local, others] = splitProps(props, ['class', 'variant', 'size', 'children']);\n\n  const variant = (): ToggleGroupContextValue['variant'] =>\n    (local.variant ?? context.variant ?? 'default') as ToggleGroupContextValue['variant'];\n  const size = (): ToggleGroupContextValue['size'] =>\n    (local.size ?? context.size ?? 'default') as ToggleGroupContextValue['size'];\n  const spacing = (): number | undefined => context.spacing;\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot='toggle-group-item'\n      data-variant={variant()}\n      data-size={size()}\n      data-spacing={spacing()}\n      class={cn(\n        'group-data-[spacing=0]/toggle-group:px-2 shrink-0 group-data-[spacing=0]/toggle-group:rounded-none focus:z-10 focus-visible:z-10 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t',\n        toggleVariants({\n          variant: variant(),\n          size: size(),\n        }),\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ToggleGroupPrimitive.Item>\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAaY,IAAiBF,EAAG;CAC/BG,MAAM;CACNC,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,SAAS;EACX;EACAC,MAAM;GACJF,SAAS;GACTG,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfN,SAAS;EACTG,MAAM;CACR;AACF,CAAC,GAIYlB,KAAkCwB,MAAU;CACvD,IAAM,CAACC,GAAOC,KAAUlB,EAAWgB,GAAO;EAAC;EAAS;EAAW;CAAM,CAAC;CACtE,OAAAG,EACG1B,EAAgB2B,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEZjB,EAAe;IAAEG,SAASU,EAAMV;IAASG,MAAMO,EAAMP;IAAMY,OAAOL,EAAMK;GAAM,CAAC;EAAC;CAAA,GACnFJ,CAAM,CAAA;AAGhB,GAMMO,IAAqB7B,EAAuC;CAChEc,MAAM;CACNH,SAAS;CACTiB,SAAS;AACX,CAAC,GAIY9B,KAA4CsB,MAAU;CACjE,IAAM,CAACC,GAAOC,KAAUlB,EAAWgB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;CAAa,CACd,GAEKW,IAAwC;EAC5C,IAAIpB,UAAU;GACZ,OAAOU,EAAMV,WAAW;EAC1B;EACA,IAAIG,OAAO;GACT,OAAOO,EAAMP,QAAQ;EACvB;EACA,IAAIc,UAAU;GACZ,OAAOP,EAAMO,WAAW;EAC1B;CACF;CAEA,OAAAL,EACGxB,EAAqByB,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAEVM,EAAapB;EAAO;EAAA,IAAA,cAAA;GAAA,OACvBoB,EAAajB;EAAI;EAAA,IAAA,iBAAA;GAAA,OACdiB,EAAaH;EAAO;EAAA,IAClCO,cAAW;GAAA,OAAEd,EAAMc,eAAe;EAAY;EAAA,IAC9CC,QAAK;GAAA,OAAE,EAAE,SAAS,GAAGL,EAAaH,QAAO,IAAK;EAAsB;EAAA,IAAA,QAAA;GAAA,OAC7DvB,EACL,iNACAgB,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAgB,WAAA;EAAA,OAAAf,EAETM,EAAmBU,UAAQ;GAACC,OAAOT;GAAY,IAAAO,WAAA;IAAA,OAC7CjB,EAAMiB;GAAQ;EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIvB,GAKaK,KAAoDvB,MAAU;CACzE,IAAMwB,IAAU3C,EAAW4B,CAAkB,GACvC,CAACR,GAAOC,KAAUlB,EAAWgB,GAAO;EAAC;EAAS;EAAW;EAAQ;CAAU,CAAC,GAE5ET,UACHU,EAAMV,WAAWiC,EAAQjC,WAAW,WACjCG,UACHO,EAAMP,QAAQ8B,EAAQ9B,QAAQ,WAC3Bc,UAAoCgB,EAAQhB;CAElD,OAAAL,EACGxB,EAAqB8C,MAAIpB,EAAA;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAEVd,EAAQ;EAAC;EAAA,IAAA,cAAA;GAAA,OACZG,EAAK;EAAC;EAAA,IAAA,iBAAA;GAAA,OACHc,EAAQ;EAAC;EAAA,IAAA,QAAA;GAAA,OAChBvB,EACL,s2BACAG,EAAe;IACbG,SAASA,EAAQ;IACjBG,MAAMA,EAAK;GACb,CAAC,GACDO,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAgB,WAAA;EAAA,OAETjB,EAAMiB;CAAQ,EAAA,CAAA,CAAA;AAGrB"}

package/dist/components/Tooltip.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
-import { tooltip_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/BUMQJLFN.js";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
+import { tooltip_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/KNU3M6A2.js";
 import { createComponent as n, mergeProps as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/Tooltip.tsx

package/dist/components/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["Tooltip","TooltipPrimitive","splitProps","Component","cn","Root","TooltipTrigger","Trigger","TooltipContext","Context","TooltipPositioner","PositionerProps","props","local","others","_$createComponent","Positioner","_$mergeProps","class","TooltipContent","ContentProps","Content","TooltipArrow","ArrowProps","Arrow","children","ArrowTip"],"sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from '@ark-ui/solid/tooltip';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipContext = TooltipPrimitive.Context;\n\nexport const TooltipPositioner: Component<TooltipPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TooltipPrimitive.Positioner\n      data-slot='tooltip-positioner'\n      class={cn('isolate z-50', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TooltipContent: Component<TooltipPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <TooltipPrimitive.Content\n      data-slot='tooltip-content'\n      class={cn(\n        'px-3 py-1.5 text-xs shadow-md relative isolate z-50 transform-gpu overflow-visible rounded-md bg-foreground text-background will-change-transform [--arrow-background:var(--foreground)]',\n        'origin-(--transform-origin)',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        'data-[placement^=bottom]:slide-in-from-top-2',\n        'data-[placement^=left]:slide-in-from-right-2',\n        'data-[placement^=right]:slide-in-from-left-2',\n        'data-[placement^=top]:slide-in-from-bottom-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TooltipArrow: Component<TooltipPrimitive.ArrowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <TooltipPrimitive.Arrow\n      data-slot='tooltip-arrow'\n      class={cn('z-50 [--arrow-offset:-6px]! [--arrow-size:10px]', local.class)}\n      {...others}\n    >\n      <TooltipPrimitive.ArrowTip class='rounded-[2px]' />\n    </TooltipPrimitive.Arrow>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaA,IAAUC,EAAiBI,MAC3BC,IAAiBL,EAAiBM,SAClCC,IAAiBP,EAAiBQ,SAElCC,KAAkEE,MAAU;CACvF,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGd,EAAiBe,YAAUC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEnBb,EAAG,gBAAgBS,EAAMK,MAAM;;EAAA,EAClCJ,EAAM,CAAA;GAKHK,KAA4DP,MAAU;CACjF,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,QAAQ,CAAC;AAEpD,QAAAG,EACGd,EAAiBoB,SAAOJ,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEhBb,EACL,4LACA,+BACA,4DACA,kEACA,gDACA,gDACA,gDACA,gDACAS,EAAMK,MACP;;EAAA,EACGJ,EAAM,CAAA;GAKHQ,KAAwDV,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,QAAQ,CAAC;AAEpD,QAAAG,EACGd,EAAiBuB,OAAKP,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEdb,EAAG,mDAAmDS,EAAMK,MAAM;;EAAA,EACrEJ,GAAM,EAAA,IAAAW,WAAA;AAAA,SAAAV,EAETd,EAAiByB,UAAQ,EAAA,OAAA,iBAAA,CAAA;IAAA,CAAA,CAAA"}
+{"version":3,"file":"Tooltip.js","names":["Tooltip","TooltipPrimitive","splitProps","Component","cn","Root","TooltipTrigger","Trigger","TooltipContext","Context","TooltipPositioner","PositionerProps","props","local","others","_$createComponent","Positioner","_$mergeProps","class","TooltipContent","ContentProps","Content","TooltipArrow","ArrowProps","Arrow","children","ArrowTip"],"sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from '@ark-ui/solid/tooltip';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipContext = TooltipPrimitive.Context;\n\nexport const TooltipPositioner: Component<TooltipPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TooltipPrimitive.Positioner\n      data-slot='tooltip-positioner'\n      class={cn('isolate z-50', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TooltipContent: Component<TooltipPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <TooltipPrimitive.Content\n      data-slot='tooltip-content'\n      class={cn(\n        'px-3 py-1.5 text-xs shadow-md relative isolate z-50 transform-gpu overflow-visible rounded-md bg-foreground text-background will-change-transform [--arrow-background:var(--foreground)]',\n        'origin-(--transform-origin)',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        'data-[placement^=bottom]:slide-in-from-top-2',\n        'data-[placement^=left]:slide-in-from-right-2',\n        'data-[placement^=right]:slide-in-from-left-2',\n        'data-[placement^=top]:slide-in-from-bottom-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TooltipArrow: Component<TooltipPrimitive.ArrowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <TooltipPrimitive.Arrow\n      data-slot='tooltip-arrow'\n      class={cn('z-50 [--arrow-offset:-6px]! [--arrow-size:10px]', local.class)}\n      {...others}\n    >\n      <TooltipPrimitive.ArrowTip class='rounded-[2px]' />\n    </TooltipPrimitive.Arrow>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaA,IAAUC,EAAiBI,MAC3BC,IAAiBL,EAAiBM,SAClCC,IAAiBP,EAAiBQ,SAElCC,KAAkEE,MAAU;CACvF,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGd,EAAiBe,YAAUC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEnBb,EAAG,gBAAgBS,EAAMK,KAAK;EAAC;CAAA,GAClCJ,CAAM,CAAA;AAGhB,GAEaK,KAA4DP,MAAU;CACjF,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,OAAO,CAAC;CAEnD,OAAAG,EACGd,EAAiBoB,SAAOJ,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEhBb,EACL,4LACA,+BACA,4DACA,kEACA,gDACA,gDACA,gDACA,gDACAS,EAAMK,KACR;EAAC;CAAA,GACGJ,CAAM,CAAA;AAGhB,GAEaQ,KAAwDV,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,OAAO,CAAC;CAEnD,OAAAG,EACGd,EAAiBuB,OAAKP,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEdb,EAAG,mDAAmDS,EAAMK,KAAK;EAAC;CAAA,GACrEJ,GAAM,EAAA,IAAAW,WAAA;EAAA,OAAAV,EAETd,EAAiByB,UAAQ,EAAA,OAAA,gBAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAGhC"}

package/dist/components/TreeView.js

@@ -1,6 +1,6 @@
-import { tree_view_exports as e } from "../node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/FDUCX4MC.js";
-import { createTreeCollection as t } from "../node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/EFII6TXL.js";
-import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { tree_view_exports as e } from "../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/FDUCX4MC.js";
+import { createTreeCollection as t } from "../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/EFII6TXL.js";
+import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
 import r from "../_virtual/~icons/material-symbols/chevron-right.js";
 import { createComponent as i, mergeProps as a } from "solid-js/web";
 import { Show as o, splitProps as s } from "solid-js";

package/dist/components/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","names":["TreeView","TreeViewPrimitive","createTreeCollection","Show","splitProps","Component","cn","ChevronRightIcon","Root","TreeViewLabel","Label","TreeViewNodeProvider","NodeProvider","TreeViewTree","TreeProps","props","local","others","_$createComponent","Tree","_$mergeProps","class","TreeViewItem","ItemProps","Item","children","when","fallback","ItemText","TreeViewBranch","BranchProps","Branch","TreeViewBranchControl","BranchControlProps","BranchControl","BranchIndicator","BranchText","TreeViewBranchContent","BranchContentProps","BranchContent"],"sources":["../../src/components/TreeView.tsx"],"sourcesContent":["import { TreeView as TreeViewPrimitive, createTreeCollection } from '@ark-ui/solid/tree-view';\nimport { Show, splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nexport const TreeView = TreeViewPrimitive.Root;\nexport const TreeViewLabel = TreeViewPrimitive.Label;\nexport const TreeViewNodeProvider = TreeViewPrimitive.NodeProvider;\nexport { createTreeCollection };\n\nexport const TreeViewTree: Component<TreeViewPrimitive.TreeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Tree class={cn('gap-1 flex flex-col', local.class)} {...others} />;\n};\n\nexport const TreeViewItem: Component<TreeViewPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.Item\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm relative flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-selected:bg-accent data-selected:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      <Show when={local.children} fallback={<TreeViewPrimitive.ItemText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.Item>\n  );\n};\n\nexport const TreeViewBranch: Component<TreeViewPrimitive.BranchProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Branch class={cn('relative', local.class)} {...others} />;\n};\n\nexport const TreeViewBranchControl: Component<TreeViewPrimitive.BranchControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.BranchControl\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <TreeViewPrimitive.BranchIndicator class='text-muted-foreground transition-transform data-[state=open]:rotate-90'>\n        <ChevronRightIcon class='size-4' />\n      </TreeViewPrimitive.BranchIndicator>\n      <Show when={local.children} fallback={<TreeViewPrimitive.BranchText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.BranchControl>\n  );\n};\n\nexport const TreeViewBranchContent: Component<TreeViewPrimitive.BranchContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TreeViewPrimitive.BranchContent\n      class={cn('pl-4 relative duration-200', local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAKA,IAAaA,IAAWC,EAAkBO,MAC7BC,IAAgBR,EAAkBS,OAClCC,IAAuBV,EAAkBW,cAGzCC,KAAwDE,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EAAQjB,EAAkBkB,MAAIC,EAAA,EAAA,IAAA,QAAA;AAAA,SAAQd,EAAG,uBAAuBU,EAAMK,MAAM;IAAA,EAAMJ,EAAM,CAAA;GAG7EK,KAAwDP,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,SAAS,WAAW,CAAC;AAChE,QAAAG,EACGjB,EAAkBuB,MAAIJ,EAAA,EAAA,IAAA,QAAA;AAAA,SACdd,EACL,+YACAU,EAAMK,MACP;IAAA,EACGJ,GAAM,EAAA,IAAAQ,WAAA;AAAA,SAAAP,EAETf,GAAI;GAAA,IAACuB,OAAI;AAAA,WAAEV,EAAMS;;GAAQ,IAAEE,WAAQ;AAAA,WAAAT,EAAGjB,EAAkB2B,UAAQ,EAAA,CAAA;;GAAA,IAAAH,WAAA;AAAA,WAC9DT,EAAMS;;GAAQ,CAAA;IAAA,CAAA,CAAA;GAMVI,KAA4Dd,MAAU;CACjF,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EAAQjB,EAAkB8B,QAAMX,EAAA,EAAA,IAAA,QAAA;AAAA,SAAQd,EAAG,YAAYU,EAAMK,MAAM;IAAA,EAAMJ,EAAM,CAAA;GAGpEe,KAA0EjB,MAAU;CAC/F,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,SAAS,WAAW,CAAC;AAChE,QAAAG,EACGjB,EAAkBiC,eAAad,EAAA,EAAA,IAAA,QAAA;AAAA,SACvBd,EACL,yUACAU,EAAMK,MACP;IAAA,EACGJ,GAAM,EAAA,IAAAQ,WAAA;AAAA,SAAA,CAAAP,EAETjB,EAAkBkC,iBAAe;GAAA,OAAA;GAAA,IAAAV,WAAA;AAAA,WAAAP,EAC/BX,GAAgB,EAAA,OAAA,UAAA,CAAA;;GAAA,CAAA,EAAAW,EAElBf,GAAI;GAAA,IAACuB,OAAI;AAAA,WAAEV,EAAMS;;GAAQ,IAAEE,WAAQ;AAAA,WAAAT,EAAGjB,EAAkBmC,YAAU,EAAA,CAAA;;GAAA,IAAAX,WAAA;AAAA,WAChET,EAAMS;;GAAQ,CAAA,CAAA;IAAA,CAAA,CAAA;GAMVY,KAA0EtB,MAAU;CAC/F,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGjB,EAAkBsC,eAAanB,EAAA,EAAA,IAAA,QAAA;AAAA,SACvBd,EAAG,8BAA8BU,EAAMK,MAAM;IAAA,EAChDJ,EAAM,CAAA"}
+{"version":3,"file":"TreeView.js","names":["TreeView","TreeViewPrimitive","createTreeCollection","Show","splitProps","Component","cn","ChevronRightIcon","Root","TreeViewLabel","Label","TreeViewNodeProvider","NodeProvider","TreeViewTree","TreeProps","props","local","others","_$createComponent","Tree","_$mergeProps","class","TreeViewItem","ItemProps","Item","children","when","fallback","ItemText","TreeViewBranch","BranchProps","Branch","TreeViewBranchControl","BranchControlProps","BranchControl","BranchIndicator","BranchText","TreeViewBranchContent","BranchContentProps","BranchContent"],"sources":["../../src/components/TreeView.tsx"],"sourcesContent":["import { TreeView as TreeViewPrimitive, createTreeCollection } from '@ark-ui/solid/tree-view';\nimport { Show, splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nexport const TreeView = TreeViewPrimitive.Root;\nexport const TreeViewLabel = TreeViewPrimitive.Label;\nexport const TreeViewNodeProvider = TreeViewPrimitive.NodeProvider;\nexport { createTreeCollection };\n\nexport const TreeViewTree: Component<TreeViewPrimitive.TreeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Tree class={cn('gap-1 flex flex-col', local.class)} {...others} />;\n};\n\nexport const TreeViewItem: Component<TreeViewPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.Item\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm relative flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-selected:bg-accent data-selected:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      <Show when={local.children} fallback={<TreeViewPrimitive.ItemText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.Item>\n  );\n};\n\nexport const TreeViewBranch: Component<TreeViewPrimitive.BranchProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Branch class={cn('relative', local.class)} {...others} />;\n};\n\nexport const TreeViewBranchControl: Component<TreeViewPrimitive.BranchControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.BranchControl\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <TreeViewPrimitive.BranchIndicator class='text-muted-foreground transition-transform data-[state=open]:rotate-90'>\n        <ChevronRightIcon class='size-4' />\n      </TreeViewPrimitive.BranchIndicator>\n      <Show when={local.children} fallback={<TreeViewPrimitive.BranchText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.BranchControl>\n  );\n};\n\nexport const TreeViewBranchContent: Component<TreeViewPrimitive.BranchContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TreeViewPrimitive.BranchContent\n      class={cn('pl-4 relative duration-200', local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAKA,IAAaA,IAAWC,EAAkBO,MAC7BC,IAAgBR,EAAkBS,OAClCC,IAAuBV,EAAkBW,cAGzCC,KAAwDE,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EAAQjB,EAAkBkB,MAAIC,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQd,EAAG,uBAAuBU,EAAMK,KAAK;CAAC,EAAA,GAAMJ,CAAM,CAAA;AAC1F,GAEaK,KAAwDP,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,OAAAG,EACGjB,EAAkBuB,MAAIJ,EAAA,EAAA,IAAA,QAAA;EAAA,OACdd,EACL,+YACAU,EAAMK,KACR;CAAC,EAAA,GACGJ,GAAM,EAAA,IAAAQ,WAAA;EAAA,OAAAP,EAETf,GAAI;GAAA,IAACuB,OAAI;IAAA,OAAEV,EAAMS;GAAQ;GAAA,IAAEE,WAAQ;IAAA,OAAAT,EAAGjB,EAAkB2B,UAAQ,CAAA,CAAA;GAAA;GAAA,IAAAH,WAAA;IAAA,OAC9DT,EAAMS;GAAQ;EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIvB,GAEaI,KAA4Dd,MAAU;CACjF,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EAAQjB,EAAkB8B,QAAMX,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQd,EAAG,YAAYU,EAAMK,KAAK;CAAC,EAAA,GAAMJ,CAAM,CAAA;AACjF,GAEae,KAA0EjB,MAAU;CAC/F,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,OAAAG,EACGjB,EAAkBiC,eAAad,EAAA,EAAA,IAAA,QAAA;EAAA,OACvBd,EACL,yUACAU,EAAMK,KACR;CAAC,EAAA,GACGJ,GAAM,EAAA,IAAAQ,WAAA;EAAA,OAAA,CAAAP,EAETjB,EAAkBkC,iBAAe;GAAA,OAAA;GAAA,IAAAV,WAAA;IAAA,OAAAP,EAC/BX,GAAgB,EAAA,OAAA,SAAA,CAAA;GAAA;EAAA,CAAA,GAAAW,EAElBf,GAAI;GAAA,IAACuB,OAAI;IAAA,OAAEV,EAAMS;GAAQ;GAAA,IAAEE,WAAQ;IAAA,OAAAT,EAAGjB,EAAkBmC,YAAU,CAAA,CAAA;GAAA;GAAA,IAAAX,WAAA;IAAA,OAChET,EAAMS;GAAQ;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIvB,GAEaY,KAA0EtB,MAAU;CAC/F,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGjB,EAAkBsC,eAAanB,EAAA,EAAA,IAAA,QAAA;EAAA,OACvBd,EAAG,8BAA8BU,EAAMK,KAAK;CAAC,EAAA,GAChDJ,CAAM,CAAA;AAGhB"}

package/dist/components/Typography.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_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/Typography.tsx
@@ -63,7 +63,7 @@ var a = /* @__PURE__ */ r("<h1>"), o = /* @__PURE__ */ r("<h2>"), s = /* @__PURE
 	return (() => {
 		var r = f();
 		return n(r, t({ get class() {
-			return e("rounded font-mono text-sm font-semibold relative bg-muted px-[0.3rem] py-[0.2rem]", a.class);
+			return e("rounded text-sm font-semibold relative bg-muted px-[0.3rem] py-[0.2rem] font-mono", a.class);
 		} }, o), !1, !1), r;
 	})();
 }, C = (r) => {

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,EAAe,GACtBM,IAASD,EAAKE,UAAUC,MAAUA,EAAMF,MAAM,GAC9CG,IAAUJ,EAAKE,UAAUC,MAAUA,EAAMC,OAAO;CAoBtD,OAlBAC,QAAmB;EAGjB,IAFAJ,EAAO,GAEH,CAACG,EAAQ,GACX;EAGF,IAAME,IAAgBC,iBAAiB;GACrCP,EAAKQ,aAAa,EAAEC,OAAOC,MAAmB;IAC5C,MAAMA;GACR,CAAC;EACH,GAAGX,EAAMF,YAAY,CAAC;EAEtBc,QAAgB;GACdC,aAAaN,CAAa;EAC5B,CAAC;CACH,CAAC,GAED,CAAA;AACF"}

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,EAAyB,GACjC,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGf,GAAK;EAAA,IACJgB,UAAO;GAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;EAAK;EAAA,IAAAC,WAAA;GAAA,OAAAT,EAEhCd,GAAY,EAAA,IAAAuB,WAAA;IAAA,OAAA;KAAAT,EACVnB,GAAQ6B,EAAA;MAAA,IACPC,UAAO;OAAA,OAAEf,EAAM,EAAEM,MAAMU;MAAK;MAC5BC,kBAAkBC,MAAY;OAC5BlB,EAAM,EAAEmB,aAAaC,EAAQF,EAAQH,OAAQ;MAC/C;MACAM,cAAc;OACZrB,EAAM,EAAEsB,WAAW;MACrB;MAAC,IACDjB,UAAO;OAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;MAAC;MAAA,IAC7CE,WAAQ;OAAA,OAAEV,EAAMU,YAAY;MAAK;MAAA,IACjCC,WAAQ;OAAA,OAAEX,EAAMW,YAAY;MAAK;MAAA,IACjCF,WAAQ;OAAA,OAAET,EAAMS,YAAY;MAAK;KAAA,GAC7BR,GAAM,EAAA,IAAAW,WAAA;MAAA,OAAA,CAAAT,EAETlB,GAAe,EAAA,IAAA2B,WAAA;OAAA,OAAAT,EACbjB,GAAiB,CAAA,CAAA;MAAA,EAAA,CAAA,GAAAiB,EAEnBhB,GAAa,EAAA,IAAAyB,WAAA;OAAA,OAAEZ,EAAML;MAAK,EAAA,CAAA,CAAA;KAAA,EAAA,CAAA,CAAA;KAAAQ,EAE5BZ,GAAU,EAAA,IAACgB,SAAM;MAAA,OAAER,EAAM,EAAEM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAJ,EAC5Cb,GAAgB,EAAA,IAAAsB,WAAA;MAAA,OAAEZ,EAAMN;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

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,qfAyCvB,GAWFQ,KACJC,MACG;CACH,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,aAAa,CAAC;CAEzD,OAAA,CAAAI,EAEKzB,GAAiB,EAAA,IAAA0B,WAAA;EAAA,OAAA,CAAAD,EACfxB,GAAoBsB,CAAM,GAAAE,EAC1BE,GAAI;GAAA,IAACC,OAAI;IAAA,OAAEN,EAAMJ,gBAAgB;GAAK;GAAA,IAAAQ,WAAA;IAAA,OAAAD,EACpCtB,GAAiB,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,GAAAsB,EAGrBvB,GAAoB,EAAA,IAAAwB,WAAA;EAAA,OAAAD,EAClB1B,GAAiB,EAAA,IAAA2B,WAAA;GAAA,OAAAD,EACfrB,GAAe,CAAA,CAAA;EAAA,EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAK1B,GAEMyB,IAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAGJC,KAAoDT,MAAU;CACzE,IAAMU,IAAQrB,EAA6B,GACrC,CAACY,GAAOC,KAAUC,EAAWH,GAAOQ,CAAuB,GAC3D,CAACG,GAAWC,KAAcT,EAAWD,GAAQX,CAAsB;CAEzE,OAAAa,EACGpB,GAAK;EAAA,IACJ6B,UAAO;GAAA,OAAEH,EAAM,EAAEI,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAEjB,EAAMiB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAElB,EAAMkB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEnB,EAAMmB,YAAY;EAAK;EAAA,IAAAf,WAAA;GAAA,OAAA,CAAAD,EAEhChB,GAAU,EAAA,IAAAiB,WAAA;IAAA,OAAEJ,EAAMN;GAAK,EAAA,CAAA,GAAAS,EACvBnB,GAAY,EAAA,IAAAoB,WAAA;IAAA,OAAA;KAAAD,EACVd,GAAiB;MAAA,IAAC+B,QAAK;OAAA,OAAEpB,EAAMH;MAAa;MAAA,IAAAO,WAAA;OAAA,OAAAD,EAC1C3B,GAAU6C,EAAA;QAAA,IACTC,QAAK;SAAA,OAAEb,EAAM,EAAEI,MAAMS;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1Bf,EAAM,EAAEgB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZjB,EAAM,EAAEkB,WAAW;QACrB;QAAC,IACDf,UAAO;SAAA,OAAEH,EAAM,EAAEI,MAAMC,KAAKC,OAAOC,SAAS;QAAC;QAAA,IAC7CC,WAAQ;SAAA,OAAEjB,EAAMiB,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAElB,EAAMkB,YAAY;QAAK;OAAA,GAC7BR,GAAS,EAAA,IAAAN,WAAA;QAAA,OAAAD,EAEZL,GAAoBuB,EACfV,GAAU,EAAA,IACdiB,cAAW;SAAA,OAAE5B,EAAM4B;QAAW,EAAA,SACzB,OAAO5B,EAAMJ,eAAgB,aAAa,EAAEA,aAAaI,EAAMJ,YAAY,CAAC,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAO,EAItFjB,GAAU,EAAA,IAAC6B,SAAM;MAAA,OAAEN,EAAM,EAAEI,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAZ,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;MAAA,OAAEJ,EAAML;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

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_8d1ea3a475e79781/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,EAAe,GACtB,CAACkB,GAAOC,KAAaC,EAAWJ,GAAO,CAAC,YAAY,OAAO,CAAC;CAElE,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAYmB,OAZnBD,EAAAE,iBAAA,WAGeC,MAAgB;GAGzBP,AAFAO,EAAYC,eAAe,GAC3BD,EAAYE,gBAAgB,GAC5BT,EAAKU,aAAa,EAAEC,OAAOC,MAAmB;IAC5C,MAAMA;GACR,CAAC;EACH,CAAC,GAAAC,EAAAT,GAAAU,EAAA,EAAA,IAAA,QAAA;GAAA,OAPMrC,EAAG,sBAAsBwB,EAAMc,KAAK;EAAC,EAAA,GAQxCb,CAAS,GAAA,IAAA,EAAA,GAAAc,EAAAZ,SAEZH,EAAMgB,QAAQ,GAAAb;CAAA,GAAA;AAGrB,GAEa,EAAEc,eAAYC,aAAUC,sBAAmB5C,EAAe;CACrEM;CACAD;CACAwC,iBAAiB;EACf1C;EACAC;EACAI;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAE;EACAD;CACF;CACA4B,gBAAgB;EACd5C;EACAoB;EACAP;CACF;AACF,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":";;;;;;;AAaA,IAAMe,IAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAUKQ,KAAsBC,MACtB,OAAOA,KAAU,YAAY,CAACC,OAAOC,SAASF,EAAM,GAC/C,KAGFG,OAAOH,EAAM,EAgChBmB,KACJZ,MAC0B;CAC1B,IAAM,CAACM,GAAYO,KAAiBC,EAAatB,EAAmBQ,GAAO,CAACe,MAAMtB,MAAM,CAAC;AA6BzF,QA3BAuB,QAAmB;AACjBH,IAAcrB,EAAmBQ,GAAO,CAACe,MAAMtB,MAAM,CAAC;GACtD,EAyBK;EACLa;EACAC,gBAxBAU,MACG;AACHJ,KAAcI,EAAQxB,MAAM;;EAuB5BgB,gBAnBAQ,MACG;AACHJ,KAAcI,EAAQxB,MAAM,EAEvBC,OAAOC,SAASsB,EAAQC,cAAc,IAI3ClB,GAAO,CAACmB,aAAaF,EAAQC,cAAc;;EAY3CR,cATyB;AAEzBV,GADAa,EAAcrB,EAAmBQ,GAAO,CAACe,MAAMtB,MAAM,CAAC,EACtDO,GAAO,CAACoB,YAAY;;EAQrB;GAGGC,KAA0BC,MAAgDE,EAC7EnD,GAAK;CAAA,IACJoD,UAAO;AAAA,SAAEH,EAAMtB,OAAO,CAACe,MAAMW,KAAKC,OAAOC,SAAS;;CAAC,IACnDC,WAAQ;AAAA,SAAEP,EAAMpB,MAAM2B,YAAY;;CAAK,IACvCC,WAAQ;AAAA,SAAER,EAAMpB,MAAM4B,YAAY;;CAAK,IACvCC,WAAQ;AAAA,SAAET,EAAMpB,MAAM6B,YAAY;;CAAK,IAAAC,WAAA;AAAA,SAAA,CAAAR,EAEtClD,GAAU,EAAA,IAAA0D,WAAA;AAAA,UAAEV,EAAMpB,MAAMd;KAAK,CAAA,EAAAoC,EAC7BjD,GAAY,EAAA,IAAAyD,WAAA;AAAA,UAAA;IAAAR,EACVzC,GAAiB;KAAA,IAACkD,QAAK;AAAA,aAAEX,EAAMpB,MAAMX;;KAAa,IAAAyC,WAAA;AAAA,aAAAR,EAChD9C,GAAWwD,EAAA;OAAA,IACVzC,QAAK;AAAA,eAAE6B,EAAMhB,YAAY;;OAAA,IACzBC,gBAAa;AAAA,eAAEe,EAAMf;;OAAa,IAClCE,gBAAa;AAAA,eAAEa,EAAMb;;OAAa,IAClCC,SAAM;AAAA,eAAEY,EAAMZ;;OAAM,IACpBe,UAAO;AAAA,eAAEH,EAAMtB,OAAO,CAACe,MAAMW,KAAKC,OAAOC,SAAS;;OAAC,IACnDE,WAAQ;AAAA,eAAER,EAAMpB,MAAM4B,YAAY;;OAAK,IACvCC,WAAQ;AAAA,eAAET,EAAMpB,MAAM6B,YAAY;;OAAK,IACvCF,WAAQ;AAAA,eAAEP,EAAMpB,MAAM2B,YAAY;;OAAK,QACnCP,EAAMnB,WAAS,EAAA,IAAA6B,WAAA;AAAA,cAAAR,EAElB7C,GAAkB,EAAA,IAAAqD,WAAA;AAAA,eAAA,CAAAR,EAChB5C,GAAgBsD,QAAKZ,EAAMlB,WAAU,CAAA,EAAAoB,EACrCW,GAAI;SAAA,IAACC,OAAI;AAAA,iBAAEd,EAAMpB,MAAMZ,iBAAiB;;SAAK,IAAA0C,WAAA;AAAA,iBAAAR,EAC3C3C,GAAmB,EAAA,CAAA;;SAAA,CAAA,CAAA;UAAA,CAAA;SAAA,CAAA,CAAA;;KAAA,CAAA;IAAA2C,EAK3BhD,GAAU,EAAA,IAACmD,SAAM;AAAA,YAAEL,EAAMtB,OAAO,CAACe,MAAMW,KAAKC;OAAM,CAAA;IAAAH,EAClD/C,GAAgB,EAAA,IAAAuD,WAAA;AAAA,YAAEV,EAAMpB,MAAMb;OAAW,CAAA;IAAA;KAAA,CAAA,CAAA;;CAAA,CAG/C,EAEYgD,KAAsDf,MAAU;CAC3E,IAAMtB,IAAQlB,GAAyB,EACjC,CAACoB,GAAOoC,KAAUC,EAAWjB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACI,CAACnB,GAAWC,KAAcmC,EAAWD,GAAQtD,EAAwB,EACrE+B,IAAQH,EAA4BZ,EAAM;AAEhD,QAAOqB,EAAuB;EAC5BrB;EACAE;EACAC;EACAC;EACAE,YAAYS,EAAMT;EAClBC,eAAeQ,EAAMR;EACrBE,eAAeM,EAAMN;EACrBC,QAAQK,EAAML;EACf,CAAC"}
+{"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;AAAe,GAQXI,KAIAM,MAAKC,EACRjB,GAAiB;CAAA,IAACkB,QAAK;EAAA,OAAEF,EAAMH,MAAMR;CAAa;CAAA,IAAAc,WAAA;EAAA,OAAAF,EAChDvB,GAAa;GAAA,IACZ0B,UAAO;IAAA,OAAEJ,EAAML,MAAM,EAAEU,MAAMC,KAAKC,OAAOC,SAAS;GAAC;GAAA,IACnDC,WAAQ;IAAA,OAAET,EAAMH,MAAMY,YAAY;GAAK;GAAA,IACvCC,WAAQ;IAAA,OAAEV,EAAMH,MAAMa,YAAY;GAAK;GAAA,IACvCC,WAAQ;IAAA,OAAEX,EAAMH,MAAMc,YAAY;GAAK;GAAA,IAAAR,WAAA;IAAA,OAAAF,EAEtCtB,GAAoB,EAAA,IAAAwB,WAAA;KAAA,OAAA,CAAAF,EAClBrB,GAAkBgC,EAAA;MAAA,IACjBC,QAAK;OAAA,OAAEb,EAAML,MAAM,EAAEU,MAAMQ;MAAK;MAChCC,UAAUC,MAAU;OAClBf,EAAML,MAAM,EAAEqB,aAAaD,EAAME,OAAOJ,KAAK;MAC/C;MACAK,cAAc;OACZlB,EAAML,MAAM,EAAEwB,WAAW;MAC3B;KAAC,SACGnB,EAAMF,MAAM,CAAA,GAAAG,EAEjBmB,GAAI;MAAA,IAACC,OAAI;OAAA,OAAErB,EAAMH,MAAMT,0BAA0B;MAAK;MAAA,IAAAe,WAAA;OAAA,OAAAF,EACpDpB,GAA8B,EAAA,IAAAsB,WAAA;QAAA,OAAAF,EAC5BnB,GAAsB,CAAA,CAAA;OAAA,EAAA,CAAA;MAAA;KAAA,CAAA,CAAA;IAAA,EAAA,CAAA;GAAA;EAAA,CAAA;CAAA;AAAA,CAAA,GAQtBwC,KAA0DtB,MAAU;CAC/E,IAAML,IAAQZ,EAAwB,GAChC,CAACc,GAAOC,KAAUyB,EAAWvB,GAAOV,CAA0B;CAEpE,OAAAW,EACG5B,GAAK;EAAA,IACJ+B,UAAO;GAAA,OAAET,EAAM,EAAEU,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CG,WAAQ;GAAA,OAAEd,EAAMc,YAAY;EAAK;EAAA,IACjCF,WAAQ;GAAA,OAAEZ,EAAMY,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEb,EAAMa,YAAY;EAAK;EAAA,IAAAP,WAAA;GAAA,OAAA,CAAAF,EAEhC3B,GAAU,EAAA,IAAA6B,WAAA;IAAA,OAAEN,EAAMX;GAAK,EAAA,CAAA,GAAAe,EACvB1B,GAAY,EAAA,IAAA4B,WAAA;IAAA,OAAA;KAAAF,EACVP,GAAyB;MAAQC;MAAcE;MAAeC;KAAM,CAAA;KAAAG,EACpEzB,GAAU,EAAA,IAAC+B,SAAM;MAAA,OAAEZ,EAAM,EAAEU,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAN,EAC5CxB,GAAgB,EAAA,IAAA0B,WAAA;MAAA,OAAEN,EAAMV;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

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;AAAe,GAGXE,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,MAAM,CAAC;GAAC;GAAAQ,WAC5CM,GAAGC,MAAKR,EAAMf,GAAa,EAAQuB,SAAK,CAAA;EAAI,CAAA;CAAA,EAAA,CAAA;AAAA,EAAA,CAAA,GAMzCC,KAAgDV,MAAU;CACrE,IAAMW,IAAQtB,EAA0B,GAClC,CAACuB,GAAOC,KAAUC,EAAWd,GAAOH,CAAqB,GACzDkB,IAAWH,EAAMlB,SAASE;CAEhC,OAAAK,EACGtB,GAAK;EAAA,IACJqC,UAAO;GAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOZ,SAAS;EAAC;EAAA,IAC7Ca,WAAQ;GAAA,OAAER,EAAMQ,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IAAApB,WAAA;GAAA,OAAA,CAAAD,EAEhCrB,GAAU,EAAA,IAAAsB,WAAA;IAAA,OAAEU,EAAMpB;GAAK,EAAA,CAAA,GAAAS,EACvBpB,GAAY,EAAA,IAAAqB,WAAA;IAAA,OAAA;KAAAD,EACVX,GAAiB;MAAA,IAACiC,QAAK;OAAA,OAAEX,EAAMjB;MAAa;MAAA,IAAAO,WAAA;OAAA,OAAAD,EAC1CjB,GAAQwC,EAAA;QAAA,IACPC,QAAK;SAAA,OAAEd,EAAM,EAAEM,MAAMQ;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1BhB,EAAM,EAAEiB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZlB,EAAM,EAAEmB,WAAW;QACrB;QAAC,IACDd,UAAO;SAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOZ,SAAS;QAAC;QAAA,IAC7Ca,WAAQ;SAAA,OAAER,EAAMQ,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAET,EAAMS,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAEV,EAAMU,YAAY;QAAK;QACjC5B,OAAOqB;OAAQ,GACXF,GAAM,EAAA,IAAAX,WAAA;QAAA,OAAA,CAAAD,EAETF,GAAc,EAACL,OAAOqB,EAAQ,CAAA,GAAAd,EAC9Bb,GAAmB,CAAA,CAAA,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAa,EAGvBnB,GAAU,EAAA,IAACqC,SAAM;MAAA,OAAER,EAAM,EAAEM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAlB,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;MAAA,OAAEU,EAAMnB;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

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,EAAwB,GAChC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;CAAe,CAChB;CAED,OAAAK,EACGlB,GAAK;EAAA,IACJmB,UAAO;GAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;EAAK;EAAA,IAAAC,WAAA;GAAA,OAAAT,EAEhCjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;MAAa;MAAA,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAUyB,EAAA;QAAA,IACTC,QAAK;SAAA,OAAEhB,EAAM,EAAEM,MAAMU;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1BlB,EAAM,EAAEmB,aAAaD,EAAQF,SAAS,EAAE;QAC1C;QACAI,cAAc;SACZpB,EAAM,EAAEqB,WAAW;QACrB;QAAC,IACDhB,UAAO;SAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;QAAC;QAAA,IAC7CE,WAAQ;SAAA,OAAEV,EAAMU,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAEX,EAAMW,YAAY;QAAK;QAAA,IACjCF,WAAQ;SAAA,OAAET,EAAMS,YAAY;QAAK;OAAA,GAC7BR,GAAM,EAAA,IAAAW,WAAA;QAAA,OAAA,CAAAT,EAETb,GAAe,EAAA,IAAAsB,WAAA;SAAA,OAAEZ,EAAMN;QAAK,EAAA,CAAA,GAAA2B,QAC5BrB,EAAMY,QAAQ,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAT,EAGlBhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,EAAM,EAAEM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

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;EAAW,EAAA,CAAA,GAAAK,EAC1CC,GAAI;GAAA,IAACC,OAAI;IAAA,OAAEH,EAAMH,wBAAwB;GAAK;GAAA,IAAAC,WAAA;IAAA,OAAAG,EAC5CZ,GAAe,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA;AAAA,EAAA,CAAA,GAAAY,EAIrBX,GAAgB,EAAA,IAAAQ,WAAA;CAAA,OAAAG,EACdd,GAAa,EAAA,IAAAW,WAAA;EAAA,OAAEE,EAAMF;CAAQ,EAAA,CAAA;AAAA,EAAA,CAAA,CAAA,GAa9BU,IAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAGJE,KAA4CV,MAAU;CACjE,IAAMW,IAAQlB,EAA0B,GAClC,CAACmB,GAAOC,KAAUC,EAAWd,GAAOQ,CAAkB;CAE5D,OAAAP,EACGpB,GAAK;EAAA,IACJkC,UAAO;GAAA,OAAEJ,EAAM,EAAEK,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAER,EAAMQ,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IAAAxB,WAAA;GAAA,OAAA,CAAAG,EAEhChB,GAAU,EAAA,IAAAa,WAAA;IAAA,OAAEc,EAAMP;GAAK,EAAA,CAAA,GAAAJ,EACvBnB,GAAY,EAAA,IAAAgB,WAAA;IAAA,OAAA;KAAAG,EACVP,GAAiB;MAAA,IAAC6B,QAAK;OAAA,OAAEX,EAAML;MAAa;MAAA,IAAAT,WAAA;OAAA,OAAAG,EAC1Cf,GAAMsC,EAAA;QAAA,IACLC,QAAK;SAAA,OAAEd,EAAM,EAAEK,MAAMS;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1BhB,EAAM,EAAEiB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZlB,EAAM,EAAEmB,WAAW;QACrB;QAAC,IACDf,UAAO;SAAA,OAAEJ,EAAM,EAAEK,MAAMC,KAAKC,OAAOC,SAAS;QAAC;QAAA,IAC7CC,WAAQ;SAAA,OAAER,EAAMQ,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAET,EAAMS,YAAY;QAAK;OAAA,GAC7BR,GAAM,EAAA,IAAAf,WAAA;QAAA,OAAAG,EAETN,GAAW;SAAA,IACVC,cAAW;UAAA,OAAEgB,EAAMhB,eAAe;SAAE;SAAA,IACpCC,sBAAmB;UAAA,OAAEe,EAAMf;SAAmB;SAAA,IAAAC,WAAA;UAAA,OAE7Cc,EAAMd;SAAQ;QAAA,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAG,EAIpBjB,GAAU,EAAA,IAACkC,SAAM;MAAA,OAAEP,EAAM,EAAEK,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAjB,EAC5ClB,GAAgB,EAAA,IAAAe,WAAA;MAAA,OAAEc,EAAMN;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}