@fuf-stack/uniform 1.22.4 → 1.22.5

package/dist/RadioTabs-Btt582Nl.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioTabs-Btt582Nl.cjs","names":["useUniformField","createOptionValueConverter","VisuallyHidden","HeroRadioGroup","Tabs"],"sources":["../src/RadioTabs/RadioTabs.tsx","../src/RadioTabs/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TabsProps } from '@fuf-stack/pixels';\nimport type { TabProps } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { useRef } from 'react';\n\nimport { RadioGroup as HeroRadioGroup } from '@heroui/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { createOptionValueConverter } from '../helpers';\nimport { useUniformField } from '../hooks/useUniformField';\n\nexport const radioTabsVariants = tv({\n  slots: {\n    base: 'group gap-0', // Needs group for group-data condition\n    cursor: '',\n    label:\n      'mb-2 inline-flex text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n    tab: '',\n    tabBase: '',\n    tabContent: '',\n    tabList: '',\n    tabPanel: 'p-3',\n    tabWrapper: '',\n    wrapper: '',\n  },\n  variants: {\n    hasContent: {\n      true: {\n        base: '',\n        tabBase: 'p-1',\n        tabWrapper: [\n          // border style\n          'rounded-medium border border-divider',\n          // full width\n          'w-full',\n        ],\n      },\n    },\n    fullWidth: {\n      true: {\n        tabWrapper: 'w-full',\n      },\n    },\n    isInvalid: {\n      true: {\n        tabWrapper: 'rounded-medium border-2 !border-danger',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof radioTabsVariants>;\ntype ClassName = TVClassName<typeof radioTabsVariants>;\n\nexport interface RadioTabsOption {\n  /** Optional content inside of the tab */\n  content?: ReactNode;\n  /** disables the option */\n  disabled?: boolean;\n  /** option label */\n  label?: ReactNode;\n  /** option icon */\n  icon?: ReactNode;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n  /** option value */\n  value: string | number | boolean;\n}\n\nexport interface RadioTabsProps extends Omit<VariantProps, 'hasContent'> {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** Determines if the Buttons are disabled or not. */\n  disabled?: boolean;\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** determines orientation of the Buttons. */\n  inline?: boolean;\n  /** Label displayed next to the RadioButton. */\n  label?: ReactNode;\n  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** Radio button configuration. */\n  options: RadioTabsOption[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n  /** How the RadioTabs should look like. */\n  variant?: TabsProps['variant'];\n}\n\n/**\n * RadioTabs component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)\n * and [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst RadioTabs = ({\n  className = undefined,\n  fullWidth = false,\n  inline = false,\n  name,\n  options,\n  variant = undefined,\n  ...uniformFieldProps\n}: RadioTabsProps): ReactElement => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, ref, value },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Create a ref for the visual radio group to forward focus\n  const visualRadioGroupRef = useRef<HTMLDivElement>(null);\n\n  // Create converter to preserve number types for option values\n  const { convertToOriginalType } = createOptionValueConverter(options);\n\n  const tabOptions = options.map<TabProps>((option) => {\n    return {\n      content: option?.content,\n      disabled: option?.disabled,\n      // Tabs component uses string keys internally\n      key: String(option.value),\n      label: option?.label ?? option?.value,\n      testId: slugify(`option_${option?.testId ?? option?.value}`, {\n        replaceDots: true,\n      }),\n    };\n  });\n\n  const disabledAllKeys: string[] | undefined = tabOptions?.map((option) => {\n    return option.key as string;\n  });\n\n  // check if any option has content\n  // eslint-disable-next-line @typescript-eslint/no-misused-promises, @typescript-eslint/promise-function-async\n  const hasContent = options.some((option) => {\n    return option.content;\n  });\n\n  // classNames from slots\n  const variants = radioTabsVariants({\n    fullWidth,\n    hasContent,\n    isInvalid: invalid,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <>\n      {/* Visually hidden input for React Hook Form focus management */}\n      <VisuallyHidden>\n        <input\n          ref={ref}\n          aria-label={ariaLabel}\n          name={name}\n          onBlur={onBlur}\n          value={value ?? ''}\n          onChange={(e) => {\n            onChange(convertToOriginalType(e.target.value));\n          }}\n          onFocus={() => {\n            // Forward focus to the first tab when RHF focuses this input\n            const firstTab = visualRadioGroupRef.current?.querySelector(\n              '[role=\"tab\"]',\n            ) as HTMLElement;\n            firstTab?.focus();\n          }}\n        />\n      </VisuallyHidden>\n\n      <HeroRadioGroup\n        ref={visualRadioGroupRef}\n        aria-label={ariaLabel}\n        // see HeroUI styles for group-data condition (data-invalid),\n        // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n        data-invalid={invalid}\n        data-required={required}\n        data-testid={testId}\n        errorMessage={errorMessage}\n        isDisabled={disabled}\n        isInvalid={invalid}\n        isRequired={required}\n        label={label ? <legend>{label}</legend> : null}\n        name={`${name}_radiotabs`}\n        orientation={inline ? 'horizontal' : 'vertical'}\n        classNames={{\n          base: classNames.base,\n          label: classNames.label,\n          wrapper: classNames.wrapper,\n        }}\n      >\n        <Tabs\n          disabledKeys={disabled ? disabledAllKeys : undefined}\n          // make sure component is controlled (convert to string for Tabs)\n          selectedKey={value != null ? String(value) : ''}\n          tabs={tabOptions}\n          testId={testId}\n          variant={variant}\n          className={{\n            base: classNames.tabBase,\n            cursor: classNames.cursor,\n            panel: classNames.tabPanel,\n            tab: classNames.tab,\n            tabContent: classNames.tabContent,\n            tabList: classNames.tabList,\n            tabWrapper: classNames.tabWrapper,\n          }}\n          onSelectionChange={(key) => {\n            if (key != null) {\n              onChange(convertToOriginalType(key));\n            }\n          }}\n        />\n      </HeroRadioGroup>\n    </>\n  );\n};\n\nexport default RadioTabs;\n","import RadioTabs from './RadioTabs';\n\nexport type { RadioTabsProps } from './RadioTabs';\n\nexport { RadioTabs };\n\nexport default RadioTabs;\n"],"mappings":";;;;;;;;;;;AAgBA,MAAa,qBAAA,GAAA,uBAAA,IAAuB;CAClC,OAAO;EACL,MAAM;EACN,QAAQ;EACR,OACE;EACF,KAAK;EACL,SAAS;EACT,YAAY;EACZ,SAAS;EACT,UAAU;EACV,YAAY;EACZ,SAAS;CACX;CACA,UAAU;EACR,YAAY,EACV,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,CAEV,wCAEA,QACF;EACF,EACF;EACA,WAAW,EACT,MAAM,EACJ,YAAY,SACd,EACF;EACA,WAAW,EACT,MAAM,EACJ,YAAY,yCACd,EACF;CACF;AACF,CAAC;;;;;AA+CD,MAAM,aAAa,EACjB,YAAY,KAAA,GACZ,YAAY,OACZ,SAAS,OACT,MACA,SACA,UAAU,KAAA,GACV,GAAG,wBAC+B;CAClC,MAAM,EACJ,WACA,UACA,cACA,OAAO,EAAE,QAAQ,UAAU,KAAK,SAChC,SACA,OACA,UACA,WACEA,oCAAAA,gBAAgB;EAClB;EACA,GAAG;CACL,CAAC;CAGD,MAAM,uBAAA,GAAA,MAAA,QAA6C,IAAI;CAGvD,MAAM,EAAE,0BAA0BC,sBAAAA,2BAA2B,OAAO;CAEpE,MAAM,aAAa,QAAQ,KAAe,WAAW;EACnD,OAAO;GACL,SAAS,QAAQ;GACjB,UAAU,QAAQ;GAElB,KAAK,OAAO,OAAO,KAAK;GACxB,OAAO,QAAQ,SAAS,QAAQ;GAChC,SAAA,GAAA,uBAAA,SAAgB,UAAU,QAAQ,UAAU,QAAQ,SAAS,EAC3D,aAAa,KACf,CAAC;EACH;CACF,CAAC;CAED,MAAM,kBAAwC,YAAY,KAAK,WAAW;EACxE,OAAO,OAAO;CAChB,CAAC;CAcD,MAAM,cAAA,GAAA,uBAAA,sBALW,kBAAkB;EACjC;EACA,YAPiB,QAAQ,MAAM,WAAW;GAC1C,OAAO,OAAO;EAChB,CAKW;EACT,WAAW;CACb,CAC+C,GAAG,WAAW,MAAM;CAEnE,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CAEE,iBAAA,GAAA,kBAAA,KAACC,4BAAAA,gBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;EACO;EACL,cAAY;EACN;EACE;EACR,OAAO,SAAS;EAChB,WAAW,MAAM;GACf,SAAS,sBAAsB,EAAE,OAAO,KAAK,CAAC;EAChD;EACA,eAAe;GAKb,CAHiB,oBAAoB,SAAS,cAC5C,gBACF,IACU,MAAM;EAClB;CACD,CAAA,EACa,CAAA,GAEhB,iBAAA,GAAA,kBAAA,KAACC,cAAAA,YAAD;EACE,KAAK;EACL,cAAY;EAGZ,gBAAc;EACd,iBAAe;EACf,eAAa;EACC;EACd,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,OAAO,QAAQ,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAA,UAAS,MAAc,CAAA,IAAI;EAC1C,MAAM,GAAG,KAAK;EACd,aAAa,SAAS,eAAe;EACrC,YAAY;GACV,MAAM,WAAW;GACjB,OAAO,WAAW;GAClB,SAAS,WAAW;EACtB;YAEA,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,SAAD;GACE,cAAc,WAAW,kBAAkB,KAAA;GAE3C,aAAa,SAAS,OAAO,OAAO,KAAK,IAAI;GAC7C,MAAM;GACE;GACC;GACT,WAAW;IACT,MAAM,WAAW;IACjB,QAAQ,WAAW;IACnB,OAAO,WAAW;IAClB,KAAK,WAAW;IAChB,YAAY,WAAW;IACvB,SAAS,WAAW;IACpB,YAAY,WAAW;GACzB;GACA,oBAAoB,QAAQ;IAC1B,IAAI,OAAO,MACT,SAAS,sBAAsB,GAAG,CAAC;GAEvC;EACD,CAAA;CACa,CAAA,CAChB,EAAA,CAAA;AAEN;;;AChOA,IAAA,oBAAe"}

package/dist/RadioTabs-CYmzrPBG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioTabs-CYmzrPBG.js","names":["HeroRadioGroup"],"sources":["../src/RadioTabs/RadioTabs.tsx","../src/RadioTabs/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TabsProps } from '@fuf-stack/pixels';\nimport type { TabProps } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { useRef } from 'react';\n\nimport { RadioGroup as HeroRadioGroup } from '@heroui/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { createOptionValueConverter } from '../helpers';\nimport { useUniformField } from '../hooks/useUniformField';\n\nexport const radioTabsVariants = tv({\n  slots: {\n    base: 'group gap-0', // Needs group for group-data condition\n    cursor: '',\n    label:\n      'mb-2 inline-flex text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n    tab: '',\n    tabBase: '',\n    tabContent: '',\n    tabList: '',\n    tabPanel: 'p-3',\n    tabWrapper: '',\n    wrapper: '',\n  },\n  variants: {\n    hasContent: {\n      true: {\n        base: '',\n        tabBase: 'p-1',\n        tabWrapper: [\n          // border style\n          'rounded-medium border border-divider',\n          // full width\n          'w-full',\n        ],\n      },\n    },\n    fullWidth: {\n      true: {\n        tabWrapper: 'w-full',\n      },\n    },\n    isInvalid: {\n      true: {\n        tabWrapper: 'rounded-medium border-2 !border-danger',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof radioTabsVariants>;\ntype ClassName = TVClassName<typeof radioTabsVariants>;\n\nexport interface RadioTabsOption {\n  /** Optional content inside of the tab */\n  content?: ReactNode;\n  /** disables the option */\n  disabled?: boolean;\n  /** option label */\n  label?: ReactNode;\n  /** option icon */\n  icon?: ReactNode;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n  /** option value */\n  value: string | number | boolean;\n}\n\nexport interface RadioTabsProps extends Omit<VariantProps, 'hasContent'> {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** Determines if the Buttons are disabled or not. */\n  disabled?: boolean;\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** determines orientation of the Buttons. */\n  inline?: boolean;\n  /** Label displayed next to the RadioButton. */\n  label?: ReactNode;\n  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** Radio button configuration. */\n  options: RadioTabsOption[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n  /** How the RadioTabs should look like. */\n  variant?: TabsProps['variant'];\n}\n\n/**\n * RadioTabs component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)\n * and [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst RadioTabs = ({\n  className = undefined,\n  fullWidth = false,\n  inline = false,\n  name,\n  options,\n  variant = undefined,\n  ...uniformFieldProps\n}: RadioTabsProps): ReactElement => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, ref, value },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Create a ref for the visual radio group to forward focus\n  const visualRadioGroupRef = useRef<HTMLDivElement>(null);\n\n  // Create converter to preserve number types for option values\n  const { convertToOriginalType } = createOptionValueConverter(options);\n\n  const tabOptions = options.map<TabProps>((option) => {\n    return {\n      content: option?.content,\n      disabled: option?.disabled,\n      // Tabs component uses string keys internally\n      key: String(option.value),\n      label: option?.label ?? option?.value,\n      testId: slugify(`option_${option?.testId ?? option?.value}`, {\n        replaceDots: true,\n      }),\n    };\n  });\n\n  const disabledAllKeys: string[] | undefined = tabOptions?.map((option) => {\n    return option.key as string;\n  });\n\n  // check if any option has content\n  // eslint-disable-next-line @typescript-eslint/no-misused-promises, @typescript-eslint/promise-function-async\n  const hasContent = options.some((option) => {\n    return option.content;\n  });\n\n  // classNames from slots\n  const variants = radioTabsVariants({\n    fullWidth,\n    hasContent,\n    isInvalid: invalid,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <>\n      {/* Visually hidden input for React Hook Form focus management */}\n      <VisuallyHidden>\n        <input\n          ref={ref}\n          aria-label={ariaLabel}\n          name={name}\n          onBlur={onBlur}\n          value={value ?? ''}\n          onChange={(e) => {\n            onChange(convertToOriginalType(e.target.value));\n          }}\n          onFocus={() => {\n            // Forward focus to the first tab when RHF focuses this input\n            const firstTab = visualRadioGroupRef.current?.querySelector(\n              '[role=\"tab\"]',\n            ) as HTMLElement;\n            firstTab?.focus();\n          }}\n        />\n      </VisuallyHidden>\n\n      <HeroRadioGroup\n        ref={visualRadioGroupRef}\n        aria-label={ariaLabel}\n        // see HeroUI styles for group-data condition (data-invalid),\n        // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n        data-invalid={invalid}\n        data-required={required}\n        data-testid={testId}\n        errorMessage={errorMessage}\n        isDisabled={disabled}\n        isInvalid={invalid}\n        isRequired={required}\n        label={label ? <legend>{label}</legend> : null}\n        name={`${name}_radiotabs`}\n        orientation={inline ? 'horizontal' : 'vertical'}\n        classNames={{\n          base: classNames.base,\n          label: classNames.label,\n          wrapper: classNames.wrapper,\n        }}\n      >\n        <Tabs\n          disabledKeys={disabled ? disabledAllKeys : undefined}\n          // make sure component is controlled (convert to string for Tabs)\n          selectedKey={value != null ? String(value) : ''}\n          tabs={tabOptions}\n          testId={testId}\n          variant={variant}\n          className={{\n            base: classNames.tabBase,\n            cursor: classNames.cursor,\n            panel: classNames.tabPanel,\n            tab: classNames.tab,\n            tabContent: classNames.tabContent,\n            tabList: classNames.tabList,\n            tabWrapper: classNames.tabWrapper,\n          }}\n          onSelectionChange={(key) => {\n            if (key != null) {\n              onChange(convertToOriginalType(key));\n            }\n          }}\n        />\n      </HeroRadioGroup>\n    </>\n  );\n};\n\nexport default RadioTabs;\n","import RadioTabs from './RadioTabs';\n\nexport type { RadioTabsProps } from './RadioTabs';\n\nexport { RadioTabs };\n\nexport default RadioTabs;\n"],"mappings":";;;;;;;;;AAgBA,MAAa,oBAAoB,GAAG;CAClC,OAAO;EACL,MAAM;EACN,QAAQ;EACR,OACE;EACF,KAAK;EACL,SAAS;EACT,YAAY;EACZ,SAAS;EACT,UAAU;EACV,YAAY;EACZ,SAAS;CACX;CACA,UAAU;EACR,YAAY,EACV,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,CAEV,wCAEA,QACF;EACF,EACF;EACA,WAAW,EACT,MAAM,EACJ,YAAY,SACd,EACF;EACA,WAAW,EACT,MAAM,EACJ,YAAY,yCACd,EACF;CACF;AACF,CAAC;;;;;AA+CD,MAAM,aAAa,EACjB,YAAY,KAAA,GACZ,YAAY,OACZ,SAAS,OACT,MACA,SACA,UAAU,KAAA,GACV,GAAG,wBAC+B;CAClC,MAAM,EACJ,WACA,UACA,cACA,OAAO,EAAE,QAAQ,UAAU,KAAK,SAChC,SACA,OACA,UACA,WACE,gBAAgB;EAClB;EACA,GAAG;CACL,CAAC;CAGD,MAAM,sBAAsB,OAAuB,IAAI;CAGvD,MAAM,EAAE,0BAA0B,2BAA2B,OAAO;CAEpE,MAAM,aAAa,QAAQ,KAAe,WAAW;EACnD,OAAO;GACL,SAAS,QAAQ;GACjB,UAAU,QAAQ;GAElB,KAAK,OAAO,OAAO,KAAK;GACxB,OAAO,QAAQ,SAAS,QAAQ;GAChC,QAAQ,QAAQ,UAAU,QAAQ,UAAU,QAAQ,SAAS,EAC3D,aAAa,KACf,CAAC;EACH;CACF,CAAC;CAED,MAAM,kBAAwC,YAAY,KAAK,WAAW;EACxE,OAAO,OAAO;CAChB,CAAC;CAcD,MAAM,aAAa,qBALF,kBAAkB;EACjC;EACA,YAPiB,QAAQ,MAAM,WAAW;GAC1C,OAAO,OAAO;EAChB,CAKW;EACT,WAAW;CACb,CAC+C,GAAG,WAAW,MAAM;CAEnE,OACE,qBAAA,UAAA,EAAA,UAAA,CAEE,oBAAC,gBAAD,EAAA,UACE,oBAAC,SAAD;EACO;EACL,cAAY;EACN;EACE;EACR,OAAO,SAAS;EAChB,WAAW,MAAM;GACf,SAAS,sBAAsB,EAAE,OAAO,KAAK,CAAC;EAChD;EACA,eAAe;GAKb,CAHiB,oBAAoB,SAAS,cAC5C,gBACF,IACU,MAAM;EAClB;CACD,CAAA,EACa,CAAA,GAEhB,oBAACA,YAAD;EACE,KAAK;EACL,cAAY;EAGZ,gBAAc;EACd,iBAAe;EACf,eAAa;EACC;EACd,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,OAAO,QAAQ,oBAAC,UAAD,EAAA,UAAS,MAAc,CAAA,IAAI;EAC1C,MAAM,GAAG,KAAK;EACd,aAAa,SAAS,eAAe;EACrC,YAAY;GACV,MAAM,WAAW;GACjB,OAAO,WAAW;GAClB,SAAS,WAAW;EACtB;YAEA,oBAAC,MAAD;GACE,cAAc,WAAW,kBAAkB,KAAA;GAE3C,aAAa,SAAS,OAAO,OAAO,KAAK,IAAI;GAC7C,MAAM;GACE;GACC;GACT,WAAW;IACT,MAAM,WAAW;IACjB,QAAQ,WAAW;IACnB,OAAO,WAAW;IAClB,KAAK,WAAW;IAChB,YAAY,WAAW;IACvB,SAAS,WAAW;IACpB,YAAY,WAAW;GACzB;GACA,oBAAoB,QAAQ;IAC1B,IAAI,OAAO,MACT,SAAS,sBAAsB,GAAG,CAAC;GAEvC;EACD,CAAA;CACa,CAAA,CAChB,EAAA,CAAA;AAEN;;;AChOA,IAAA,oBAAe"}

package/dist/Select-CZwuEAB5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select-CZwuEAB5.cjs","names":["components","useUniformField","useFormContext","createOptionValueConverter","isValueEmpty","ReactSelect"],"sources":["../src/Select/Select.tsx","../src/Select/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\nimport type { MultiValue, Props, SingleValue } from 'react-select';\n\nimport { useState } from 'react';\nimport ReactSelect, { components } from 'react-select';\n\nimport { useSelect } from '@heroui/select';\n\nimport { cn, slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { createOptionValueConverter, isValueEmpty } from '../helpers';\nimport { useFormContext } from '../hooks/useFormContext';\nimport { useUniformField } from '../hooks/useUniformField';\n\nexport const selectVariants = tv({\n  slots: {\n    base: 'group leading-normal',\n    clearIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-foreground-800',\n    control:\n      'duration-150! rounded-lg border-2 border-default-200 bg-content1 transition-background hover:border-default-400 group-data-[invalid=true]:border-danger group-data-[invalid=true]:hover:border-danger motion-reduce:transition-none',\n    control_focused: 'border-focus',\n    crossIcon: '',\n    downChevron: '',\n    dropdownIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-black',\n    group: '',\n    groupHeading: 'mb-1 ml-3 mt-2 text-sm text-foreground-500',\n    indicatorsContainer: 'gap-1 p-1',\n    indicatorSeparator: 'bg-default-300',\n    input: 'py-0.5 pl-1',\n    // see HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'pointer-events-auto relative bottom-1.5 ml-1 text-foreground subpixel-antialiased text-small group-data-[invalid=true]:!text-danger',\n    loadingIndicator: '',\n    loadingMessage: 'rounded-sm p-2 text-foreground-500',\n    menu: 'mt-2 rounded-xl border border-default-200 bg-content1 p-1 shadow-lg',\n    menuList: '',\n    // ensure menu has same z-index as modal so it is visible when rendered in modal\n    // see: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/modal.ts (see z-50)\n    menuPortal: 'z-50!',\n    multiValue: 'items-center gap-1.5 rounded bg-default-100 py-0.5 pl-2 pr-1',\n    multiValueContainer: '',\n    multiValueLabel: 'py-0.5 leading-6',\n    multiValueRemove:\n      'rounded text-default-500 hover:cursor-pointer hover:border-default-300 hover:text-default-800',\n    noOptionsMessage: 'rounded-sm p-2 text-foreground-500',\n    option: 'rounded px-3 py-2 hover:cursor-pointer',\n    option_disabled:\n      'cursor-not-allowed! hover:cursor-not-allowed! opacity-disabled',\n    option_focused: 'bg-default-100 active:bg-default-200',\n    option_selected: 'bg-default-300',\n    placeholder: 'ml-1 py-0.5 pl-1 text-sm text-foreground-500',\n    selectContainer: '',\n    singleValue: 'ml-1! leading-7!',\n    valueContainer: 'gap-1 p-1',\n  },\n});\n\ninterface SelectOption {\n  /** set option to disabled state */\n  disabled?: boolean;\n  /**\n   * True when option was auto-generated because the value wasn't found in options.\n   * Use in renderOptionLabel to render a component that fetches the real label.\n   */\n  isFallback?: boolean;\n  /** option label */\n  label?: ReactNode;\n  /** option value */\n  value: string | number;\n}\n\ntype VariantProps = TVProps<typeof selectVariants>;\ntype ClassName = TVClassName<typeof selectVariants>;\n\nexport interface SelectProps extends VariantProps {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName; // string;\n  /** Determine if the  */\n  clearable?: boolean;\n  /** Set the select to disabled state. */\n  disabled?: boolean;\n  /** Force menu open for debugging or visual testing. */\n  debugMenuOpen?: boolean;\n  /** Filter Select Options */\n  filterOption?:\n    | undefined\n    | ((option?: SelectOption, inputValue?: string) => boolean);\n  /** The value of the search input */\n  inputValue?: string;\n  /** Label that should be associated with the select. */\n  label?: ReactNode;\n  /** Set the select to a loading state. */\n  loading?: boolean;\n  /** switch between single and multi select mode. */\n  multiSelect?: boolean;\n  /** The name for the Select component, used by react-hook-form */\n  name: string;\n  /** Placeholder that is displayed when nothing is selected */\n  placeholder?: string;\n  /** Handle change events on the input */\n  onInputChange?: Props['onInputChange'];\n  /** The options for the Select component */\n  options: SelectOption[];\n  /** Render custom content when no options match the current search input. */\n  renderEmptyOptions?: Props['noOptionsMessage'];\n  /** Format the label of the option */\n  renderOptionLabel?: undefined | Props['formatOptionLabel'];\n  /**\n   * Fallback option(s) for async selects when value isn't in current options.\n   * Use when the selected value may not be in the options list (e.g., after\n   * search results change). Used only if value not found in options.\n   * For single select: pass the option object or undefined\n   * For multi-select: pass an array of option objects\n   */\n  selectedOptionFallback?: SelectOption | SelectOption[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst InputComponent: typeof components.Input = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}`;\n  return <components.Input data-testid={testId} {...props} />;\n};\n\nconst ControlComponent: typeof components.Control = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_select`;\n  return (\n    <div data-testid={testId}>\n      <components.Control {...props} />\n    </div>\n  );\n};\n\nconst OptionComponent: typeof components.Option = (props) => {\n  const { isDisabled } = props;\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_select_option_${slugify(String(props?.data?.testId ?? props?.data?.value), { replaceDots: true })}`;\n  return (\n    <div aria-disabled={isDisabled ? true : undefined} data-testid={testId}>\n      <components.Option {...props} />\n    </div>\n  );\n};\n\nconst DropdownIndicatorComponent: typeof components.DropdownIndicator = (\n  props,\n) => {\n  // @ts-expect-error data-testid is not a default prop\n  const testId = props?.selectProps['data-testid'] as string;\n  return (\n    <div data-testid={`${testId}_select_dropdown`}>\n      <components.DropdownIndicator {...props} />\n    </div>\n  );\n};\n\n/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */\nconst Select = ({\n  className = undefined,\n  clearable = true,\n  debugMenuOpen = false,\n  filterOption = undefined,\n  inputValue = undefined,\n  loading = false,\n  multiSelect = false,\n  name,\n  onInputChange = undefined,\n  options,\n  placeholder = undefined,\n  renderEmptyOptions = undefined,\n  renderOptionLabel = undefined,\n  selectedOptionFallback = undefined,\n  ...uniformFieldProps\n}: SelectProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, ref, value },\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    getLabelProps,\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Get getFieldState to check isTouched in onChange callback\n  const { getFieldState } = useFormContext();\n\n  // Track if the select is focused\n  const [isFocused, setIsFocused] = useState(false);\n\n  // Create converter to preserve number types for option values\n  const { convertToOriginalType } = createOptionValueConverter(options);\n\n  // classNames from slots\n  const variants = selectVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // React-select classNames configuration\n  const reactSelectClassNames = {\n    clearIndicator: () => {\n      return classNames.clearIndicator;\n    },\n    control: () => {\n      return cn(classNames.control, {\n        [classNames.control_focused]: isFocused && !invalid,\n      });\n    },\n    dropdownIndicator: () => {\n      return classNames.dropdownIndicator;\n    },\n    groupHeading: () => {\n      return classNames.groupHeading;\n    },\n    indicatorSeparator: () => {\n      return classNames.indicatorSeparator;\n    },\n    indicatorsContainer: () => {\n      return classNames.indicatorsContainer;\n    },\n    input: () => {\n      return classNames.input;\n    },\n    loadingIndicator: () => {\n      return classNames.loadingIndicator;\n    },\n    loadingMessage: () => {\n      return classNames.loadingMessage;\n    },\n    menu: () => {\n      return classNames.menu;\n    },\n    menuList: () => {\n      return classNames.menuList;\n    },\n    menuPortal: () => {\n      return classNames.menuPortal;\n    },\n    multiValue: () => {\n      return classNames.multiValue;\n    },\n    multiValueLabel: () => {\n      return cn(classNames.multiValueLabel, `${getValueProps().className}`);\n    },\n    multiValueRemove: () => {\n      return classNames.multiValueRemove;\n    },\n    noOptionsMessage: () => {\n      return classNames.noOptionsMessage;\n    },\n    option: ({\n      isDisabled: optionIsDisabled,\n      isFocused: optionIsFocused,\n      isSelected: optionIsSelected,\n    }: {\n      isDisabled: boolean;\n      isFocused: boolean;\n      isSelected: boolean;\n    }) => {\n      return cn(classNames.option, {\n        [classNames.option_disabled]: optionIsDisabled,\n        [classNames.option_focused]: optionIsFocused,\n        [classNames.option_selected]: optionIsSelected,\n      });\n    },\n    placeholder: () => {\n      return classNames.placeholder;\n    },\n    singleValue: () => {\n      return cn(classNames.singleValue, `${getValueProps().className}`);\n    },\n    valueContainer: () => {\n      return classNames.valueContainer;\n    },\n  };\n\n  const { getBaseProps, getTriggerProps, getValueProps } = useSelect({\n    children: [],\n    classNames,\n    errorMessage,\n    isDisabled: disabled,\n    isInvalid: invalid,\n    isLoading: loading,\n    isRequired: required,\n    label,\n    labelPlacement: 'outside',\n  });\n\n  // react-select expects `isDisabled`, while our option contract uses `disabled`.\n  const reactSelectOptions = options.map((option) => {\n    return {\n      ...option,\n      isDisabled: option.disabled,\n    };\n  });\n\n  // Compute selected option(s) for react-select\n  //\n  // Priority for finding options:\n  // 1. Look in current options list\n  // 2. Use selectedOptionFallback prop (for async selects with pre-fetched data)\n  // 3. Create fallback with value as label\n  //\n  // Handles edge cases:\n  // - Compares as strings to support both string and number values\n  // - Returns null for empty single-select (required by react-select to clear)\n  // - Creates fallback options when value exists but isn't in options list\n  //   (common with async selects where options change after selection)\n  const reactSelectValue = (() => {\n    // Helper to find option by value\n    const findOption = (v: string | number): SelectOption => {\n      // First, look in options list\n      const inOptions = options.find((option) => {\n        return String(option.value) === String(v);\n      });\n      if (inOptions) {\n        return inOptions;\n      }\n\n      // Second, look in selectedOptionFallback prop (for async selects)\n      if (selectedOptionFallback) {\n        if (Array.isArray(selectedOptionFallback)) {\n          const inSelected = selectedOptionFallback.find((option) => {\n            return String(option.value) === String(v);\n          });\n          if (inSelected) {\n            return inSelected;\n          }\n        } else if (String(selectedOptionFallback.value) === String(v)) {\n          return selectedOptionFallback;\n        }\n      }\n\n      // Fallback: create option with value as label, marked as fallback\n      return { isFallback: true, label: String(v), value: v };\n    };\n\n    if (multiSelect) {\n      if (!Array.isArray(value) || isValueEmpty(value)) {\n        return [];\n      }\n      return value.map((v) => {\n        return findOption(v);\n      });\n    }\n\n    // Single select - use isValueEmpty to handle marker strings (__NULL__, etc.)\n    if (isValueEmpty(value)) {\n      return null;\n    }\n    return findOption(value);\n  })();\n\n  // Handle selection change\n  const handleChange = (\n    option: MultiValue<SelectOption> | SingleValue<SelectOption>,\n  ) => {\n    if (multiSelect) {\n      onChange(\n        (option as SelectOption[])?.map((_option) => {\n          return convertToOriginalType(_option.value);\n        }),\n      );\n    } else {\n      const newValue = (option as SelectOption)?.value;\n      // Pass null explicitly when clearing (not undefined)\n      onChange(newValue != null ? convertToOriginalType(newValue) : null);\n    }\n\n    // Mark field as touched immediately when a selection is made if not already touched\n    // This ensures validation errors show right away (isTouched becomes true)\n    // For Select components, selecting an option is a complete user action\n    // (unlike text inputs where typing is ongoing), so we mark as touched immediately\n    const { isTouched: currentIsTouched } = getFieldState(name, testId);\n    if (!currentIsTouched) {\n      // Defer blur/touched notification until after the onChange value commit.\n      // This prevents \"one render cycle behind\" validation states where blur\n      // validation runs against the previous value.\n      queueMicrotask(() => {\n        onBlur();\n      });\n    }\n  };\n\n  // Handle blur event\n  const handleBlur = () => {\n    setIsFocused(false);\n    onBlur();\n  };\n\n  // Handle focus event\n  const handleFocus = () => {\n    setIsFocused(true);\n  };\n\n  return (\n    <div\n      {...getBaseProps()}\n      className={cn(classNames.base)}\n      // see HeroUI styles for group-data condition (data-invalid),\n      // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n      data-required={required}\n      data-testid={`${testId}_wrapper`}\n    >\n      {label ? (\n        <label\n          className={classNames.label}\n          data-slot=\"label\"\n          htmlFor={`react-select-${name}-input`}\n          id={getLabelProps().id}\n        >\n          {label}\n          {required ? (\n            <span aria-hidden className=\"ml-0.5 text-danger\">\n              *\n            </span>\n          ) : null}\n        </label>\n      ) : null}\n      <ReactSelect\n        ref={ref}\n        aria-errormessage=\"\"\n        aria-invalid={invalid}\n        aria-label={ariaLabel}\n        // set aria-labelledby to the label id so that the select is accessible\n        aria-labelledby={\n          label\n            ? getTriggerProps()['aria-labelledby']?.split(' ')[1]\n            : undefined\n        }\n        classNames={reactSelectClassNames}\n        components={{\n          Control: ControlComponent,\n          DropdownIndicator: DropdownIndicatorComponent,\n          Input: InputComponent,\n          Option: OptionComponent,\n        }}\n        // Does not affect the testId of the select, but is needed to pass it to sub-components\n        data-testid={testId}\n        filterOption={filterOption}\n        formatOptionLabel={renderOptionLabel}\n        inputValue={inputValue}\n        instanceId={name}\n        isClearable={clearable}\n        isDisabled={disabled}\n        isLoading={loading}\n        isMulti={multiSelect}\n        menuIsOpen={debugMenuOpen ? true : undefined}\n        // set menuPosition to fixed so that menu can be rendered\n        // inside Card / Modal components, menuShouldBlockScroll\n        // prevents container scroll when menu is open\n        menuPosition=\"fixed\"\n        menuShouldBlockScroll\n        name={name}\n        noOptionsMessage={renderEmptyOptions}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onInputChange={onInputChange}\n        options={reactSelectOptions}\n        placeholder={placeholder}\n        unstyled\n        value={reactSelectValue}\n      />\n      {invalid ? (\n        <div {...getHelperWrapperProps()}>\n          <div {...getErrorMessageProps()}>{errorMessage}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Select;\n","import Select from './Select';\n\nexport type { SelectProps } from './Select';\n\nexport { Select };\n\nexport default Select;\n"],"mappings":"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"}

package/dist/Select-CgeqhZIC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select-CgeqhZIC.js","names":[],"sources":["../src/Select/Select.tsx","../src/Select/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\nimport type { MultiValue, Props, SingleValue } from 'react-select';\n\nimport { useState } from 'react';\nimport ReactSelect, { components } from 'react-select';\n\nimport { useSelect } from '@heroui/select';\n\nimport { cn, slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { createOptionValueConverter, isValueEmpty } from '../helpers';\nimport { useFormContext } from '../hooks/useFormContext';\nimport { useUniformField } from '../hooks/useUniformField';\n\nexport const selectVariants = tv({\n  slots: {\n    base: 'group leading-normal',\n    clearIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-foreground-800',\n    control:\n      'duration-150! rounded-lg border-2 border-default-200 bg-content1 transition-background hover:border-default-400 group-data-[invalid=true]:border-danger group-data-[invalid=true]:hover:border-danger motion-reduce:transition-none',\n    control_focused: 'border-focus',\n    crossIcon: '',\n    downChevron: '',\n    dropdownIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-black',\n    group: '',\n    groupHeading: 'mb-1 ml-3 mt-2 text-sm text-foreground-500',\n    indicatorsContainer: 'gap-1 p-1',\n    indicatorSeparator: 'bg-default-300',\n    input: 'py-0.5 pl-1',\n    // see HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'pointer-events-auto relative bottom-1.5 ml-1 text-foreground subpixel-antialiased text-small group-data-[invalid=true]:!text-danger',\n    loadingIndicator: '',\n    loadingMessage: 'rounded-sm p-2 text-foreground-500',\n    menu: 'mt-2 rounded-xl border border-default-200 bg-content1 p-1 shadow-lg',\n    menuList: '',\n    // ensure menu has same z-index as modal so it is visible when rendered in modal\n    // see: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/modal.ts (see z-50)\n    menuPortal: 'z-50!',\n    multiValue: 'items-center gap-1.5 rounded bg-default-100 py-0.5 pl-2 pr-1',\n    multiValueContainer: '',\n    multiValueLabel: 'py-0.5 leading-6',\n    multiValueRemove:\n      'rounded text-default-500 hover:cursor-pointer hover:border-default-300 hover:text-default-800',\n    noOptionsMessage: 'rounded-sm p-2 text-foreground-500',\n    option: 'rounded px-3 py-2 hover:cursor-pointer',\n    option_disabled:\n      'cursor-not-allowed! hover:cursor-not-allowed! opacity-disabled',\n    option_focused: 'bg-default-100 active:bg-default-200',\n    option_selected: 'bg-default-300',\n    placeholder: 'ml-1 py-0.5 pl-1 text-sm text-foreground-500',\n    selectContainer: '',\n    singleValue: 'ml-1! leading-7!',\n    valueContainer: 'gap-1 p-1',\n  },\n});\n\ninterface SelectOption {\n  /** set option to disabled state */\n  disabled?: boolean;\n  /**\n   * True when option was auto-generated because the value wasn't found in options.\n   * Use in renderOptionLabel to render a component that fetches the real label.\n   */\n  isFallback?: boolean;\n  /** option label */\n  label?: ReactNode;\n  /** option value */\n  value: string | number;\n}\n\ntype VariantProps = TVProps<typeof selectVariants>;\ntype ClassName = TVClassName<typeof selectVariants>;\n\nexport interface SelectProps extends VariantProps {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName; // string;\n  /** Determine if the  */\n  clearable?: boolean;\n  /** Set the select to disabled state. */\n  disabled?: boolean;\n  /** Force menu open for debugging or visual testing. */\n  debugMenuOpen?: boolean;\n  /** Filter Select Options */\n  filterOption?:\n    | undefined\n    | ((option?: SelectOption, inputValue?: string) => boolean);\n  /** The value of the search input */\n  inputValue?: string;\n  /** Label that should be associated with the select. */\n  label?: ReactNode;\n  /** Set the select to a loading state. */\n  loading?: boolean;\n  /** switch between single and multi select mode. */\n  multiSelect?: boolean;\n  /** The name for the Select component, used by react-hook-form */\n  name: string;\n  /** Placeholder that is displayed when nothing is selected */\n  placeholder?: string;\n  /** Handle change events on the input */\n  onInputChange?: Props['onInputChange'];\n  /** The options for the Select component */\n  options: SelectOption[];\n  /** Render custom content when no options match the current search input. */\n  renderEmptyOptions?: Props['noOptionsMessage'];\n  /** Format the label of the option */\n  renderOptionLabel?: undefined | Props['formatOptionLabel'];\n  /**\n   * Fallback option(s) for async selects when value isn't in current options.\n   * Use when the selected value may not be in the options list (e.g., after\n   * search results change). Used only if value not found in options.\n   * For single select: pass the option object or undefined\n   * For multi-select: pass an array of option objects\n   */\n  selectedOptionFallback?: SelectOption | SelectOption[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst InputComponent: typeof components.Input = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}`;\n  return <components.Input data-testid={testId} {...props} />;\n};\n\nconst ControlComponent: typeof components.Control = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_select`;\n  return (\n    <div data-testid={testId}>\n      <components.Control {...props} />\n    </div>\n  );\n};\n\nconst OptionComponent: typeof components.Option = (props) => {\n  const { isDisabled } = props;\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_select_option_${slugify(String(props?.data?.testId ?? props?.data?.value), { replaceDots: true })}`;\n  return (\n    <div aria-disabled={isDisabled ? true : undefined} data-testid={testId}>\n      <components.Option {...props} />\n    </div>\n  );\n};\n\nconst DropdownIndicatorComponent: typeof components.DropdownIndicator = (\n  props,\n) => {\n  // @ts-expect-error data-testid is not a default prop\n  const testId = props?.selectProps['data-testid'] as string;\n  return (\n    <div data-testid={`${testId}_select_dropdown`}>\n      <components.DropdownIndicator {...props} />\n    </div>\n  );\n};\n\n/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */\nconst Select = ({\n  className = undefined,\n  clearable = true,\n  debugMenuOpen = false,\n  filterOption = undefined,\n  inputValue = undefined,\n  loading = false,\n  multiSelect = false,\n  name,\n  onInputChange = undefined,\n  options,\n  placeholder = undefined,\n  renderEmptyOptions = undefined,\n  renderOptionLabel = undefined,\n  selectedOptionFallback = undefined,\n  ...uniformFieldProps\n}: SelectProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, ref, value },\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    getLabelProps,\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Get getFieldState to check isTouched in onChange callback\n  const { getFieldState } = useFormContext();\n\n  // Track if the select is focused\n  const [isFocused, setIsFocused] = useState(false);\n\n  // Create converter to preserve number types for option values\n  const { convertToOriginalType } = createOptionValueConverter(options);\n\n  // classNames from slots\n  const variants = selectVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // React-select classNames configuration\n  const reactSelectClassNames = {\n    clearIndicator: () => {\n      return classNames.clearIndicator;\n    },\n    control: () => {\n      return cn(classNames.control, {\n        [classNames.control_focused]: isFocused && !invalid,\n      });\n    },\n    dropdownIndicator: () => {\n      return classNames.dropdownIndicator;\n    },\n    groupHeading: () => {\n      return classNames.groupHeading;\n    },\n    indicatorSeparator: () => {\n      return classNames.indicatorSeparator;\n    },\n    indicatorsContainer: () => {\n      return classNames.indicatorsContainer;\n    },\n    input: () => {\n      return classNames.input;\n    },\n    loadingIndicator: () => {\n      return classNames.loadingIndicator;\n    },\n    loadingMessage: () => {\n      return classNames.loadingMessage;\n    },\n    menu: () => {\n      return classNames.menu;\n    },\n    menuList: () => {\n      return classNames.menuList;\n    },\n    menuPortal: () => {\n      return classNames.menuPortal;\n    },\n    multiValue: () => {\n      return classNames.multiValue;\n    },\n    multiValueLabel: () => {\n      return cn(classNames.multiValueLabel, `${getValueProps().className}`);\n    },\n    multiValueRemove: () => {\n      return classNames.multiValueRemove;\n    },\n    noOptionsMessage: () => {\n      return classNames.noOptionsMessage;\n    },\n    option: ({\n      isDisabled: optionIsDisabled,\n      isFocused: optionIsFocused,\n      isSelected: optionIsSelected,\n    }: {\n      isDisabled: boolean;\n      isFocused: boolean;\n      isSelected: boolean;\n    }) => {\n      return cn(classNames.option, {\n        [classNames.option_disabled]: optionIsDisabled,\n        [classNames.option_focused]: optionIsFocused,\n        [classNames.option_selected]: optionIsSelected,\n      });\n    },\n    placeholder: () => {\n      return classNames.placeholder;\n    },\n    singleValue: () => {\n      return cn(classNames.singleValue, `${getValueProps().className}`);\n    },\n    valueContainer: () => {\n      return classNames.valueContainer;\n    },\n  };\n\n  const { getBaseProps, getTriggerProps, getValueProps } = useSelect({\n    children: [],\n    classNames,\n    errorMessage,\n    isDisabled: disabled,\n    isInvalid: invalid,\n    isLoading: loading,\n    isRequired: required,\n    label,\n    labelPlacement: 'outside',\n  });\n\n  // react-select expects `isDisabled`, while our option contract uses `disabled`.\n  const reactSelectOptions = options.map((option) => {\n    return {\n      ...option,\n      isDisabled: option.disabled,\n    };\n  });\n\n  // Compute selected option(s) for react-select\n  //\n  // Priority for finding options:\n  // 1. Look in current options list\n  // 2. Use selectedOptionFallback prop (for async selects with pre-fetched data)\n  // 3. Create fallback with value as label\n  //\n  // Handles edge cases:\n  // - Compares as strings to support both string and number values\n  // - Returns null for empty single-select (required by react-select to clear)\n  // - Creates fallback options when value exists but isn't in options list\n  //   (common with async selects where options change after selection)\n  const reactSelectValue = (() => {\n    // Helper to find option by value\n    const findOption = (v: string | number): SelectOption => {\n      // First, look in options list\n      const inOptions = options.find((option) => {\n        return String(option.value) === String(v);\n      });\n      if (inOptions) {\n        return inOptions;\n      }\n\n      // Second, look in selectedOptionFallback prop (for async selects)\n      if (selectedOptionFallback) {\n        if (Array.isArray(selectedOptionFallback)) {\n          const inSelected = selectedOptionFallback.find((option) => {\n            return String(option.value) === String(v);\n          });\n          if (inSelected) {\n            return inSelected;\n          }\n        } else if (String(selectedOptionFallback.value) === String(v)) {\n          return selectedOptionFallback;\n        }\n      }\n\n      // Fallback: create option with value as label, marked as fallback\n      return { isFallback: true, label: String(v), value: v };\n    };\n\n    if (multiSelect) {\n      if (!Array.isArray(value) || isValueEmpty(value)) {\n        return [];\n      }\n      return value.map((v) => {\n        return findOption(v);\n      });\n    }\n\n    // Single select - use isValueEmpty to handle marker strings (__NULL__, etc.)\n    if (isValueEmpty(value)) {\n      return null;\n    }\n    return findOption(value);\n  })();\n\n  // Handle selection change\n  const handleChange = (\n    option: MultiValue<SelectOption> | SingleValue<SelectOption>,\n  ) => {\n    if (multiSelect) {\n      onChange(\n        (option as SelectOption[])?.map((_option) => {\n          return convertToOriginalType(_option.value);\n        }),\n      );\n    } else {\n      const newValue = (option as SelectOption)?.value;\n      // Pass null explicitly when clearing (not undefined)\n      onChange(newValue != null ? convertToOriginalType(newValue) : null);\n    }\n\n    // Mark field as touched immediately when a selection is made if not already touched\n    // This ensures validation errors show right away (isTouched becomes true)\n    // For Select components, selecting an option is a complete user action\n    // (unlike text inputs where typing is ongoing), so we mark as touched immediately\n    const { isTouched: currentIsTouched } = getFieldState(name, testId);\n    if (!currentIsTouched) {\n      // Defer blur/touched notification until after the onChange value commit.\n      // This prevents \"one render cycle behind\" validation states where blur\n      // validation runs against the previous value.\n      queueMicrotask(() => {\n        onBlur();\n      });\n    }\n  };\n\n  // Handle blur event\n  const handleBlur = () => {\n    setIsFocused(false);\n    onBlur();\n  };\n\n  // Handle focus event\n  const handleFocus = () => {\n    setIsFocused(true);\n  };\n\n  return (\n    <div\n      {...getBaseProps()}\n      className={cn(classNames.base)}\n      // see HeroUI styles for group-data condition (data-invalid),\n      // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n      data-required={required}\n      data-testid={`${testId}_wrapper`}\n    >\n      {label ? (\n        <label\n          className={classNames.label}\n          data-slot=\"label\"\n          htmlFor={`react-select-${name}-input`}\n          id={getLabelProps().id}\n        >\n          {label}\n          {required ? (\n            <span aria-hidden className=\"ml-0.5 text-danger\">\n              *\n            </span>\n          ) : null}\n        </label>\n      ) : null}\n      <ReactSelect\n        ref={ref}\n        aria-errormessage=\"\"\n        aria-invalid={invalid}\n        aria-label={ariaLabel}\n        // set aria-labelledby to the label id so that the select is accessible\n        aria-labelledby={\n          label\n            ? getTriggerProps()['aria-labelledby']?.split(' ')[1]\n            : undefined\n        }\n        classNames={reactSelectClassNames}\n        components={{\n          Control: ControlComponent,\n          DropdownIndicator: DropdownIndicatorComponent,\n          Input: InputComponent,\n          Option: OptionComponent,\n        }}\n        // Does not affect the testId of the select, but is needed to pass it to sub-components\n        data-testid={testId}\n        filterOption={filterOption}\n        formatOptionLabel={renderOptionLabel}\n        inputValue={inputValue}\n        instanceId={name}\n        isClearable={clearable}\n        isDisabled={disabled}\n        isLoading={loading}\n        isMulti={multiSelect}\n        menuIsOpen={debugMenuOpen ? true : undefined}\n        // set menuPosition to fixed so that menu can be rendered\n        // inside Card / Modal components, menuShouldBlockScroll\n        // prevents container scroll when menu is open\n        menuPosition=\"fixed\"\n        menuShouldBlockScroll\n        name={name}\n        noOptionsMessage={renderEmptyOptions}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onInputChange={onInputChange}\n        options={reactSelectOptions}\n        placeholder={placeholder}\n        unstyled\n        value={reactSelectValue}\n      />\n      {invalid ? (\n        <div {...getHelperWrapperProps()}>\n          <div {...getErrorMessageProps()}>{errorMessage}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Select;\n","import Select from './Select';\n\nexport type { SelectProps } from './Select';\n\nexport { Select };\n\nexport default Select;\n"],"mappings":"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"}

package/dist/Time-CDptQ3CK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Time-CDptQ3CK.js","names":["HeroTimeInput"],"sources":["../src/Time/timeHelpers.ts","../src/Time/Time.tsx"],"sourcesContent":["import type { TimeInput as HeroTimeInput } from '@heroui/date-input';\nimport type { ComponentProps } from 'react';\n\nimport {\n  getLocalTimeZone,\n  parseAbsolute,\n  parseAbsoluteToLocal,\n  parseDateTime,\n  parseZonedDateTime,\n} from '@internationalized/date';\n\n/** Value type accepted by HeroUI TimeInput */\nexport type TimeValue = ComponentProps<typeof HeroTimeInput>['value'];\n\n/** Cast unknown input to the TimeInput value union type. */\nconst asTimeValue = (value: unknown): TimeValue => {\n  return value as TimeValue;\n};\n\n/** Check whether a value already looks like an @internationalized/date value. */\nconst isTimeValueLike = (value: unknown): value is object => {\n  if (!value || typeof value !== 'object') {\n    return false;\n  }\n\n  return 'hour' in value || 'calendar' in value;\n};\n\n/** Check if the incoming string represents a plain time (e.g. 09:30 or 09:30:45). */\nconst isTimeOnlyString = (value: string): boolean => {\n  return /^\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d{1,3})?)?$/.test(value);\n};\n\n/** Check if the incoming string is a UTC time-only value (e.g. 09:30Z). */\nconst isUtcTimeOnlyString = (value: string): boolean => {\n  return /^\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d{1,3})?)?Z$/.test(value);\n};\n\n/** Zero-pad integer segments for time serialization. */\nconst pad = (value: number): string => {\n  return String(value).padStart(2, '0');\n};\n\n/** Convert an absolute ISO string into UTC time-only store format. */\nconst toUtcTimeString = (\n  absoluteIsoString: string,\n  granularity: 'hour' | 'minute',\n): string | null => {\n  const utcDate = new Date(absoluteIsoString);\n  if (Number.isNaN(utcDate.getTime())) {\n    return null;\n  }\n\n  const hour = pad(utcDate.getUTCHours());\n  if (granularity === 'hour') {\n    return `${hour}:00Z`;\n  }\n\n  return `${hour}:${pad(utcDate.getUTCMinutes())}Z`;\n};\n\n/** True when an input already carries timezone/offset information. */\nconst hasExplicitTimeZone = (value: string): boolean => {\n  if (value.includes('[') && value.includes(']')) {\n    return true;\n  }\n\n  return /(?:[zZ]|[+-]\\d{2}:\\d{2})$/.test(value);\n};\n\n/** True for date-time strings without timezone/offset. */\nconst isNaiveDateTimeString = (value: string): boolean => {\n  return /^\\d{4}-\\d{2}-\\d{2}T/.test(value) && !hasExplicitTimeZone(value);\n};\n\n/** Safely run a parser and return `null` on parsing errors. */\nconst tryParse = (parser: () => unknown): TimeValue => {\n  try {\n    return asTimeValue(parser());\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Parse a form value into a HeroUI TimeInput compatible `TimeValue`.\n *\n * Supports existing `TimeValue` objects, native `Date` instances, plain time\n * strings (`HH:mm[:ss]`), absolute ISO date-time strings, zoned date-time\n * strings, and local date-time strings.\n *\n * Time-only strings are interpreted in the active timezone and normalized to a\n * `ZonedDateTime` (using a fixed reference date) so timezone abbreviations can\n * remain visible in the UI.\n */\nexport const parseTimeValue = (\n  value: unknown,\n  timeZone?: string,\n): TimeValue => {\n  if (value == null || value === '') {\n    return null;\n  }\n\n  if (isTimeValueLike(value)) {\n    return asTimeValue(value);\n  }\n\n  if (value instanceof Date) {\n    return asTimeValue(\n      timeZone\n        ? parseAbsolute(value.toISOString(), timeZone)\n        : parseAbsoluteToLocal(value.toISOString()),\n    );\n  }\n\n  if (typeof value !== 'string') {\n    return null;\n  }\n\n  const normalizedValue = value.trim();\n  if (normalizedValue === '') {\n    return null;\n  }\n\n  if (isTimeOnlyString(normalizedValue)) {\n    return tryParse(() => {\n      const [hourValue, minuteValue, secondValue] = normalizedValue\n        .split(':')\n        .map(Number);\n      const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n      const hour = pad(hourValue);\n      const minute = pad(minuteValue);\n      const second = pad(secondValue ?? 0);\n\n      return parseZonedDateTime(\n        `1970-01-01T${hour}:${minute}:${second}[${resolvedTimeZone}]`,\n      );\n    });\n  }\n\n  if (isUtcTimeOnlyString(normalizedValue)) {\n    return tryParse(() => {\n      const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n      return parseAbsolute(`1970-01-01T${normalizedValue}`, resolvedTimeZone);\n    });\n  }\n\n  const parsers: (() => unknown)[] = [\n    ...(timeZone && isNaiveDateTimeString(normalizedValue)\n      ? [\n          () => {\n            return parseZonedDateTime(`${normalizedValue}[${timeZone}]`);\n          },\n        ]\n      : []),\n    () => {\n      return timeZone\n        ? parseAbsolute(normalizedValue, timeZone)\n        : parseAbsoluteToLocal(normalizedValue);\n    },\n    () => {\n      return parseZonedDateTime(normalizedValue);\n    },\n    () => {\n      return parseDateTime(normalizedValue);\n    },\n  ];\n\n  return (\n    parsers\n      .map((parser) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return tryParse(parser);\n      })\n      .find((parsedValue) => {\n        return parsedValue != null;\n      }) ?? null\n  );\n};\n\n/** Resolve the timezone used for parsing and string conversion. */\nexport const resolveTimeFieldTimeZone = (timeZone?: string): string => {\n  return timeZone ?? getLocalTimeZone();\n};\n\n/**\n * Build default placeholder value for TimeInput.\n *\n * Uses a fixed reference time to keep snapshots deterministic.\n */\nexport const getTimeFieldPlaceholderValue = (timeZone?: string): TimeValue => {\n  const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n  return asTimeValue(\n    parseZonedDateTime(`1970-01-01T00:00:00[${resolvedTimeZone}]`),\n  );\n};\n\n/**\n * Convert a TimeValue into a UTC time-only string for form state.\n *\n * The stored format is `HH:mmZ` (or `HH:00Z` when granularity is `hour`).\n */\nexport const timeValueToString = (\n  value: TimeValue,\n  timeZone: string,\n  granularity: 'hour' | 'minute' = 'minute',\n): string | null => {\n  if (value == null) {\n    return null;\n  }\n\n  const maybeWithAbsoluteString = value as { toAbsoluteString?: () => string };\n  if (typeof maybeWithAbsoluteString.toAbsoluteString === 'function') {\n    return toUtcTimeString(\n      maybeWithAbsoluteString.toAbsoluteString(),\n      granularity,\n    );\n  }\n\n  const maybeWithToDate = value as { toDate?: (zone: string) => Date };\n  if (typeof maybeWithToDate.toDate === 'function') {\n    return toUtcTimeString(\n      maybeWithToDate.toDate(timeZone).toISOString(),\n      granularity,\n    );\n  }\n\n  const maybeTime = value as {\n    hour?: number;\n    minute?: number;\n    second?: number;\n  };\n  if (\n    typeof maybeTime.hour === 'number' &&\n    typeof maybeTime.minute === 'number'\n  ) {\n    const hour = pad(maybeTime.hour);\n    const minute = pad(maybeTime.minute);\n    const second = pad(maybeTime.second ?? 0);\n    return toUtcTimeString(\n      parseZonedDateTime(\n        `1970-01-01T${hour}:${minute}:${second}[${timeZone}]`,\n      ).toAbsoluteString(),\n      granularity,\n    );\n  }\n\n  return null;\n};\n","import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\nimport type { TimeValue } from './timeHelpers';\n\nimport { TimeInput as HeroTimeInput } from '@heroui/date-input';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\nimport {\n  getTimeFieldPlaceholderValue,\n  parseTimeValue,\n  resolveTimeFieldTimeZone,\n  timeValueToString,\n} from './timeHelpers';\n\nexport const timeVariants = tv({\n  slots: {\n    /** wrapper around the whole time input */\n    base: '',\n    /** helper wrapper for error/description */\n    helperWrapper: [\n      // set padding to 0 for error message exit animation\n      'p-0',\n    ],\n    /** the segmented input element */\n    input: '',\n    /** inner wrapper around segments and optional content */\n    innerWrapper: '',\n    /** outer input wrapper */\n    inputWrapper: 'bg-content1 focus-within:border-focus',\n    /** field label */\n    label: '',\n    /** individual segment */\n    segment: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof timeVariants>;\ntype ClassName = TVClassName<typeof timeVariants>;\n\nexport interface TimeProps extends VariantProps {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** input is disabled */\n  disabled?: boolean;\n  /** smallest visible unit in the segmented time input */\n  granularity?: 'hour' | 'minute';\n  /** hide timezone abbreviation for zoned values */\n  hideTimeZone?: boolean;\n  /** force hour granularity and store UTC hour as number (0-23) */\n  hourAsNumber?: boolean;\n  /** hour cycle formatting */\n  hourCycle?: 12 | 24;\n  /** form field label */\n  label?: ReactNode;\n  /** form field name */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /**\n   * Optional timezone used for parsing date-time strings and serializing values.\n   * When omitted, local timezone is used.\n   */\n  timeZone?: string;\n  /** value format stored in form state (`string` stores UTC minute values, e.g. `10:15Z`) */\n  valueType?: 'string' | 'timeValue';\n}\n\n/**\n * Time component based on [HeroUI TimeInput](https://v2.heroui.com/docs/components/time-input)\n */\nconst Time = ({\n  className: _className = undefined,\n  granularity = 'minute',\n  hideTimeZone = false,\n  hourAsNumber = false,\n  hourCycle = undefined,\n  name,\n  timeZone = undefined,\n  valueType = 'string',\n  ...uniformFieldProps\n}: TimeProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, value },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({ name, ...uniformFieldProps });\n\n  // classNames from slots\n  const variants = timeVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n  const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n  const effectiveGranularity = hourAsNumber ? 'hour' : granularity;\n\n  // `hourAsNumber` stores 0-23; convert this into a parseable UTC time for display.\n  const normalizedFieldValue =\n    hourAsNumber && typeof value === 'number'\n      ? `${String(Math.max(0, Math.min(23, value))).padStart(2, '0')}:00Z`\n      : value;\n\n  // Normalize incoming form value into HeroUI TimeInput value shape.\n  const parsedValue = parseTimeValue(normalizedFieldValue, timeZone);\n  const placeholderValue = getTimeFieldPlaceholderValue(timeZone);\n\n  // Normalize TimeInput output into the configured storage format.\n  const handleChange = (nextValue: TimeValue) => {\n    if (nextValue == null) {\n      onChange(null);\n      return;\n    }\n\n    if (hourAsNumber) {\n      const serializedValue = timeValueToString(\n        nextValue,\n        resolvedTimeZone,\n        'hour',\n      );\n\n      if (!serializedValue) {\n        onChange(null);\n        return;\n      }\n\n      const [hoursSegment] = serializedValue.split(':');\n      const parsedHours = Number(hoursSegment);\n      onChange(Number.isNaN(parsedHours) ? null : parsedHours);\n      return;\n    }\n\n    if (valueType === 'timeValue') {\n      onChange(nextValue);\n      return;\n    }\n\n    onChange(\n      timeValueToString(nextValue, resolvedTimeZone, effectiveGranularity) ??\n        String(nextValue),\n    );\n  };\n\n  return (\n    <HeroTimeInput\n      aria-label={label ? undefined : ariaLabel}\n      classNames={{\n        base: classNames.base,\n        helperWrapper: classNames.helperWrapper,\n        innerWrapper: classNames.innerWrapper,\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n        label: classNames.label,\n        segment: classNames.segment,\n      }}\n      data-testid={testId}\n      errorMessage={errorMessage}\n      granularity={effectiveGranularity}\n      hideTimeZone={hideTimeZone}\n      hourCycle={hourCycle}\n      id={testId}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label}\n      labelPlacement=\"outside\"\n      name={name}\n      onBlur={onBlur}\n      onChange={handleChange}\n      placeholderValue={placeholderValue ?? undefined}\n      radius=\"sm\"\n      value={parsedValue ?? undefined}\n      variant=\"bordered\"\n    />\n  );\n};\n\nexport default Time;\n"],"mappings":"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"}

package/dist/Time-WKgbji5k.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Time-WKgbji5k.cjs","names":["useUniformField","HeroTimeInput"],"sources":["../src/Time/timeHelpers.ts","../src/Time/Time.tsx"],"sourcesContent":["import type { TimeInput as HeroTimeInput } from '@heroui/date-input';\nimport type { ComponentProps } from 'react';\n\nimport {\n  getLocalTimeZone,\n  parseAbsolute,\n  parseAbsoluteToLocal,\n  parseDateTime,\n  parseZonedDateTime,\n} from '@internationalized/date';\n\n/** Value type accepted by HeroUI TimeInput */\nexport type TimeValue = ComponentProps<typeof HeroTimeInput>['value'];\n\n/** Cast unknown input to the TimeInput value union type. */\nconst asTimeValue = (value: unknown): TimeValue => {\n  return value as TimeValue;\n};\n\n/** Check whether a value already looks like an @internationalized/date value. */\nconst isTimeValueLike = (value: unknown): value is object => {\n  if (!value || typeof value !== 'object') {\n    return false;\n  }\n\n  return 'hour' in value || 'calendar' in value;\n};\n\n/** Check if the incoming string represents a plain time (e.g. 09:30 or 09:30:45). */\nconst isTimeOnlyString = (value: string): boolean => {\n  return /^\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d{1,3})?)?$/.test(value);\n};\n\n/** Check if the incoming string is a UTC time-only value (e.g. 09:30Z). */\nconst isUtcTimeOnlyString = (value: string): boolean => {\n  return /^\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d{1,3})?)?Z$/.test(value);\n};\n\n/** Zero-pad integer segments for time serialization. */\nconst pad = (value: number): string => {\n  return String(value).padStart(2, '0');\n};\n\n/** Convert an absolute ISO string into UTC time-only store format. */\nconst toUtcTimeString = (\n  absoluteIsoString: string,\n  granularity: 'hour' | 'minute',\n): string | null => {\n  const utcDate = new Date(absoluteIsoString);\n  if (Number.isNaN(utcDate.getTime())) {\n    return null;\n  }\n\n  const hour = pad(utcDate.getUTCHours());\n  if (granularity === 'hour') {\n    return `${hour}:00Z`;\n  }\n\n  return `${hour}:${pad(utcDate.getUTCMinutes())}Z`;\n};\n\n/** True when an input already carries timezone/offset information. */\nconst hasExplicitTimeZone = (value: string): boolean => {\n  if (value.includes('[') && value.includes(']')) {\n    return true;\n  }\n\n  return /(?:[zZ]|[+-]\\d{2}:\\d{2})$/.test(value);\n};\n\n/** True for date-time strings without timezone/offset. */\nconst isNaiveDateTimeString = (value: string): boolean => {\n  return /^\\d{4}-\\d{2}-\\d{2}T/.test(value) && !hasExplicitTimeZone(value);\n};\n\n/** Safely run a parser and return `null` on parsing errors. */\nconst tryParse = (parser: () => unknown): TimeValue => {\n  try {\n    return asTimeValue(parser());\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Parse a form value into a HeroUI TimeInput compatible `TimeValue`.\n *\n * Supports existing `TimeValue` objects, native `Date` instances, plain time\n * strings (`HH:mm[:ss]`), absolute ISO date-time strings, zoned date-time\n * strings, and local date-time strings.\n *\n * Time-only strings are interpreted in the active timezone and normalized to a\n * `ZonedDateTime` (using a fixed reference date) so timezone abbreviations can\n * remain visible in the UI.\n */\nexport const parseTimeValue = (\n  value: unknown,\n  timeZone?: string,\n): TimeValue => {\n  if (value == null || value === '') {\n    return null;\n  }\n\n  if (isTimeValueLike(value)) {\n    return asTimeValue(value);\n  }\n\n  if (value instanceof Date) {\n    return asTimeValue(\n      timeZone\n        ? parseAbsolute(value.toISOString(), timeZone)\n        : parseAbsoluteToLocal(value.toISOString()),\n    );\n  }\n\n  if (typeof value !== 'string') {\n    return null;\n  }\n\n  const normalizedValue = value.trim();\n  if (normalizedValue === '') {\n    return null;\n  }\n\n  if (isTimeOnlyString(normalizedValue)) {\n    return tryParse(() => {\n      const [hourValue, minuteValue, secondValue] = normalizedValue\n        .split(':')\n        .map(Number);\n      const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n      const hour = pad(hourValue);\n      const minute = pad(minuteValue);\n      const second = pad(secondValue ?? 0);\n\n      return parseZonedDateTime(\n        `1970-01-01T${hour}:${minute}:${second}[${resolvedTimeZone}]`,\n      );\n    });\n  }\n\n  if (isUtcTimeOnlyString(normalizedValue)) {\n    return tryParse(() => {\n      const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n      return parseAbsolute(`1970-01-01T${normalizedValue}`, resolvedTimeZone);\n    });\n  }\n\n  const parsers: (() => unknown)[] = [\n    ...(timeZone && isNaiveDateTimeString(normalizedValue)\n      ? [\n          () => {\n            return parseZonedDateTime(`${normalizedValue}[${timeZone}]`);\n          },\n        ]\n      : []),\n    () => {\n      return timeZone\n        ? parseAbsolute(normalizedValue, timeZone)\n        : parseAbsoluteToLocal(normalizedValue);\n    },\n    () => {\n      return parseZonedDateTime(normalizedValue);\n    },\n    () => {\n      return parseDateTime(normalizedValue);\n    },\n  ];\n\n  return (\n    parsers\n      .map((parser) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return tryParse(parser);\n      })\n      .find((parsedValue) => {\n        return parsedValue != null;\n      }) ?? null\n  );\n};\n\n/** Resolve the timezone used for parsing and string conversion. */\nexport const resolveTimeFieldTimeZone = (timeZone?: string): string => {\n  return timeZone ?? getLocalTimeZone();\n};\n\n/**\n * Build default placeholder value for TimeInput.\n *\n * Uses a fixed reference time to keep snapshots deterministic.\n */\nexport const getTimeFieldPlaceholderValue = (timeZone?: string): TimeValue => {\n  const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n  return asTimeValue(\n    parseZonedDateTime(`1970-01-01T00:00:00[${resolvedTimeZone}]`),\n  );\n};\n\n/**\n * Convert a TimeValue into a UTC time-only string for form state.\n *\n * The stored format is `HH:mmZ` (or `HH:00Z` when granularity is `hour`).\n */\nexport const timeValueToString = (\n  value: TimeValue,\n  timeZone: string,\n  granularity: 'hour' | 'minute' = 'minute',\n): string | null => {\n  if (value == null) {\n    return null;\n  }\n\n  const maybeWithAbsoluteString = value as { toAbsoluteString?: () => string };\n  if (typeof maybeWithAbsoluteString.toAbsoluteString === 'function') {\n    return toUtcTimeString(\n      maybeWithAbsoluteString.toAbsoluteString(),\n      granularity,\n    );\n  }\n\n  const maybeWithToDate = value as { toDate?: (zone: string) => Date };\n  if (typeof maybeWithToDate.toDate === 'function') {\n    return toUtcTimeString(\n      maybeWithToDate.toDate(timeZone).toISOString(),\n      granularity,\n    );\n  }\n\n  const maybeTime = value as {\n    hour?: number;\n    minute?: number;\n    second?: number;\n  };\n  if (\n    typeof maybeTime.hour === 'number' &&\n    typeof maybeTime.minute === 'number'\n  ) {\n    const hour = pad(maybeTime.hour);\n    const minute = pad(maybeTime.minute);\n    const second = pad(maybeTime.second ?? 0);\n    return toUtcTimeString(\n      parseZonedDateTime(\n        `1970-01-01T${hour}:${minute}:${second}[${timeZone}]`,\n      ).toAbsoluteString(),\n      granularity,\n    );\n  }\n\n  return null;\n};\n","import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\nimport type { TimeValue } from './timeHelpers';\n\nimport { TimeInput as HeroTimeInput } from '@heroui/date-input';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\nimport {\n  getTimeFieldPlaceholderValue,\n  parseTimeValue,\n  resolveTimeFieldTimeZone,\n  timeValueToString,\n} from './timeHelpers';\n\nexport const timeVariants = tv({\n  slots: {\n    /** wrapper around the whole time input */\n    base: '',\n    /** helper wrapper for error/description */\n    helperWrapper: [\n      // set padding to 0 for error message exit animation\n      'p-0',\n    ],\n    /** the segmented input element */\n    input: '',\n    /** inner wrapper around segments and optional content */\n    innerWrapper: '',\n    /** outer input wrapper */\n    inputWrapper: 'bg-content1 focus-within:border-focus',\n    /** field label */\n    label: '',\n    /** individual segment */\n    segment: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof timeVariants>;\ntype ClassName = TVClassName<typeof timeVariants>;\n\nexport interface TimeProps extends VariantProps {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** input is disabled */\n  disabled?: boolean;\n  /** smallest visible unit in the segmented time input */\n  granularity?: 'hour' | 'minute';\n  /** hide timezone abbreviation for zoned values */\n  hideTimeZone?: boolean;\n  /** force hour granularity and store UTC hour as number (0-23) */\n  hourAsNumber?: boolean;\n  /** hour cycle formatting */\n  hourCycle?: 12 | 24;\n  /** form field label */\n  label?: ReactNode;\n  /** form field name */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /**\n   * Optional timezone used for parsing date-time strings and serializing values.\n   * When omitted, local timezone is used.\n   */\n  timeZone?: string;\n  /** value format stored in form state (`string` stores UTC minute values, e.g. `10:15Z`) */\n  valueType?: 'string' | 'timeValue';\n}\n\n/**\n * Time component based on [HeroUI TimeInput](https://v2.heroui.com/docs/components/time-input)\n */\nconst Time = ({\n  className: _className = undefined,\n  granularity = 'minute',\n  hideTimeZone = false,\n  hourAsNumber = false,\n  hourCycle = undefined,\n  name,\n  timeZone = undefined,\n  valueType = 'string',\n  ...uniformFieldProps\n}: TimeProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, value },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({ name, ...uniformFieldProps });\n\n  // classNames from slots\n  const variants = timeVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n  const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n  const effectiveGranularity = hourAsNumber ? 'hour' : granularity;\n\n  // `hourAsNumber` stores 0-23; convert this into a parseable UTC time for display.\n  const normalizedFieldValue =\n    hourAsNumber && typeof value === 'number'\n      ? `${String(Math.max(0, Math.min(23, value))).padStart(2, '0')}:00Z`\n      : value;\n\n  // Normalize incoming form value into HeroUI TimeInput value shape.\n  const parsedValue = parseTimeValue(normalizedFieldValue, timeZone);\n  const placeholderValue = getTimeFieldPlaceholderValue(timeZone);\n\n  // Normalize TimeInput output into the configured storage format.\n  const handleChange = (nextValue: TimeValue) => {\n    if (nextValue == null) {\n      onChange(null);\n      return;\n    }\n\n    if (hourAsNumber) {\n      const serializedValue = timeValueToString(\n        nextValue,\n        resolvedTimeZone,\n        'hour',\n      );\n\n      if (!serializedValue) {\n        onChange(null);\n        return;\n      }\n\n      const [hoursSegment] = serializedValue.split(':');\n      const parsedHours = Number(hoursSegment);\n      onChange(Number.isNaN(parsedHours) ? null : parsedHours);\n      return;\n    }\n\n    if (valueType === 'timeValue') {\n      onChange(nextValue);\n      return;\n    }\n\n    onChange(\n      timeValueToString(nextValue, resolvedTimeZone, effectiveGranularity) ??\n        String(nextValue),\n    );\n  };\n\n  return (\n    <HeroTimeInput\n      aria-label={label ? undefined : ariaLabel}\n      classNames={{\n        base: classNames.base,\n        helperWrapper: classNames.helperWrapper,\n        innerWrapper: classNames.innerWrapper,\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n        label: classNames.label,\n        segment: classNames.segment,\n      }}\n      data-testid={testId}\n      errorMessage={errorMessage}\n      granularity={effectiveGranularity}\n      hideTimeZone={hideTimeZone}\n      hourCycle={hourCycle}\n      id={testId}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label}\n      labelPlacement=\"outside\"\n      name={name}\n      onBlur={onBlur}\n      onChange={handleChange}\n      placeholderValue={placeholderValue ?? undefined}\n      radius=\"sm\"\n      value={parsedValue ?? undefined}\n      variant=\"bordered\"\n    />\n  );\n};\n\nexport default Time;\n"],"mappings":"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"}

package/dist/index-7UT2Ki5e.d.cts

@@ -1,113 +0,0 @@
-import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
-import { ReactNode } from "react";
-
-//#region src/Time/Time.d.ts
-declare const timeVariants: import("tailwind-variants").TVReturnType<{
-  [key: string]: {
-    [key: string]: import("tailwind-merge").ClassNameValue | {
-      base?: import("tailwind-merge").ClassNameValue;
-      label?: import("tailwind-merge").ClassNameValue;
-      input?: import("tailwind-merge").ClassNameValue;
-      helperWrapper?: import("tailwind-merge").ClassNameValue;
-      inputWrapper?: import("tailwind-merge").ClassNameValue;
-      innerWrapper?: import("tailwind-merge").ClassNameValue;
-      segment?: import("tailwind-merge").ClassNameValue;
-    };
-  };
-} | {
-  [x: string]: {
-    [x: string]: import("tailwind-merge").ClassNameValue | {
-      base?: import("tailwind-merge").ClassNameValue;
-      label?: import("tailwind-merge").ClassNameValue;
-      input?: import("tailwind-merge").ClassNameValue;
-      helperWrapper?: import("tailwind-merge").ClassNameValue;
-      inputWrapper?: import("tailwind-merge").ClassNameValue;
-      innerWrapper?: import("tailwind-merge").ClassNameValue;
-      segment?: import("tailwind-merge").ClassNameValue;
-    };
-  };
-} | {}, {
-  /** wrapper around the whole time input */base: string; /** helper wrapper for error/description */
-  helperWrapper: string[]; /** the segmented input element */
-  input: string; /** inner wrapper around segments and optional content */
-  innerWrapper: string; /** outer input wrapper */
-  inputWrapper: string; /** field label */
-  label: string; /** individual segment */
-  segment: string;
-}, undefined, {
-  [key: string]: {
-    [key: string]: import("tailwind-merge").ClassNameValue | {
-      base?: import("tailwind-merge").ClassNameValue;
-      label?: import("tailwind-merge").ClassNameValue;
-      input?: import("tailwind-merge").ClassNameValue;
-      helperWrapper?: import("tailwind-merge").ClassNameValue;
-      inputWrapper?: import("tailwind-merge").ClassNameValue;
-      innerWrapper?: import("tailwind-merge").ClassNameValue;
-      segment?: import("tailwind-merge").ClassNameValue;
-    };
-  };
-} | {}, {
-  /** wrapper around the whole time input */base: string; /** helper wrapper for error/description */
-  helperWrapper: string[]; /** the segmented input element */
-  input: string; /** inner wrapper around segments and optional content */
-  innerWrapper: string; /** outer input wrapper */
-  inputWrapper: string; /** field label */
-  label: string; /** individual segment */
-  segment: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-  /** wrapper around the whole time input */base: string; /** helper wrapper for error/description */
-  helperWrapper: string[]; /** the segmented input element */
-  input: string; /** inner wrapper around segments and optional content */
-  innerWrapper: string; /** outer input wrapper */
-  inputWrapper: string; /** field label */
-  label: string; /** individual segment */
-  segment: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof timeVariants>;
-type ClassName = TVClassName<typeof timeVariants>;
-interface TimeProps extends VariantProps {
-  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
-  ariaLabel?: string;
-  /** CSS class name */
-  className?: ClassName;
-  /** input is disabled */
-  disabled?: boolean;
-  /** smallest visible unit in the segmented time input */
-  granularity?: 'hour' | 'minute';
-  /** hide timezone abbreviation for zoned values */
-  hideTimeZone?: boolean;
-  /** force hour granularity and store UTC hour as number (0-23) */
-  hourAsNumber?: boolean;
-  /** hour cycle formatting */
-  hourCycle?: 12 | 24;
-  /** form field label */
-  label?: ReactNode;
-  /** form field name */
-  name: string;
-  /** HTML data-testid attribute used in e2e tests */
-  testId?: string;
-  /**
-   * Optional timezone used for parsing date-time strings and serializing values.
-   * When omitted, local timezone is used.
-   */
-  timeZone?: string;
-  /** value format stored in form state (`string` stores UTC minute values, e.g. `10:15Z`) */
-  valueType?: 'string' | 'timeValue';
-}
-/**
- * Time component based on [HeroUI TimeInput](https://v2.heroui.com/docs/components/time-input)
- */
-declare const Time: ({
-  className: _className,
-  granularity,
-  hideTimeZone,
-  hourAsNumber,
-  hourCycle,
-  name,
-  timeZone,
-  valueType,
-  ...uniformFieldProps
-}: TimeProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { TimeProps as n, Time as t };
-//# sourceMappingURL=index-7UT2Ki5e.d.cts.map

package/dist/index-7UT2Ki5e.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-7UT2Ki5e.d.cts","names":[],"sources":["../src/Time/Time.tsx"],"mappings":";;;;cAgBa,YAAA,8BAAY,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsBpB,YAAA,GAAe,OAAO,QAAQ,YAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,YAAA;AAAA,UAEnB,SAAA,SAAkB,YAAA;EAHf;EAKlB,SAAA;EAJG;EAMH,SAAA,GAAY,SAAA;;EAEZ,QAAA;EAR8C;EAU9C,WAAA;EARyB;EAUzB,YAAA;EANY;EAQZ,YAAA;EAZiC;EAcjC,SAAA;EAd6C;EAgB7C,KAAA,GAAQ,SAAA;EAdR;EAgBA,IAAA;EAdY;EAgBZ,MAAA;EAZA;;;;EAiBA,QAAA;EATQ;EAWR,SAAA;AAAA;;;;cAMI,IAAA;EAAQ,SAAA,EAAA,UAAA;EAAA,WAAA;EAAA,YAAA;EAAA,YAAA;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAUX,SAAA,iCAAS,GAAA,CAAA,OAAA"}

package/dist/index-9_3XTDJC.d.cts

@@ -1,174 +0,0 @@
-import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
-import { ReactNode } from "react";
-//#region src/RadioBoxes/RadioBoxes.d.ts
-declare const radioBoxesVariants: import("tailwind-variants").TVReturnType<{
-  [key: string]: {
-    [key: string]: import("tailwind-merge").ClassNameValue | {
-      base?: import("tailwind-merge").ClassNameValue;
-      label?: import("tailwind-merge").ClassNameValue;
-      wrapper?: import("tailwind-merge").ClassNameValue;
-      boxBase?: import("tailwind-merge").ClassNameValue;
-      boxControl?: import("tailwind-merge").ClassNameValue;
-      boxDescription?: import("tailwind-merge").ClassNameValue;
-      boxLabel?: import("tailwind-merge").ClassNameValue;
-      boxLabelWrapper?: import("tailwind-merge").ClassNameValue;
-    };
-  };
-} | {
-  [x: string]: {
-    [x: string]: import("tailwind-merge").ClassNameValue | {
-      base?: import("tailwind-merge").ClassNameValue;
-      label?: import("tailwind-merge").ClassNameValue;
-      wrapper?: import("tailwind-merge").ClassNameValue;
-      boxBase?: import("tailwind-merge").ClassNameValue;
-      boxControl?: import("tailwind-merge").ClassNameValue;
-      boxDescription?: import("tailwind-merge").ClassNameValue;
-      boxLabel?: import("tailwind-merge").ClassNameValue;
-      boxLabelWrapper?: import("tailwind-merge").ClassNameValue;
-    };
-  };
-} | {}, {
-  base: string;
-  boxBase: string;
-  boxControl: string;
-  boxDescription: string;
-  boxLabel: string;
-  boxLabelWrapper: string;
-  label: string;
-  wrapper: string;
-}, undefined, {
-  [key: string]: {
-    [key: string]: import("tailwind-merge").ClassNameValue | {
-      base?: import("tailwind-merge").ClassNameValue;
-      label?: import("tailwind-merge").ClassNameValue;
-      wrapper?: import("tailwind-merge").ClassNameValue;
-      boxBase?: import("tailwind-merge").ClassNameValue;
-      boxControl?: import("tailwind-merge").ClassNameValue;
-      boxDescription?: import("tailwind-merge").ClassNameValue;
-      boxLabel?: import("tailwind-merge").ClassNameValue;
-      boxLabelWrapper?: import("tailwind-merge").ClassNameValue;
-    };
-  };
-} | {}, {
-  base: string;
-  boxBase: string;
-  boxControl: string;
-  boxDescription: string;
-  boxLabel: string;
-  boxLabelWrapper: string;
-  label: string;
-  wrapper: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-  base: string;
-  boxBase: string;
-  boxControl: string;
-  boxDescription: string;
-  boxLabel: string;
-  boxLabelWrapper: string;
-  label: string;
-  wrapper: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof radioBoxesVariants>;
-type ClassName = TVClassName<typeof radioBoxesVariants>;
-interface RadioBoxesOption {
-  /** Description of the value. Works with variant radioBox. */
-  description?: ReactNode;
-  /** disables the option */
-  disabled?: boolean;
-  /** option label */
-  label?: ReactNode;
-  /** option icon */
-  icon?: ReactNode;
-  /** HTML data-testid attribute of the option */
-  testId?: string;
-  /** option value */
-  value: string | number;
-}
-interface RadioBoxesProps extends VariantProps {
-  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
-  ariaLabel?: string;
-  /** CSS class name */
-  className?: ClassName;
-  /** Determines if the Buttons are disabled or not. */
-  disabled?: boolean;
-  /** determines orientation of the Buttons. */
-  inline?: boolean;
-  /** Label displayed next to the RadioButton. */
-  label?: ReactNode;
-  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */
-  name: string;
-  /** Radio button configuration. */
-  options: RadioBoxesOption[];
-  /** Id to grab element in internal tests. */
-  testId?: string;
-}
-/**
- * RadioBoxes component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
- */
-declare const RadioBoxes: ({
-  className,
-  inline,
-  name,
-  options,
-  ...uniformFieldProps
-}: RadioBoxesProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-//#region src/RadioBoxes/RadioBox.d.ts
-declare const radioBoxVariants: import("tailwind-variants").TVReturnType<{
-  isDisabled: {
-    true: {
-      base: string;
-    };
-  };
-  isInvalid: {
-    true: {
-      base: string;
-    };
-  };
-}, {
-  base: string;
-  control: string;
-  description: string;
-  icon: string;
-  label: string;
-  labelWrapper: string;
-}, undefined, {
-  isDisabled: {
-    true: {
-      base: string;
-    };
-  };
-  isInvalid: {
-    true: {
-      base: string;
-    };
-  };
-}, {
-  base: string;
-  control: string;
-  description: string;
-  icon: string;
-  label: string;
-  labelWrapper: string;
-}, import("tailwind-variants").TVReturnType<{
-  isDisabled: {
-    true: {
-      base: string;
-    };
-  };
-  isInvalid: {
-    true: {
-      base: string;
-    };
-  };
-}, {
-  base: string;
-  control: string;
-  description: string;
-  icon: string;
-  label: string;
-  labelWrapper: string;
-}, undefined, unknown, unknown, undefined>>;
-//#endregion
-export { RadioBoxes as n, RadioBoxesProps as r, radioBoxVariants as t };
-//# sourceMappingURL=index-9_3XTDJC.d.cts.map

package/dist/index-9_3XTDJC.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-9_3XTDJC.d.cts","names":[],"sources":["../src/RadioBoxes/RadioBoxes.tsx","../src/RadioBoxes/RadioBox.tsx"],"mappings":";;;cAaa,kBAAA,8BAAkB,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgB1B,YAAA,GAAe,OAAO,QAAQ,kBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,kBAAA;AAAA,UAEnB,gBAAA;;EAEf,WAAA,GAAc,SAAA;;EAEd,QAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,IAAA,GAAO,SAAA;;EAEP,MAAA;;EAEA,KAAA;AAAA;AAAA,UAGe,eAAA,SAAwB,YAAA;;EAEvC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,MAAA;EA1BG;EA4BH,KAAA,GAAQ,SAAA;;EAER,IAAA;EA9BmD;EAgCnD,OAAA,EAAS,gBAAA;EA/BG;EAiCZ,MAAA;AAAA;AAjCoD;AAEtD;;AAFsD,cAuChD,UAAA;EAAc,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAMjB,eAAA,iCAAe,GAAA,CAAA,OAAA;;;cClEL,gBAAA,8BAAgB,YAAA"}