@fuf-stack/uniform 1.13.0 → 1.15.0

package/dist/Select-9MyYYGeZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select-9MyYYGeZ.js","names":["Select"],"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 { Props } 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 } 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 subpixel-antialiased text-small group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\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_focused: 'bg-default-100 active:bg-default-200',\n    option_selected: 'bg-default-300',\n    option: 'rounded px-3 py-2 hover:cursor-pointer',\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  /** 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  /** Filter Select Options */\n  filterOption?:\n    | undefined\n    | ((option?: SelectOption, inputValue?: string) => boolean);\n  /** Format the label of the option */\n  renderOptionLabel?: undefined | Props['formatOptionLabel'];\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  /** The options for the Select component */\n  options: SelectOption[];\n  /** Handle change events on the input */\n  onInputChange?: Props['onInputChange'];\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\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      {}\n      <components.Control {...props} />\n    </div>\n  );\n};\n\nconst OptionComponent: typeof components.Option = (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 data-testid={testId}>\n      {}\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\n  const testId = props?.selectProps['data-testid'] as string;\n  return (\n    <div data-testid={`${testId}_select_dropdown`}>\n      {}\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  filterOption = undefined,\n  renderOptionLabel = undefined,\n  inputValue = undefined,\n  loading = false,\n  multiSelect = false,\n  name,\n  onInputChange = undefined,\n  options,\n  placeholder = 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  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  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        </label>\n      ) : null}\n      <ReactSelect\n        ref={ref}\n        menuShouldBlockScroll\n        unstyled\n        aria-errormessage=\"\"\n        aria-invalid={invalid}\n        aria-label={ariaLabel}\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        // 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        name={name}\n        onInputChange={onInputChange}\n        options={options}\n        placeholder={placeholder}\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={{\n          control: () => {\n            return cn(classNames.control, {\n              [classNames.control_focused]: isFocused && !invalid,\n            });\n          },\n          clearIndicator: () => {\n            return classNames.clearIndicator;\n          },\n          dropdownIndicator: () => {\n            return classNames.dropdownIndicator;\n          },\n          groupHeading: () => {\n            return classNames.groupHeading;\n          },\n          indicatorsContainer: () => {\n            return classNames.indicatorsContainer;\n          },\n          indicatorSeparator: () => {\n            return classNames.indicatorSeparator;\n          },\n          loadingIndicator: () => {\n            return classNames.loadingIndicator;\n          },\n          loadingMessage: () => {\n            return classNames.loadingMessage;\n          },\n          input: () => {\n            return classNames.input;\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(\n              classNames.multiValueLabel,\n              `${getValueProps().className}`,\n            );\n          },\n          multiValueRemove: () => {\n            return classNames.multiValueRemove;\n          },\n          noOptionsMessage: () => {\n            return classNames.noOptionsMessage;\n          },\n          option: ({\n            isFocused: optionIsFocused,\n            isSelected: optionIsSelected,\n          }) => {\n            return cn(classNames.option, {\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        components={{\n          Input: InputComponent,\n          Option: OptionComponent,\n          DropdownIndicator: DropdownIndicatorComponent,\n          Control: ControlComponent,\n        }}\n        onBlur={(_e) => {\n          setIsFocused(false);\n          onBlur();\n        }}\n        onChange={(option) => {\n          if (multiSelect) {\n            onChange(\n              (option as SelectOption[])?.map((_option) => {\n                return convertToOriginalType(_option.value);\n              }),\n            );\n          } else {\n            const selectedValue = (option as SelectOption)?.value;\n            onChange(\n              selectedValue != null\n                ? convertToOriginalType(selectedValue)\n                : selectedValue,\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            onBlur();\n          }\n        }}\n        onFocus={(_e) => {\n          setIsFocused(true);\n        }}\n        // set complete option as value by current field value\n        // Compare as strings to handle both string and number values\n        value={options.find((option) => {\n          return String(option.value) === String(value);\n        })}\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-CdTgOiUU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select-CdTgOiUU.cjs","names":["components","useUniformField","useFormContext","createOptionValueConverter","ReactSelect","Select"],"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 { Props } 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 } 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 subpixel-antialiased text-small group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\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_focused: 'bg-default-100 active:bg-default-200',\n    option_selected: 'bg-default-300',\n    option: 'rounded px-3 py-2 hover:cursor-pointer',\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  /** 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  /** Filter Select Options */\n  filterOption?:\n    | undefined\n    | ((option?: SelectOption, inputValue?: string) => boolean);\n  /** Format the label of the option */\n  renderOptionLabel?: undefined | Props['formatOptionLabel'];\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  /** The options for the Select component */\n  options: SelectOption[];\n  /** Handle change events on the input */\n  onInputChange?: Props['onInputChange'];\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\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      {}\n      <components.Control {...props} />\n    </div>\n  );\n};\n\nconst OptionComponent: typeof components.Option = (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 data-testid={testId}>\n      {}\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\n  const testId = props?.selectProps['data-testid'] as string;\n  return (\n    <div data-testid={`${testId}_select_dropdown`}>\n      {}\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  filterOption = undefined,\n  renderOptionLabel = undefined,\n  inputValue = undefined,\n  loading = false,\n  multiSelect = false,\n  name,\n  onInputChange = undefined,\n  options,\n  placeholder = 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  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  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        </label>\n      ) : null}\n      <ReactSelect\n        ref={ref}\n        menuShouldBlockScroll\n        unstyled\n        aria-errormessage=\"\"\n        aria-invalid={invalid}\n        aria-label={ariaLabel}\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        // 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        name={name}\n        onInputChange={onInputChange}\n        options={options}\n        placeholder={placeholder}\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={{\n          control: () => {\n            return cn(classNames.control, {\n              [classNames.control_focused]: isFocused && !invalid,\n            });\n          },\n          clearIndicator: () => {\n            return classNames.clearIndicator;\n          },\n          dropdownIndicator: () => {\n            return classNames.dropdownIndicator;\n          },\n          groupHeading: () => {\n            return classNames.groupHeading;\n          },\n          indicatorsContainer: () => {\n            return classNames.indicatorsContainer;\n          },\n          indicatorSeparator: () => {\n            return classNames.indicatorSeparator;\n          },\n          loadingIndicator: () => {\n            return classNames.loadingIndicator;\n          },\n          loadingMessage: () => {\n            return classNames.loadingMessage;\n          },\n          input: () => {\n            return classNames.input;\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(\n              classNames.multiValueLabel,\n              `${getValueProps().className}`,\n            );\n          },\n          multiValueRemove: () => {\n            return classNames.multiValueRemove;\n          },\n          noOptionsMessage: () => {\n            return classNames.noOptionsMessage;\n          },\n          option: ({\n            isFocused: optionIsFocused,\n            isSelected: optionIsSelected,\n          }) => {\n            return cn(classNames.option, {\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        components={{\n          Input: InputComponent,\n          Option: OptionComponent,\n          DropdownIndicator: DropdownIndicatorComponent,\n          Control: ControlComponent,\n        }}\n        onBlur={(_e) => {\n          setIsFocused(false);\n          onBlur();\n        }}\n        onChange={(option) => {\n          if (multiSelect) {\n            onChange(\n              (option as SelectOption[])?.map((_option) => {\n                return convertToOriginalType(_option.value);\n              }),\n            );\n          } else {\n            const selectedValue = (option as SelectOption)?.value;\n            onChange(\n              selectedValue != null\n                ? convertToOriginalType(selectedValue)\n                : selectedValue,\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            onBlur();\n          }\n        }}\n        onFocus={(_e) => {\n          setIsFocused(true);\n        }}\n        // set complete option as value by current field value\n        // Compare as strings to handle both string and number values\n        value={options.find((option) => {\n          return String(option.value) === String(value);\n        })}\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/helpers/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/helpers/createOptionValueConverter/createOptionValueConverter.ts","../../src/helpers/nullishFields/nullishFields.ts"],"sourcesContent":[],"mappings":";;AAeA;;;;;;;;ACZA;AAsCA;AA0BA;AAsCA;AA6Ea,cDvKA,0BC+LgC,EAAA,CAAA,UAAA;EAmDhC,KAAA,EAAA,MAAA,GAAA,MA6EZ,GAAA,OAAA;AAqBD,CAAA,CAAA,CAAA,OAAa,EDjVF,CCiVE,EAAA,EAAA,GAsBZ;;;;;;;;AD1WY,cCZA,YAAA,GD8DZ,UAAA;;;;;;;;AC9DD;AAsCA;AA0BA;AAsCA;AA6EA;AA2EA;AAkGA;;;;;;;;;;;;;;;;cA1Ta;;;;cA0BA;;;;cAsCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6EA,uBAAwB,4BAwBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmD1B,gCACA,+CACV;;;;;;;;;;;;;;;;;;;;cAgGU"}

package/dist/helpers/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/helpers/createOptionValueConverter/createOptionValueConverter.ts","../../src/helpers/nullishFields/nullishFields.ts"],"sourcesContent":[],"mappings":";;AAeA;;;;;;;;ACZA;AAsCA;AA0BA;AAsCA;AA6Ea,cDvKA,0BC+LgC,EAAA,CAAA,UAAA;EAmDhC,KAAA,EAAA,MAAA,GAAA,MA6EZ,GAAA,OAAA;AAqBD,CAAA,CAAA,CAAA,OAAa,EDjVF,CCiVE,EAAA,EAAA,GAsBZ;;;;;;;;AD1WY,cCZA,YAAA,GD8DZ,UAAA;;;;;;;;AC9DD;AAsCA;AA0BA;AAsCA;AA6EA;AA2EA;AAkGA;;;;;;;;;;;;;;;;cA1Ta;;;;cA0BA;;;;cAsCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6EA,uBAAwB,4BAwBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmD1B,gCACA,+CACV;;;;;;;;;;;;;;;;;;;;cAgGU"}

package/dist/index-CFBmva_r.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/index-CNFk4ygb.d.ts

@@ -1,264 +0,0 @@
-import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
-import { ReactNode } from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
-import { Props } from "react-select";
-import * as tailwind_variants66 from "tailwind-variants";
-
-//#region src/Select/Select.d.ts
-declare const selectVariants: tailwind_variants66.TVReturnType<{
-  [key: string]: {
-    [key: string]: tailwind_variants66.ClassValue | {
-      label?: tailwind_variants66.ClassValue;
-      base?: tailwind_variants66.ClassValue;
-      input?: tailwind_variants66.ClassValue;
-      menu?: tailwind_variants66.ClassValue;
-      option?: tailwind_variants66.ClassValue;
-      placeholder?: tailwind_variants66.ClassValue;
-      control?: tailwind_variants66.ClassValue;
-      group?: tailwind_variants66.ClassValue;
-      clearIndicator?: tailwind_variants66.ClassValue;
-      control_focused?: tailwind_variants66.ClassValue;
-      crossIcon?: tailwind_variants66.ClassValue;
-      downChevron?: tailwind_variants66.ClassValue;
-      dropdownIndicator?: tailwind_variants66.ClassValue;
-      groupHeading?: tailwind_variants66.ClassValue;
-      indicatorsContainer?: tailwind_variants66.ClassValue;
-      indicatorSeparator?: tailwind_variants66.ClassValue;
-      loadingIndicator?: tailwind_variants66.ClassValue;
-      loadingMessage?: tailwind_variants66.ClassValue;
-      menuList?: tailwind_variants66.ClassValue;
-      menuPortal?: tailwind_variants66.ClassValue;
-      multiValue?: tailwind_variants66.ClassValue;
-      multiValueContainer?: tailwind_variants66.ClassValue;
-      multiValueLabel?: tailwind_variants66.ClassValue;
-      multiValueRemove?: tailwind_variants66.ClassValue;
-      noOptionsMessage?: tailwind_variants66.ClassValue;
-      option_focused?: tailwind_variants66.ClassValue;
-      option_selected?: tailwind_variants66.ClassValue;
-      selectContainer?: tailwind_variants66.ClassValue;
-      singleValue?: tailwind_variants66.ClassValue;
-      valueContainer?: tailwind_variants66.ClassValue;
-    };
-  };
-} | {
-  [x: string]: {
-    [x: string]: tailwind_variants66.ClassValue | {
-      label?: tailwind_variants66.ClassValue;
-      base?: tailwind_variants66.ClassValue;
-      input?: tailwind_variants66.ClassValue;
-      menu?: tailwind_variants66.ClassValue;
-      option?: tailwind_variants66.ClassValue;
-      placeholder?: tailwind_variants66.ClassValue;
-      control?: tailwind_variants66.ClassValue;
-      group?: tailwind_variants66.ClassValue;
-      clearIndicator?: tailwind_variants66.ClassValue;
-      control_focused?: tailwind_variants66.ClassValue;
-      crossIcon?: tailwind_variants66.ClassValue;
-      downChevron?: tailwind_variants66.ClassValue;
-      dropdownIndicator?: tailwind_variants66.ClassValue;
-      groupHeading?: tailwind_variants66.ClassValue;
-      indicatorsContainer?: tailwind_variants66.ClassValue;
-      indicatorSeparator?: tailwind_variants66.ClassValue;
-      loadingIndicator?: tailwind_variants66.ClassValue;
-      loadingMessage?: tailwind_variants66.ClassValue;
-      menuList?: tailwind_variants66.ClassValue;
-      menuPortal?: tailwind_variants66.ClassValue;
-      multiValue?: tailwind_variants66.ClassValue;
-      multiValueContainer?: tailwind_variants66.ClassValue;
-      multiValueLabel?: tailwind_variants66.ClassValue;
-      multiValueRemove?: tailwind_variants66.ClassValue;
-      noOptionsMessage?: tailwind_variants66.ClassValue;
-      option_focused?: tailwind_variants66.ClassValue;
-      option_selected?: tailwind_variants66.ClassValue;
-      selectContainer?: tailwind_variants66.ClassValue;
-      singleValue?: tailwind_variants66.ClassValue;
-      valueContainer?: tailwind_variants66.ClassValue;
-    };
-  };
-} | {}, {
-  base: string;
-  clearIndicator: string;
-  control: string;
-  control_focused: string;
-  crossIcon: string;
-  downChevron: string;
-  dropdownIndicator: string;
-  group: string;
-  groupHeading: string;
-  indicatorsContainer: string;
-  indicatorSeparator: string;
-  input: string;
-  label: string;
-  loadingIndicator: string;
-  loadingMessage: string;
-  menu: string;
-  menuList: string;
-  menuPortal: string;
-  multiValue: string;
-  multiValueContainer: string;
-  multiValueLabel: string;
-  multiValueRemove: string;
-  noOptionsMessage: string;
-  option_focused: string;
-  option_selected: string;
-  option: string;
-  placeholder: string;
-  selectContainer: string;
-  singleValue: string;
-  valueContainer: string;
-}, undefined, {
-  [key: string]: {
-    [key: string]: tailwind_variants66.ClassValue | {
-      label?: tailwind_variants66.ClassValue;
-      base?: tailwind_variants66.ClassValue;
-      input?: tailwind_variants66.ClassValue;
-      menu?: tailwind_variants66.ClassValue;
-      option?: tailwind_variants66.ClassValue;
-      placeholder?: tailwind_variants66.ClassValue;
-      control?: tailwind_variants66.ClassValue;
-      group?: tailwind_variants66.ClassValue;
-      clearIndicator?: tailwind_variants66.ClassValue;
-      control_focused?: tailwind_variants66.ClassValue;
-      crossIcon?: tailwind_variants66.ClassValue;
-      downChevron?: tailwind_variants66.ClassValue;
-      dropdownIndicator?: tailwind_variants66.ClassValue;
-      groupHeading?: tailwind_variants66.ClassValue;
-      indicatorsContainer?: tailwind_variants66.ClassValue;
-      indicatorSeparator?: tailwind_variants66.ClassValue;
-      loadingIndicator?: tailwind_variants66.ClassValue;
-      loadingMessage?: tailwind_variants66.ClassValue;
-      menuList?: tailwind_variants66.ClassValue;
-      menuPortal?: tailwind_variants66.ClassValue;
-      multiValue?: tailwind_variants66.ClassValue;
-      multiValueContainer?: tailwind_variants66.ClassValue;
-      multiValueLabel?: tailwind_variants66.ClassValue;
-      multiValueRemove?: tailwind_variants66.ClassValue;
-      noOptionsMessage?: tailwind_variants66.ClassValue;
-      option_focused?: tailwind_variants66.ClassValue;
-      option_selected?: tailwind_variants66.ClassValue;
-      selectContainer?: tailwind_variants66.ClassValue;
-      singleValue?: tailwind_variants66.ClassValue;
-      valueContainer?: tailwind_variants66.ClassValue;
-    };
-  };
-} | {}, {
-  base: string;
-  clearIndicator: string;
-  control: string;
-  control_focused: string;
-  crossIcon: string;
-  downChevron: string;
-  dropdownIndicator: string;
-  group: string;
-  groupHeading: string;
-  indicatorsContainer: string;
-  indicatorSeparator: string;
-  input: string;
-  label: string;
-  loadingIndicator: string;
-  loadingMessage: string;
-  menu: string;
-  menuList: string;
-  menuPortal: string;
-  multiValue: string;
-  multiValueContainer: string;
-  multiValueLabel: string;
-  multiValueRemove: string;
-  noOptionsMessage: string;
-  option_focused: string;
-  option_selected: string;
-  option: string;
-  placeholder: string;
-  selectContainer: string;
-  singleValue: string;
-  valueContainer: string;
-}, tailwind_variants66.TVReturnType<unknown, {
-  base: string;
-  clearIndicator: string;
-  control: string;
-  control_focused: string;
-  crossIcon: string;
-  downChevron: string;
-  dropdownIndicator: string;
-  group: string;
-  groupHeading: string;
-  indicatorsContainer: string;
-  indicatorSeparator: string;
-  input: string;
-  label: string;
-  loadingIndicator: string;
-  loadingMessage: string;
-  menu: string;
-  menuList: string;
-  menuPortal: string;
-  multiValue: string;
-  multiValueContainer: string;
-  multiValueLabel: string;
-  multiValueRemove: string;
-  noOptionsMessage: string;
-  option_focused: string;
-  option_selected: string;
-  option: string;
-  placeholder: string;
-  selectContainer: string;
-  singleValue: string;
-  valueContainer: string;
-}, undefined, unknown, unknown, undefined>>;
-interface SelectOption {
-  /** option label */
-  label?: ReactNode;
-  /** option value */
-  value: string | number;
-}
-type VariantProps = TVProps<typeof selectVariants>;
-type ClassName = TVClassName<typeof selectVariants>;
-interface SelectProps 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;
-  /** Determine if the  */
-  clearable?: boolean;
-  /** Set the select to disabled state. */
-  disabled?: boolean;
-  /** Filter Select Options */
-  filterOption?: undefined | ((option?: SelectOption, inputValue?: string) => boolean);
-  /** Format the label of the option */
-  renderOptionLabel?: undefined | Props['formatOptionLabel'];
-  /** The value of the search input */
-  inputValue?: string;
-  /** Label that should be associated with the select. */
-  label?: ReactNode;
-  /** Set the select to a loading state. */
-  loading?: boolean;
-  /** switch between single and multi select mode. */
-  multiSelect?: boolean;
-  /** The name for the Select component, used by react-hook-form */
-  name: string;
-  /** Placeholder that is displayed when nothing is selected */
-  placeholder?: string;
-  /** The options for the Select component */
-  options: SelectOption[];
-  /** Handle change events on the input */
-  onInputChange?: Props['onInputChange'];
-  /** HTML data-testid attribute used in e2e tests */
-  testId?: string;
-}
-/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */
-declare const Select: ({
-  className,
-  clearable,
-  filterOption,
-  renderOptionLabel,
-  inputValue,
-  loading,
-  multiSelect,
-  name,
-  onInputChange,
-  options,
-  placeholder,
-  ...uniformFieldProps
-}: SelectProps) => react_jsx_runtime3.JSX.Element;
-//#endregion
-export { SelectProps as n, Select as t };
-//# sourceMappingURL=index-CNFk4ygb.d.ts.map

package/dist/index-CNFk4ygb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CNFk4ygb.d.ts","names":[],"sources":["../src/Select/Select.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAea,oCAAc;;mBA0CzB,mBAAA,CAAA,UAAA;;MA1CW,IAAA,CAAA,gCA0CX;MAAA,KAAA,CAAA,gCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA1CyB;EAAA,cAAA,EAAA,MAAA;AA0CxB,CAAA,EAAA,SAEO,EAAA;EAOL,CAAA,GAAA,EAAA,MAAA,CAAA,EAAY;IACZ,CAAA,GAAA,EAAA,MAAS,CAAA,mCAAc;MAEX,KAAA,CAAY,gCAAA;MAIf,IAAA,CAAA,gCAAA;MAQG,KAAA,CAAA,gCAAA;MAEiB,IAAA,CAAA,gCAAA;MAIxB,MAAA,CAAA,gCAAA;MAUC,WAAA,CAAA,gCAAA;MAEO,OAAA,CAAA,gCAAA;MA9BmB,KAAA,CAAA,gCAAA;MAAY,cAAA,CAAA,gCAAA;MAkF3C,eAqOL,CAAA,gCAAA;MArOe,SAAA,CAAA,gCAAA;MAAA,WAAA,CAAA,gCAAA;MAAA,iBAAA,CAAA,gCAAA;MAAA,YAAA,CAAA,gCAAA;MAAA,mBAAA,CAAA,gCAAA;MAAA,kBAAA,CAAA,gCAAA;MAAA,gBAAA,CAAA,gCAAA;MAAA,cAAA,CAAA,gCAAA;MAAA,QAAA,CAAA,gCAAA;MAAA,UAAA,CAAA,gCAAA;MAAA,UAAA,CAAA,gCAAA;MAab,mBAAA,CAAA,gCAAA;MAAW,eAAA,CAAA,gCAAA;MAwNb,gBAAA,CAAA,gCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAjUS,YAAA;;UAEA;;;;KAKL,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,WAAA,SAAoB;;;;cAIvB;;;;;;wCAQG;;kCAEiB;;;;UAIxB;;;;;;;;;;WAUC;;kBAEO;;;;;cAoDZ;;;;;;;;;;;;;GAaH,gBAAW,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index-D3o2YTBb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-D3o2YTBb.d.ts","names":[],"sources":["../src/Switch/Switch.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,qCAAc;;mBAezB,oBAAA,CAAA,UAAA;;MAfW,OAAA,CAAA,iCAeX;MAAA,KAAA,CAAA,iCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAfyB,OAAA,EAAA,MAAA;AAexB,CAAA,EAAA,SAEE,EAAA;EACA,CAAA,GAAA,EAAA,MAAS,CAAA,EAAA;IAEG,CAAA,GAAA,EAAA,MAAY,CAAA,oCAAA;MAIf,KAAA,CAAA,iCAAA;MAIC,OAAA,CAAA,iCAAA;MAEL,KAAA,CAAA,iCAAA;MAMO,SAAA,CAAA,iCAAA;MAIH,IAAA,CAAA,iCAAA;MApBuB,YAAA,CAAA,iCAAA;MAAY,UAAA,CAAA,iCAAA;MA0B3C,YA2FL,CAAA,iCAAA;MA3Fe,YAAA,CAAA,iCAAA;IAAA,CAAA;EAAA,CAAA;CAAA,GAAA,CAAA,CAAA,EAAA;EAAA,IAAA,EAAA,MAAA;EAAA,UAAA,EAAA,MAAA;EAQb,YAAA,EAAA,MAAA;EAAW,KAAA,EAAA,MAAA;EAmFb,YAAA,EAAA,MAAA;;;;;;;;;;;;;;;;KAxHI,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,aAAA,SAAoB;;;;cAIvB;;;;eAIC;;UAEL;;;;;iBAMO;;;;cAIH;;;;;cAMR;;;;;;;;GAQH,kBAAW,mBAAA,CAAA,GAAA,CAAA"}

package/dist/index-D9VXD1rv.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-D9VXD1rv.d.cts","names":[],"sources":["../src/Input/Input.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAca,oCAAa;;mBAWxB,oBAAA,CAAA,UAAA;;MAXW,KAAA,CAAA,iCAWX;MAAA,YAAA,CAAA,iCAAA;;;;;;;;;;;;;;;;;EAXwB,WAAA,EAAA,MAAA;EAarB;EACA,KAAA,EAAA,MAAS;EAEG;EAIH,YAAA,EAAA,MAAA;CAQC,EAAA,SAAA,EAAA;EAEL,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA;IAUO,CAAA,GAAA,EAAA,MAAA,CAAA,oCAAA;MAIH,IAAA,CAAA,iCAAA;MA5BsB,KAAA,CAAA,iCAAA;MAAY,YAAA,CAAA,iCAAA;MAyK/C,WAAA,CAAA,iCAAA;IArIc,CAAA;EAAA,CAAA;CAAA,GAAA,CAAA,CAAA,EAAA;EAAA;EAAA,IAAA,EAAA,MAAA;EAAA;EAAA,WAAA,EAAA,MAAA;EAAA;EAAA,KAAA,EAAA,MAAA;EAAA;EAYZ,YAAA,EAAA,MAAA;CAAU,mCAAA,CAAA,OAAA,EAAA;EAyHZ;;;;;;;;;KA5KI,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,UAAA,SAAmB;;;;cAItB;;;;;;;;eAQC;;UAEL;;;;;;;;;;iBAUO;;;;cAIH;;;;;;;cAQR;aAAS;;;;;;;;;;;GAYZ,eAAU,mBAAA,CAAA,GAAA,CAAA"}

package/dist/index-DCZwOjSs.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DCZwOjSs.d.cts","names":[],"sources":["../src/Switch/Switch.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,oCAAc;;mBAezB,mBAAA,CAAA,UAAA;;MAfW,OAAA,CAAA,gCAeX;MAAA,KAAA,CAAA,gCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAfyB;EAAA,OAAA,EAAA,MAAA;AAexB,CAAA,EAAA,SAEE,EAAA;EACA,CAAA,GAAA,EAAA,MAAS,CAAA,EAAA;IAEG,CAAA,GAAA,EAAA,MAAY,CAAA,mCAAA;MAIf,KAAA,CAAA,gCAAA;MAIC,OAAA,CAAA,gCAAA;MAEL,KAAA,CAAA,gCAAA;MAMO,SAAA,CAAA,gCAAA;MAIH,IAAA,CAAA,gCAAA;MApBuB,YAAA,CAAA,gCAAA;MAAY,UAAA,CAAA,gCAAA;MA0B3C,YA2FL,CAAA,gCAAA;MA3Fe,YAAA,CAAA,gCAAA;IAAA,CAAA;EAAA,CAAA;CAAA,GAAA,CAAA,CAAA,EAAA;EAAA,IAAA,EAAA,MAAA;EAAA,UAAA,EAAA,MAAA;EAQb,YAAA,EAAA,MAAA;EAAW,KAAA,EAAA,MAAA;EAmFb,YAAA,EAAA,MAAA;;;;;;;;;;;;;;;;KAxHI,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,aAAA,SAAoB;;;;cAIvB;;;;eAIC;;UAEL;;;;;iBAMO;;;;cAIH;;;;;cAMR;;;;;;;;GAQH,kBAAW,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index-DEtF7ckd.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DEtF7ckd.d.ts","names":[],"sources":["../src/Radios/Radios.tsx"],"sourcesContent":[],"mappings":";;;;;cAaa,oCAAc;;mBAgBzB,mBAAA,CAAA,UAAA;MAhBW,KAAA,CAAA,gCAgBX;MAAA,OAAA,CAAA,gCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAhByB;EAAA,KAAA,EAAA,MAAA;EAkBtB,OAAA,EAAA,MAAY;AAAU,CAAA,EAAA,SACtB,EAAA;EAEY,CAAA,GAAA,EAAA,MAAA,CAAA,EAAW;IAaX,CAAA,GAAA,EAAA,MAAY,CAAA,mCAAA;MAIf,KAAA,CAAA,gCAAA;MAMJ,OAAA,CAAA,gCAAA;MAIC,IAAA,CAAA,gCAAA;MAd0B,QAAA,CAAA,gCAAA;MAAY,WAAA,CAAA,gCAAA;MAsB3C,eAmFL,CAAA,gCAAA;MAnFe,SAAA,CAAA,gCAAA;MAAA,gBAAA,CAAA,gCAAA;MAAA,WAAA,CAAA,gCAAA;IAAA,CAAA;EAMb,CAAA;CAAc,GAAA,CAAA,CAAA,EAAA;EA6EhB,IAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;KAzHI,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,WAAA;;;;UAIP;;SAED;;;;;;UAOQ,WAAA,SAAoB;;;;cAIvB;;;;;;UAMJ;;;;WAIC;;;;;;;cAQL;;;;;;GAMH,gBAAc"}

package/dist/index-DMVoX5pj.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DMVoX5pj.d.cts","names":[],"sources":["../src/Slider/Slider.tsx"],"sourcesContent":[],"mappings":";;;;;;cAYa,qCAAc;;mBAmBzB,oBAAA,CAAA,UAAA;;MAnBW,KAAA,CAAA,iCAmBX;MAAA,IAAA,CAAA,iCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAnByB;EAAA,KAAA,EAAA,MAAA;AAmBxB,CAAA,EAAA,SAEE,EAAA;EACA,CAAA,GAAA,EAAA,MAAS,CAAA,EAAA;IAEG,CAAA,GAAA,EAAA,MAAY,CAAA,oCAAA;MAIf,KAAA,CAAA,iCAAA;MAIC,KAAA,CAAA,iCAAA;MAkBE,IAAA,CAAA,iCAAA;MA1BoB,IAAA,CAAA,iCAAA;MAAY,KAAA,CAAA,iCAAA;MAiD3C,IAwHL,CAAA,iCAAA;MAxHe,KAAA,CAAA,iCAAA;MAAA,YAAA,CAAA,iCAAA;MAAA,UAAA,CAAA,iCAAA;MAAA,YAAA,CAAA,iCAAA;MAAA,YAAA,CAAA,iCAAA;MAAA,MAAA,CAAA,iCAAA;MAAA,YAAA,CAAA,iCAAA;IAAA,CAAA;EAAA,CAAA;CAAA,GAAA,CAAA,CAAA,EAAA;EAYb,IAAA,EAAA,MAAA;EAAW,UAAA,EAAA,MAAA;EA4Gb,YAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KA5KI,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,WAAA,SAAoB;;;;cAIvB;;;;eAIC;;;;;;;;;;;;;;;;;;iBAkBE;;;;;;;;;;;;;;;;;;;;;;cAuBX;;;;;;;;;;;;GAYH,gBAAW,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index-DtWIiEFa.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DtWIiEFa.d.cts","names":[],"sources":["../src/Select/Select.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAea,mCAAc;;mBA0CzB,kBAAA,CAAA,UAAA;;MA1CW,IAAA,CAAA,+BA0CX;MAAA,KAAA,CAAA,+BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA1CyB;EAAA,cAAA,EAAA,MAAA;AA0CxB,CAAA,EAAA,SAEO,EAAA;EAOL,CAAA,GAAA,EAAA,MAAA,CAAA,EAAY;IACZ,CAAA,GAAA,EAAA,MAAS,CAAA,kCAAc;MAEX,KAAA,CAAY,+BAAA;MAIf,IAAA,CAAA,+BAAA;MAQG,KAAA,CAAA,+BAAA;MAEiB,IAAA,CAAA,+BAAA;MAIxB,MAAA,CAAA,+BAAA;MAUC,WAAA,CAAA,+BAAA;MAEO,OAAA,CAAA,+BAAA;MA9BmB,KAAA,CAAA,+BAAA;MAAY,cAAA,CAAA,+BAAA;MAkF3C,eAqOL,CAAA,+BAAA;MArOe,SAAA,CAAA,+BAAA;MAAA,WAAA,CAAA,+BAAA;MAAA,iBAAA,CAAA,+BAAA;MAAA,YAAA,CAAA,+BAAA;MAAA,mBAAA,CAAA,+BAAA;MAAA,kBAAA,CAAA,+BAAA;MAAA,gBAAA,CAAA,+BAAA;MAAA,cAAA,CAAA,+BAAA;MAAA,QAAA,CAAA,+BAAA;MAAA,UAAA,CAAA,+BAAA;MAAA,UAAA,CAAA,+BAAA;MAab,mBAAA,CAAA,+BAAA;MAAW,eAAA,CAAA,+BAAA;MAwNb,gBAAA,CAAA,+BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAjUS,YAAA;;UAEA;;;;KAKL,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,WAAA,SAAoB;;;;cAIvB;;;;;;wCAQG;;kCAEiB;;;;UAIxB;;;;;;;;;;WAUC;;kBAEO;;;;;cAoDZ;;;;;;;;;;;;;GAaH,gBAAW,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index-JfAmWj81.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-JfAmWj81.d.cts","names":[],"sources":["../src/Radios/Radios.tsx"],"sourcesContent":[],"mappings":";;;;;cAaa,qCAAc;;mBAgBzB,oBAAA,CAAA,UAAA;MAhBW,KAAA,CAAA,iCAgBX;MAAA,OAAA,CAAA,iCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAhByB;EAAA,KAAA,EAAA,MAAA;EAkBtB,OAAA,EAAA,MAAY;AAAU,CAAA,EAAA,SACtB,EAAA;EAEY,CAAA,GAAA,EAAA,MAAA,CAAA,EAAW;IAaX,CAAA,GAAA,EAAA,MAAY,CAAA,oCAAA;MAIf,KAAA,CAAA,iCAAA;MAMJ,OAAA,CAAA,iCAAA;MAIC,IAAA,CAAA,iCAAA;MAd0B,QAAA,CAAA,iCAAA;MAAY,WAAA,CAAA,iCAAA;MAsB3C,eAmFL,CAAA,iCAAA;MAnFe,SAAA,CAAA,iCAAA;MAAA,gBAAA,CAAA,iCAAA;MAAA,WAAA,CAAA,iCAAA;IAAA,CAAA;EAMb,CAAA;CAAc,GAAA,CAAA,CAAA,EAAA;EA6EhB,IAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;KAzHI,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,WAAA;;;;UAIP;;SAED;;;;;;UAOQ,WAAA,SAAoB;;;;cAIvB;;;;;;UAMJ;;;;WAIC;;;;;;;cAQL;;;;;;GAMH,gBAAc"}

package/dist/index-lQ_hGQ08.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/useController-BPDcwfTj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useController-BPDcwfTj.js","names":["useController","useRHFController"],"sources":["../src/hooks/useController/useController.ts"],"sourcesContent":["import type {\n  ControllerFieldState,\n  ControllerRenderProps,\n  UseControllerProps as RHFUseControllerProps,\n  UseFormStateReturn,\n} from 'react-hook-form';\n\nimport { useContext } from 'react';\nimport { useController as useRHFController } from 'react-hook-form';\n\nimport { UniformContext } from '../../Form/subcomponents/FormContext';\nimport { fromNullishString, toNullishString } from '../../helpers';\n\nexport type UseControllerProps<TFieldValues extends object = object> =\n  RHFUseControllerProps<TFieldValues>;\n\nexport interface UseControllerReturn<TFieldValues extends object = object> {\n  field: Omit<ControllerRenderProps<TFieldValues>, 'onChange' | 'value'> & {\n    // Using any[] to support both direct value changes and React synthetic events\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onChange: (...event: any[]) => void;\n    value: string;\n  };\n  formState: UseFormStateReturn<TFieldValues>;\n  fieldState: ControllerFieldState;\n}\n\n/**\n * A wrapper around react-hook-form's useController that transparently handles nullish string conversions.\n *\n * Key features:\n * 1. Empty strings ('') in the UI are stored as null in form state\n * 2. Null/undefined values in form state are displayed as empty strings in the UI\n * 3. Handles both direct value changes and React synthetic events\n * 4. Maintains the same API as react-hook-form's useController\n * 5. Notifies UniformContext's userChange listeners on field changes (enables useWatchUserChange hook)\n *\n * This enables consistent handling of empty/null values while keeping a clean API\n * for form inputs that expect string values.\n *\n * @see https://react-hook-form.com/docs/usecontroller\n */\nexport const useController = <TFieldValues extends object = object>(\n  props: UseControllerProps<TFieldValues>,\n): UseControllerReturn<TFieldValues> => {\n  const { field, formState, fieldState } = useRHFController(props);\n  const { userChange } = useContext(UniformContext);\n\n  return {\n    field: {\n      ...field,\n      // Handles both direct values (onChange(\"value\")) and events (onChange(event))\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onChange: (...event: any[]) => {\n        const value = event[0]?.target?.value ?? event[0];\n        const formattedValue = value === '' ? '' : toNullishString(value);\n\n        // Update form state first\n        field.onChange(formattedValue);\n\n        // Then notify userChange listeners (for useWatchUserChange hook)\n        // This ensures getValues() in listeners returns the updated value\n        // Guard against undefined userChange (when used outside FormProvider)\n        userChange?.notify(field.name, formattedValue);\n      },\n      // Convert null/undefined to empty string for UI display\n      value: fromNullishString(field.value) as string,\n    },\n    formState,\n    fieldState,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0CA,MAAaA,mBACX,UACsC;CACtC,MAAM,EAAE,OAAO,WAAW,eAAeC,cAAiB,MAAM;CAChE,MAAM,EAAE,eAAe,WAAW,eAAe;AAEjD,QAAO;EACL,OAAO;GACL,GAAG;GAGH,WAAW,GAAG,UAAiB;IAC7B,MAAM,QAAQ,MAAM,IAAI,QAAQ,SAAS,MAAM;IAC/C,MAAM,iBAAiB,UAAU,KAAK,KAAK,gBAAgB,MAAM;AAGjE,UAAM,SAAS,eAAe;AAK9B,gBAAY,OAAO,MAAM,MAAM,eAAe;;GAGhD,OAAO,kBAAkB,MAAM,MAAM;GACtC;EACD;EACA;EACD"}

package/dist/useController-DHRkSHem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useController-DHRkSHem.cjs","names":["UniformContext","toNullishString","fromNullishString"],"sources":["../src/hooks/useController/useController.ts"],"sourcesContent":["import type {\n  ControllerFieldState,\n  ControllerRenderProps,\n  UseControllerProps as RHFUseControllerProps,\n  UseFormStateReturn,\n} from 'react-hook-form';\n\nimport { useContext } from 'react';\nimport { useController as useRHFController } from 'react-hook-form';\n\nimport { UniformContext } from '../../Form/subcomponents/FormContext';\nimport { fromNullishString, toNullishString } from '../../helpers';\n\nexport type UseControllerProps<TFieldValues extends object = object> =\n  RHFUseControllerProps<TFieldValues>;\n\nexport interface UseControllerReturn<TFieldValues extends object = object> {\n  field: Omit<ControllerRenderProps<TFieldValues>, 'onChange' | 'value'> & {\n    // Using any[] to support both direct value changes and React synthetic events\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onChange: (...event: any[]) => void;\n    value: string;\n  };\n  formState: UseFormStateReturn<TFieldValues>;\n  fieldState: ControllerFieldState;\n}\n\n/**\n * A wrapper around react-hook-form's useController that transparently handles nullish string conversions.\n *\n * Key features:\n * 1. Empty strings ('') in the UI are stored as null in form state\n * 2. Null/undefined values in form state are displayed as empty strings in the UI\n * 3. Handles both direct value changes and React synthetic events\n * 4. Maintains the same API as react-hook-form's useController\n * 5. Notifies UniformContext's userChange listeners on field changes (enables useWatchUserChange hook)\n *\n * This enables consistent handling of empty/null values while keeping a clean API\n * for form inputs that expect string values.\n *\n * @see https://react-hook-form.com/docs/usecontroller\n */\nexport const useController = <TFieldValues extends object = object>(\n  props: UseControllerProps<TFieldValues>,\n): UseControllerReturn<TFieldValues> => {\n  const { field, formState, fieldState } = useRHFController(props);\n  const { userChange } = useContext(UniformContext);\n\n  return {\n    field: {\n      ...field,\n      // Handles both direct values (onChange(\"value\")) and events (onChange(event))\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onChange: (...event: any[]) => {\n        const value = event[0]?.target?.value ?? event[0];\n        const formattedValue = value === '' ? '' : toNullishString(value);\n\n        // Update form state first\n        field.onChange(formattedValue);\n\n        // Then notify userChange listeners (for useWatchUserChange hook)\n        // This ensures getValues() in listeners returns the updated value\n        // Guard against undefined userChange (when used outside FormProvider)\n        userChange?.notify(field.name, formattedValue);\n      },\n      // Convert null/undefined to empty string for UI display\n      value: fromNullishString(field.value) as string,\n    },\n    formState,\n    fieldState,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,iBACX,UACsC;CACtC,MAAM,EAAE,OAAO,WAAW,kDAAgC,MAAM;CAChE,MAAM,EAAE,qCAA0BA,mCAAe;AAEjD,QAAO;EACL,OAAO;GACL,GAAG;GAGH,WAAW,GAAG,UAAiB;IAC7B,MAAM,QAAQ,MAAM,IAAI,QAAQ,SAAS,MAAM;IAC/C,MAAM,iBAAiB,UAAU,KAAK,KAAKC,gCAAgB,MAAM;AAGjE,UAAM,SAAS,eAAe;AAK9B,gBAAY,OAAO,MAAM,MAAM,eAAe;;GAGhD,OAAOC,kCAAkB,MAAM,MAAM;GACtC;EACD;EACA;EACD"}

package/dist/useFormContext-B2TS6xq0.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormContext-B2TS6xq0.d.ts","names":[],"sources":["../src/hooks/useFormContext/useFormContext.ts"],"sourcesContent":[],"mappings":";;;;;;;;;cAYa,mCACC;;;;;AADd;AAqEA;;;;;cAAa,wCACU,cAAc,kDAEd;EAwBa,SAAA,4BAAA,aAAA,CAAA;EAAL,aAAA,EAAA,CAAA,IAAA,EAAA,IAAA,CAAK,YAAL,CAAA,EAAA,MAAA,CAAA,EAAA,MAAA,EAAA,GAAA;;;;;;;;;WAWO,mCAAA,aAAA,CAAA;EAAA,SAAA,mCAAA,aAAA,CAAA;EAAA,KAAA,+BAAA,aAAA,CAAA;EAyBpC,SAAA,EAAA,UAAA,GAAA,OAAA,GAAA,eAAA,GAAA,KAAA;EACyB,iBAAA,CAAA,mBAAA;EAAwE,aAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAA,YAAA,EAAA,CAAA,SAAA,EAAA,UAAA,GAAA,OAAA,GAAA,eAAA,GAAA,KAAA,EAAA,GAAA,IAAA;6BA1B7D,uBAAA;;0BAAA;;;;mBAyBpC;eACyB;aAAwE;qDAAA,gBAAA,CAAA,WAAA"}

package/dist/useFormContext-n3WYgGkW.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormContext-n3WYgGkW.d.cts","names":[],"sources":["../src/hooks/useFormContext/useFormContext.ts"],"sourcesContent":[],"mappings":";;;;;;;;;cAYa,mCACC;;;;;AADd;AAqEA;;;;;cAAa,sCACU,cAAc,kDAEd;EAwBa,SAAA,4BAAA,aAAA,CAAA;EAAL,aAAA,EAAA,CAAA,IAAA,EAAA,IAAA,CAAK,YAAL,CAAA,EAAA,MAAA,CAAA,EAAA,MAAA,EAAA,GAAA;;;;;;;;;WAWO,mCAAA,aAAA,CAAA;EAAA,SAAA,mCAAA,aAAA,CAAA;EAAA,KAAA,+BAAA,aAAA,CAAA;EAyBpC,SAAA,EAAA,UAAA,GAAA,OAAA,GAAA,eAAA,GAAA,KAAA;EACyB,iBAAA,CAAA,mBAAA;EAAwE,aAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAA,YAAA,EAAA,CAAA,SAAA,EAAA,UAAA,GAAA,OAAA,GAAA,eAAA,GAAA,KAAA,EAAA,GAAA,IAAA;6BA1B7D,uBAAA;;0BAAA;;;;mBAyBpC;eACyB;aAAwE;qDAAA,gBAAA,CAAA,WAAA"}

package/dist/useWatchUserChange-1ELFYX_F.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWatchUserChange-1ELFYX_F.js","names":[],"sources":["../src/hooks/useWatchUserChange/useWatchUserChange.ts"],"sourcesContent":["import type {\n  FieldValues,\n  Path,\n  UseFormReset,\n  UseFormResetField,\n  UseFormSetValue,\n} from 'react-hook-form';\n\nimport { useEffect } from 'react';\n\nimport { useFormContext } from '../useFormContext/useFormContext';\n\nexport interface UseWatchUserChangeOptions<TFieldValues extends FieldValues> {\n  /** Field name to watch for user changes */\n  watch: Path<TFieldValues>;\n  /**\n   * Callback when watched field is changed by user input.\n   * Receives the new value and form helpers (setValue, resetField, reset).\n   */\n  onChange: (\n    value: unknown,\n    helpers: {\n      setValue: UseFormSetValue<TFieldValues>;\n      resetField: UseFormResetField<TFieldValues>;\n      reset: UseFormReset<TFieldValues>;\n    },\n  ) => void;\n}\n\n/**\n * Hook that watches for user changes on a specific form field.\n *\n * Only triggers on manual user input (typing, clicking, selecting),\n * NOT on programmatic changes like form.reset() or form.setValue().\n *\n * This hook subscribes to field changes at the source (useController),\n * ensuring immediate and accurate detection of user interactions.\n *\n * Use cases:\n * - Reset dependent fields when parent field changes\n * - Set mode-specific default values when a toggle changes\n * - Clear form sections based on user selections\n * - Trigger side effects only on user interaction\n *\n * Note: To watch multiple fields, call this hook multiple times.\n *\n * @example\n * ```tsx\n * // Reset city and address when user changes country\n * useWatchUserChange({\n *   watch: 'country',\n *   onChange: (value, { resetField }) => {\n *     resetField('city');\n *     resetField('address');\n *   },\n * });\n *\n * // Set defaults when user changes payment method\n * useWatchUserChange({\n *   watch: 'paymentMethod',\n *   onChange: (value, { setValue }) => {\n *     if (value === 'credit') {\n *       setValue('installments', 3);\n *     } else {\n *       setValue('installments', 1);\n *     }\n *   },\n * });\n *\n * // Watch multiple fields by calling the hook multiple times\n * useWatchUserChange({\n *   watch: 'category',\n *   onChange: (value, { resetField }) => {\n *     resetField('productId');\n *   },\n * });\n * useWatchUserChange({\n *   watch: 'brand',\n *   onChange: (value, { resetField }) => {\n *     resetField('productId');\n *   },\n * });\n * ```\n */\nexport const useWatchUserChange = <\n  TFieldValues extends FieldValues = FieldValues,\n>({\n  watch: watchField,\n  onChange,\n}: UseWatchUserChangeOptions<TFieldValues>) => {\n  const { setValue, resetField, reset, userChange } =\n    useFormContext<TFieldValues>();\n\n  useEffect(() => {\n    // Create listener that checks if changed field is the one we're watching\n    const listener = (fieldName: Path<TFieldValues>, value: unknown) => {\n      // Check if this is the field we're watching\n      if (fieldName === watchField) {\n        // Call the onChange callback with helpers\n        onChange(value, { setValue, resetField, reset });\n      }\n    };\n\n    // Subscribe to user changes\n    const unsubscribe = userChange.subscribe(listener);\n\n    // Cleanup on unmount\n    return unsubscribe;\n  }, [watchField, onChange, setValue, resetField, reset, userChange]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,MAAa,sBAEX,EACA,OAAO,YACP,eAC6C;CAC7C,MAAM,EAAE,UAAU,YAAY,OAAO,eACnC,gBAA8B;AAEhC,iBAAgB;EAEd,MAAM,YAAY,WAA+B,UAAmB;AAElE,OAAI,cAAc,WAEhB,UAAS,OAAO;IAAE;IAAU;IAAY;IAAO,CAAC;;AAQpD,SAHoB,WAAW,UAAU,SAAS;IAIjD;EAAC;EAAY;EAAU;EAAU;EAAY;EAAO;EAAW,CAAC"}

package/dist/useWatchUserChange-C1zOvSSU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWatchUserChange-C1zOvSSU.cjs","names":["useFormContext"],"sources":["../src/hooks/useWatchUserChange/useWatchUserChange.ts"],"sourcesContent":["import type {\n  FieldValues,\n  Path,\n  UseFormReset,\n  UseFormResetField,\n  UseFormSetValue,\n} from 'react-hook-form';\n\nimport { useEffect } from 'react';\n\nimport { useFormContext } from '../useFormContext/useFormContext';\n\nexport interface UseWatchUserChangeOptions<TFieldValues extends FieldValues> {\n  /** Field name to watch for user changes */\n  watch: Path<TFieldValues>;\n  /**\n   * Callback when watched field is changed by user input.\n   * Receives the new value and form helpers (setValue, resetField, reset).\n   */\n  onChange: (\n    value: unknown,\n    helpers: {\n      setValue: UseFormSetValue<TFieldValues>;\n      resetField: UseFormResetField<TFieldValues>;\n      reset: UseFormReset<TFieldValues>;\n    },\n  ) => void;\n}\n\n/**\n * Hook that watches for user changes on a specific form field.\n *\n * Only triggers on manual user input (typing, clicking, selecting),\n * NOT on programmatic changes like form.reset() or form.setValue().\n *\n * This hook subscribes to field changes at the source (useController),\n * ensuring immediate and accurate detection of user interactions.\n *\n * Use cases:\n * - Reset dependent fields when parent field changes\n * - Set mode-specific default values when a toggle changes\n * - Clear form sections based on user selections\n * - Trigger side effects only on user interaction\n *\n * Note: To watch multiple fields, call this hook multiple times.\n *\n * @example\n * ```tsx\n * // Reset city and address when user changes country\n * useWatchUserChange({\n *   watch: 'country',\n *   onChange: (value, { resetField }) => {\n *     resetField('city');\n *     resetField('address');\n *   },\n * });\n *\n * // Set defaults when user changes payment method\n * useWatchUserChange({\n *   watch: 'paymentMethod',\n *   onChange: (value, { setValue }) => {\n *     if (value === 'credit') {\n *       setValue('installments', 3);\n *     } else {\n *       setValue('installments', 1);\n *     }\n *   },\n * });\n *\n * // Watch multiple fields by calling the hook multiple times\n * useWatchUserChange({\n *   watch: 'category',\n *   onChange: (value, { resetField }) => {\n *     resetField('productId');\n *   },\n * });\n * useWatchUserChange({\n *   watch: 'brand',\n *   onChange: (value, { resetField }) => {\n *     resetField('productId');\n *   },\n * });\n * ```\n */\nexport const useWatchUserChange = <\n  TFieldValues extends FieldValues = FieldValues,\n>({\n  watch: watchField,\n  onChange,\n}: UseWatchUserChangeOptions<TFieldValues>) => {\n  const { setValue, resetField, reset, userChange } =\n    useFormContext<TFieldValues>();\n\n  useEffect(() => {\n    // Create listener that checks if changed field is the one we're watching\n    const listener = (fieldName: Path<TFieldValues>, value: unknown) => {\n      // Check if this is the field we're watching\n      if (fieldName === watchField) {\n        // Call the onChange callback with helpers\n        onChange(value, { setValue, resetField, reset });\n      }\n    };\n\n    // Subscribe to user changes\n    const unsubscribe = userChange.subscribe(listener);\n\n    // Cleanup on unmount\n    return unsubscribe;\n  }, [watchField, onChange, setValue, resetField, reset, userChange]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,MAAa,sBAEX,EACA,OAAO,YACP,eAC6C;CAC7C,MAAM,EAAE,UAAU,YAAY,OAAO,eACnCA,uCAA8B;AAEhC,4BAAgB;EAEd,MAAM,YAAY,WAA+B,UAAmB;AAElE,OAAI,cAAc,WAEhB,UAAS,OAAO;IAAE;IAAU;IAAY;IAAO,CAAC;;AAQpD,SAHoB,WAAW,UAAU,SAAS;IAIjD;EAAC;EAAY;EAAU;EAAU;EAAY;EAAO;EAAW,CAAC"}