@techzyapp/ui-library 1.0.29 → 1.0.31

package/dist/{MultiSelect-B-FPQ08c.js → MultiSelect-BTR6w5Ot.js}

@@ -2,11 +2,11 @@ import { jsxs as k, jsx as t } from "react/jsx-runtime";
 import { forwardRef as ce, useId as ie, useState as ue, useRef as P, useCallback as de } from "react";
 import { clsx as B } from "clsx";
 import { u as me } from "./formContext-B7ln1Miy.js";
-import { C as he } from "./Chip-Zh1OB9nV.js";
-import { I as W } from "./Icon-DaTvzLBu.js";
-import { u as _e, O as pe } from "./useOptionMenu-D7EbYG9A.js";
+import { C as he } from "./Chip-DZ5Fz7jx.js";
+import { I as W } from "./Icon-CGQ5yGSZ.js";
+import { u as _e, O as pe } from "./useOptionMenu-DtTvY9EC.js";
 import { T as j } from "./Typography-CJv5AnRP.js";
-import { a as fe } from "./ConfigProvider-BbsI15b-.js";
+import { a as fe } from "./ConfigProvider-Ct0Pe3Ku.js";
 const ve = "_field_um3uh_1", be = "_fullWidth_um3uh_7", ye = "_label_um3uh_12", ge = "_required_um3uh_21", xe = "_control_um3uh_27", Ie = "_filled_um3uh_47", Ne = "_open_um3uh_51", we = "_error_um3uh_56", De = "_disabled_um3uh_64", Se = "_chips_um3uh_31", Te = "_value_um3uh_84", ke = "_valueLabel_um3uh_91", Be = "_placeholder_um3uh_96", Ce = "_clear_um3uh_100", Me = "_chevron_um3uh_117", Re = "_sm_um3uh_127", Le = "_md_um3uh_131", Ve = "_lg_um3uh_135", qe = "_helper_um3uh_140", r = {
   field: ve,
   fullWidth: be,
@@ -216,4 +216,4 @@ const ve = "_field_um3uh_1", be = "_fullWidth_um3uh_7", ye = "_label_um3uh_12",
 export {
   Qe as M
 };
-//# sourceMappingURL=MultiSelect-B-FPQ08c.js.map
+//# sourceMappingURL=MultiSelect-BTR6w5Ot.js.map

package/dist/{MultiSelect-B-FPQ08c.js.map → MultiSelect-BTR6w5Ot.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect-B-FPQ08c.js","sources":["../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Chip } from '../Chip'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport type { SelectOption, SelectSize } from '../Select'\nimport styles from './MultiSelect.module.css'\n\nexport interface MultiSelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font, chips and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen options' `value`s. */\n  value?: string[]\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string[]\n  /** Fires with the next array of selected values. */\n  onChange?: (value: string[]) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Theme palette token tinting the selected chips. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Shows a clear (×) button in the trigger when anything is selected. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is a `string[]`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled multi-select — the `string[]` sibling of `Select`. The trigger shows the chosen options\n * as deletable `Chip`s (wrapping, growing like `TagsField`) or a placeholder; clicking it opens the\n * same `Dropdown`-style popover (portaled, flips, scroll-locked, trigger-width, animated — shared via\n * `useFloatingPanel`). Options render as `ListItem`s in a `role=\"listbox\"` `aria-multiselectable`\n * list; selecting **toggles** an option and keeps the popover open, the chosen ones showing a tick.\n * Full keyboard support (Arrow/Home/End, Enter/Space to toggle, Escape to close, type-ahead) and\n * ARIA. Optionally `searchable` + `clearable`; pass `onSearchChange` to drive the search\n * **server-side** (you own `options` — local filtering is skipped) with a `loading` indicator.\n * Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = `string[]`; validate with\n * e.g. `z.array(z.string()).min(1, 'Pick at least one')`). Token-only styling.\n */\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(function MultiSelect(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    color = 'primary',\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  // ── value (controlled / form-bound / uncontrolled) — always a string[] ─────────────────────────\n  // Read the RAW form value (field().value String-coerces, which would flatten the array).\n  const t = useT()\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string[] | undefined) ?? [])\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? [])\n  const selectedValues = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── the option popover (state + keys shared with Select / PhoneField) — stays open on pick ─────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const removeValue = (v: string) => commit(selectedValues.filter((x) => x !== v))\n\n  const menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => selectedValues.includes(o.value),\n    onPick: (o) =>\n      commit(\n        selectedValues.includes(o.value)\n          ? selectedValues.filter((v) => v !== o.value)\n          : [...selectedValues, o.value],\n      ),\n    closeOnPick: false,\n    highlightSelected: false,\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  // Backspace removes the last chip while the search box is empty (or there's none); else the shared keys\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (\n      event.key === 'Backspace' &&\n      open &&\n      (!searchable || menu.searchQuery === '') &&\n      selectedValues.length > 0\n    ) {\n      event.preventDefault()\n      removeValue(selectedValues[selectedValues.length - 1])\n      return\n    }\n    menu.handleKeyDown(event)\n  }\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (menu.popoverRef.current?.contains(next) || triggerRef.current?.contains(next)))\n      return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const hasValue = selectedValues.length > 0\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? menu.listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : menu.activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open, hasValue && styles.filled)}\n        onClick={menu.toggleMenu}\n        onKeyDown={handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        {hasValue ? (\n          <span className={styles.chips}>\n            {selectedValues.map((v) => {\n              const opt = options.find((o) => o.value === v)\n              return (\n                <Chip\n                  key={v}\n                  size={size}\n                  color={color}\n                  disabled={disabled}\n                  onDelete={() => removeValue(v)}\n                  deleteLabel={t('fileUploader.remove', { name: opt?.label ?? v })}\n                  // the combobox owns keyboard focus — keep chip deletes out of the tab order\n                  deleteTabIndex={-1}\n                >\n                  {opt?.label ?? v}\n                </Chip>\n              )\n            })}\n          </span>\n        ) : (\n          <span className={clsx(styles.value, styles.placeholder)}>\n            <span className={styles.valueLabel}>{placeholder ?? t('select.placeholder')}</span>\n          </span>\n        )}\n\n        {clearable && hasValue && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('multiSelect.clearAll')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.stopPropagation()\n              commit([])\n              triggerRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={triggerRef}\n        size={size}\n        searchPlaceholder={searchPlaceholder}\n        loading={loading}\n        loadingText={loadingText}\n        noOptionsText={noOptionsText}\n        multiselectable\n        labelledBy={label != null ? labelId : undefined}\n        onSearchKeyDown={handleKeyDown}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["MultiSelect","forwardRef","label","options","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","color","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","selectedValues","resolvedError","resolvedHelperText","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","removeValue","v","x","menu","useOptionMenu","o","_a","open","handleKeyDown","event","handleTriggerBlur","_b","chevronPx","hasValue","jsxs","clsx","styles","jsx","Typography","opt","Chip","Icon","OptionMenu"],"mappings":"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"}
+{"version":3,"file":"MultiSelect-BTR6w5Ot.js","sources":["../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Chip } from '../Chip'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport type { SelectOption, SelectSize } from '../Select'\nimport styles from './MultiSelect.module.css'\n\nexport interface MultiSelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font, chips and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen options' `value`s. */\n  value?: string[]\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string[]\n  /** Fires with the next array of selected values. */\n  onChange?: (value: string[]) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Theme palette token tinting the selected chips. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Shows a clear (×) button in the trigger when anything is selected. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is a `string[]`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled multi-select — the `string[]` sibling of `Select`. The trigger shows the chosen options\n * as deletable `Chip`s (wrapping, growing like `TagsField`) or a placeholder; clicking it opens the\n * same `Dropdown`-style popover (portaled, flips, scroll-locked, trigger-width, animated — shared via\n * `useFloatingPanel`). Options render as `ListItem`s in a `role=\"listbox\"` `aria-multiselectable`\n * list; selecting **toggles** an option and keeps the popover open, the chosen ones showing a tick.\n * Full keyboard support (Arrow/Home/End, Enter/Space to toggle, Escape to close, type-ahead) and\n * ARIA. Optionally `searchable` + `clearable`; pass `onSearchChange` to drive the search\n * **server-side** (you own `options` — local filtering is skipped) with a `loading` indicator.\n * Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = `string[]`; validate with\n * e.g. `z.array(z.string()).min(1, 'Pick at least one')`). Token-only styling.\n */\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(function MultiSelect(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    color = 'primary',\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  // ── value (controlled / form-bound / uncontrolled) — always a string[] ─────────────────────────\n  // Read the RAW form value (field().value String-coerces, which would flatten the array).\n  const t = useT()\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string[] | undefined) ?? [])\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? [])\n  const selectedValues = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── the option popover (state + keys shared with Select / PhoneField) — stays open on pick ─────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const removeValue = (v: string) => commit(selectedValues.filter((x) => x !== v))\n\n  const menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => selectedValues.includes(o.value),\n    onPick: (o) =>\n      commit(\n        selectedValues.includes(o.value)\n          ? selectedValues.filter((v) => v !== o.value)\n          : [...selectedValues, o.value],\n      ),\n    closeOnPick: false,\n    highlightSelected: false,\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  // Backspace removes the last chip while the search box is empty (or there's none); else the shared keys\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (\n      event.key === 'Backspace' &&\n      open &&\n      (!searchable || menu.searchQuery === '') &&\n      selectedValues.length > 0\n    ) {\n      event.preventDefault()\n      removeValue(selectedValues[selectedValues.length - 1])\n      return\n    }\n    menu.handleKeyDown(event)\n  }\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (menu.popoverRef.current?.contains(next) || triggerRef.current?.contains(next)))\n      return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const hasValue = selectedValues.length > 0\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? menu.listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : menu.activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open, hasValue && styles.filled)}\n        onClick={menu.toggleMenu}\n        onKeyDown={handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        {hasValue ? (\n          <span className={styles.chips}>\n            {selectedValues.map((v) => {\n              const opt = options.find((o) => o.value === v)\n              return (\n                <Chip\n                  key={v}\n                  size={size}\n                  color={color}\n                  disabled={disabled}\n                  onDelete={() => removeValue(v)}\n                  deleteLabel={t('fileUploader.remove', { name: opt?.label ?? v })}\n                  // the combobox owns keyboard focus — keep chip deletes out of the tab order\n                  deleteTabIndex={-1}\n                >\n                  {opt?.label ?? v}\n                </Chip>\n              )\n            })}\n          </span>\n        ) : (\n          <span className={clsx(styles.value, styles.placeholder)}>\n            <span className={styles.valueLabel}>{placeholder ?? t('select.placeholder')}</span>\n          </span>\n        )}\n\n        {clearable && hasValue && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('multiSelect.clearAll')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.stopPropagation()\n              commit([])\n              triggerRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={triggerRef}\n        size={size}\n        searchPlaceholder={searchPlaceholder}\n        loading={loading}\n        loadingText={loadingText}\n        noOptionsText={noOptionsText}\n        multiselectable\n        labelledBy={label != null ? labelId : undefined}\n        onSearchKeyDown={handleKeyDown}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["MultiSelect","forwardRef","label","options","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","color","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","selectedValues","resolvedError","resolvedHelperText","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","removeValue","v","x","menu","useOptionMenu","o","_a","open","handleKeyDown","event","handleTriggerBlur","_b","chevronPx","hasValue","jsxs","clsx","styles","jsx","Typography","opt","Chip","Icon","OptionMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FaA,KAAcC,GAA6C,SACtE;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,WAAAC;AAAA,EACA,OAAAC;AACF,GACAC,GACA;AACA,QAAMC,KAAUC,GAAA,GACVC,IAAKN,KAAUI,IACfG,IAAU,GAAGD,CAAE,UACfE,IAAW,GAAGF,CAAE,WAIhBG,IAAIC,GAAA,GACJC,IAAOC,GAAA,GACPC,IAAc,GAAQF,KAAQZ,IAC9Be,IAAQD,IAAcF,EAAM,MAAMZ,CAAK,IAAI,QAC3CgB,KACJ5B,MAAU,SACNA,IACA0B,IACIF,EAAM,OAAOZ,CAAK,KAA8B,CAAA,IAClD,QACFiB,IAAe7B,MAAU,UAAa0B,GACtC,CAACI,IAAUC,EAAW,IAAIC,GAAmB/B,KAAgB,CAAA,CAAE,GAC/DgC,IAAiBJ,IAAeD,KAAiBE,IAEjDI,IAAgBvC,MAASgC,KAAA,gBAAAA,EAAO,UAAS,IACzCQ,IAAqBvC,MAAc+B,KAAA,gBAAAA,EAAO,aAE1CS,IAAS,CAACC,MAAmB;AACjC,IAAKR,KAAcE,GAAYM,CAAI,GAC/BX,KAAaF,EAAM,SAASZ,GAAOyB,CAAI,GAC3CnC,KAAA,QAAAA,EAAWmC;AAAA,EACb,GAGMC,IAAaC,EAA8B,IAAI,GAC/CC,IAAYD,EAAiC,MAAS;AAC5D,EAAAC,EAAU,UAAUb,IAAQ,MAAMA,EAAM,OAAO,CAAA,CAAkC,IAAI;AAErF,QAAMc,KAAgBC;AAAA,IACpB,CAACC,MAAgC;AAC/B,MAAAL,EAAW,UAAUK,GACjB,OAAO3B,KAAQ,aAAYA,EAAI2B,CAAI,IAC9B3B,MAAMA,EAA2C,UAAU2B;AAAA,IACtE;AAAA,IACA,CAAC3B,CAAG;AAAA,EAAA,GAGA4B,IAAc,CAACC,MAAcT,EAAOH,EAAe,OAAO,CAACa,MAAMA,MAAMD,CAAC,CAAC,GAEzEE,IAAOC,GAAc;AAAA,IACzB,QAAQ7B;AAAA,IACR,SAAA1B;AAAA,IACA,YAAY,CAACwD,MAAMhB,EAAe,SAASgB,EAAE,KAAK;AAAA,IAClD,QAAQ,CAACA,MACPb;AAAA,MACEH,EAAe,SAASgB,EAAE,KAAK,IAC3BhB,EAAe,OAAO,CAACY,MAAMA,MAAMI,EAAE,KAAK,IAC1C,CAAC,GAAGhB,GAAgBgB,EAAE,KAAK;AAAA,IAAA;AAAA,IAEnC,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,YAAA3C;AAAA,IACA,gBAAAE;AAAA,IACA,UAAAT;AAAA,IACA,UAAUuC;AAAA,IACV,SAAS,MAAA;;AAAM,cAAAY,IAAAV,EAAU,YAAV,gBAAAU,EAAA,KAAAV;AAAA;AAAA,EAAoB,CACpC,GACK,EAAE,MAAAW,MAASJ,GAGXK,IAAgB,CAACC,MAA8B;AACnD,QACEA,EAAM,QAAQ,eACdF,MACC,CAAC7C,KAAcyC,EAAK,gBAAgB,OACrCd,EAAe,SAAS,GACxB;AACA,MAAAoB,EAAM,eAAA,GACNT,EAAYX,EAAeA,EAAe,SAAS,CAAC,CAAC;AACrD;AAAA,IACF;AACA,IAAAc,EAAK,cAAcM,CAAK;AAAA,EAC1B,GAEMC,KAAoB,CAACD,MAAsC;;AAC/D,UAAMhB,IAAOgB,EAAM;AACnB,IAAIhB,OAASa,IAAAH,EAAK,WAAW,YAAhB,QAAAG,EAAyB,SAASb,OAASkB,IAAAjB,EAAW,YAAX,QAAAiB,EAAoB,SAASlB,OAErFV,KAAA,QAAAA,EAAO,OAAO0B;AAAA,EAChB,GAGMG,IAAY9D,MAAS,OAAO,KAAKA,MAAS,OAAO,KAAK,IACtD+D,IAAWxB,EAAe,SAAS;AAEzC,SACE,gBAAAyB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOlE,CAAI;AAAA,QACXI,KAAa8D,EAAO;AAAA,QACpB1B,KAAiB0B,EAAO;AAAA,QACxB7D,KAAY6D,EAAO;AAAA,QACnB9C;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEC,UAAA;AAAA,QAAAvB,KAAS,QACR,gBAAAkE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAItC;AAAA,YACJ,WAAWwC,EAAO;AAAA,YAClB,SAAS,MAAA;;AAAM,sBAAC7D,OAAYmD,IAAAZ,EAAW,YAAX,gBAAAY,EAAoB;AAAA;AAAA,YAEhD,UAAA;AAAA,cAAA,gBAAAW,EAACC,KAAW,IAAG,QAAO,SAAQ,aAAY,OAAM,SAC7C,UAAAtE,EAAA,CACH;AAAA,cACCK,uBACE,QAAA,EAAK,WAAW+D,EAAO,UAAU,eAAY,QAAO,UAAA,IAAA,CAErD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAKN,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKjB;AAAA,YACL,IAAAtB;AAAA,YACC,GAAIP,IAAO,EAAE,MAAAA,EAAA,IAAS,CAAA;AAAA,YACvB,MAAK;AAAA,YACL,UAAUb,IAAW,KAAK;AAAA,YAC1B,iBAAc;AAAA,YACd,iBAAeoD;AAAA,YACf,iBAAeA,IAAOJ,EAAK,YAAY;AAAA,YACvC,yBAAuBzC,IAAa,SAAYyC,EAAK;AAAA,YACrD,mBAAiBvD,KAAS,OAAO4B,IAAU;AAAA,YAC3C,iBAAerB,KAAY;AAAA,YAC3B,iBAAeF,KAAY;AAAA,YAC3B,gBAAcqC,KAAiB;AAAA,YAC/B,oBAAkBC,KAAsB,OAAOd,IAAW;AAAA,YAC1D,WAAWsC,EAAKC,EAAO,SAAST,KAAQS,EAAO,MAAMH,KAAYG,EAAO,MAAM;AAAA,YAC9E,SAASb,EAAK;AAAA,YACd,WAAWK;AAAA,YACX,QAAQE;AAAA,YAEP,UAAA;AAAA,cAAAG,IACC,gBAAAI,EAAC,UAAK,WAAWD,EAAO,OACrB,UAAA3B,EAAe,IAAI,CAACY,MAAM;AACzB,sBAAMkB,IAAMtE,EAAQ,KAAK,CAACwD,MAAMA,EAAE,UAAUJ,CAAC;AAC7C,uBACE,gBAAAgB;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBAEC,MAAAtE;AAAA,oBACA,OAAAU;AAAA,oBACA,UAAAL;AAAA,oBACA,UAAU,MAAM6C,EAAYC,CAAC;AAAA,oBAC7B,aAAavB,EAAE,uBAAuB,EAAE,OAAMyC,KAAA,gBAAAA,EAAK,UAASlB,GAAG;AAAA,oBAE/D,gBAAgB;AAAA,oBAEf,kCAAK,UAASA;AAAA,kBAAA;AAAA,kBATVA;AAAA,gBAAA;AAAA,cAYX,CAAC,GACH,IAEA,gBAAAgB,EAAC,UAAK,WAAWF,EAAKC,EAAO,OAAOA,EAAO,WAAW,GACpD,UAAA,gBAAAC,EAAC,UAAK,WAAWD,EAAO,YAAa,UAAAzD,KAAemB,EAAE,oBAAoB,EAAA,CAAE,EAAA,CAC9E;AAAA,cAGDjB,KAAaoD,KAAY,CAAC1D,KACzB,gBAAA8D;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWD,EAAO;AAAA,kBAClB,cAAYtC,EAAE,sBAAsB;AAAA,kBACpC,UAAU;AAAA,kBACV,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,kBACtB,SAAS,CAAC,MAAM;;AACd,sBAAE,gBAAA,GACFc,EAAO,CAAA,CAAE,IACTc,IAAAZ,EAAW,YAAX,QAAAY,EAAoB;AAAA,kBACtB;AAAA,kBAEA,UAAA,gBAAAW,EAACI,GAAA,EAAK,MAAK,eAAc,MAAK,KAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIvC,gBAAAJ;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWL,EAAO;AAAA,kBAClB,OAAO,EAAE,OAAOJ,GAAW,QAAQA,EAAA;AAAA,kBACnC,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAK;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAAnB;AAAA,YACA,WAAWT;AAAA,YACX,MAAA5C;AAAA,YACA,mBAAAa;AAAA,YACA,SAAAE;AAAA,YACA,aAAAC;AAAA,YACA,eAAAC;AAAA,YACA,iBAAe;AAAA,YACf,YAAYnB,KAAS,OAAO4B,IAAU;AAAA,YACtC,iBAAiBgC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGlBjB,KAAsB,QACrB,gBAAA0B;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAIzC;AAAA,YACJ,SAAQ;AAAA,YACR,OAAOa,IAAgB,UAAU;AAAA,YACjC,WAAW0B,EAAO;AAAA,YAEjB,UAAAzB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/{MultiSelect-S5VG9g3l.cjs → MultiSelect-IDAJ5a5K.cjs}

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),i=require("react"),C=require("clsx"),ae=require("./formContext-bTWrqdEV.cjs"),ue=require("./Chip-D12KcV4_.cjs"),K=require("./Icon-BVULqOJD.cjs"),O=require("./useOptionMenu-BoWyPgbY.cjs"),W=require("./Typography-B6ASPrzT.cjs"),ie=require("./ConfigProvider-ByLHqXpv.cjs"),de="_field_um3uh_1",he="_fullWidth_um3uh_7",_e="_label_um3uh_12",me="_required_um3uh_21",pe="_control_um3uh_27",fe="_filled_um3uh_47",ve="_open_um3uh_51",xe="_error_um3uh_56",ye="_disabled_um3uh_64",be="_chips_um3uh_31",ge="_value_um3uh_84",je="_valueLabel_um3uh_91",qe="_placeholder_um3uh_96",Ie="_clear_um3uh_100",Ne="_chevron_um3uh_117",Se="_sm_um3uh_127",Te="_md_um3uh_131",we="_lg_um3uh_135",Ce="_helper_um3uh_140",r={field:de,fullWidth:he,label:_e,required:me,control:pe,filled:fe,open:ve,error:xe,disabled:ye,chips:be,value:ge,valueLabel:je,placeholder:qe,clear:Ie,chevron:Ne,sm:Se,md:Te,lg:we,helper:Ce},De=i.forwardRef(function({label:_,options:D,size:d="md",error:A,helperText:F,required:R=!1,fullWidth:$=!0,disabled:c=!1,value:b,defaultValue:E,onChange:g,placeholder:H,color:Q="primary",clearable:U=!0,searchable:j=!1,searchPlaceholder:G,onSearchChange:J,loading:X=!1,loadingText:Y,noOptionsText:Z,name:a,id:z,className:ee,style:le},h){const re=i.useId(),m=z??re,q=`${m}-label`,k=`${m}-helper`,I=ie.useT(),p=ae.useFormContext(),f=!!(p&&a),s=f?p.field(a):void 0,oe=b!==void 0?b:f?p.values[a]??[]:void 0,B=b!==void 0||f,[se,ne]=i.useState(E??[]),n=B?oe:se,N=A??(s==null?void 0:s.error)??!1,S=F??(s==null?void 0:s.helperText),T=e=>{B||ne(e),f&&p.setValue(a,e),g==null||g(e)},u=i.useRef(null),v=i.useRef(void 0);v.current=s?()=>s.onBlur({}):void 0;const te=i.useCallback(e=>{u.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]),M=e=>T(n.filter(l=>l!==e)),t=O.useOptionMenu({idBase:m,options:D,isSelected:e=>n.includes(e.value),onPick:e=>T(n.includes(e.value)?n.filter(l=>l!==e.value):[...n,e.value]),closeOnPick:!1,highlightSelected:!1,searchable:j,onSearchChange:J,disabled:c,focusRef:u,onClose:()=>{var e;return(e=v.current)==null?void 0:e.call(v)}}),{open:x}=t,L=e=>{if(e.key==="Backspace"&&x&&(!j||t.searchQuery==="")&&n.length>0){e.preventDefault(),M(n[n.length-1]);return}t.handleKeyDown(e)},ce=e=>{var y,V;const l=e.relatedTarget;l&&((y=t.popoverRef.current)!=null&&y.contains(l)||(V=u.current)!=null&&V.contains(l))||s==null||s.onBlur(e)},P=d==="sm"?16:d==="md"?14:12,w=n.length>0;return o.jsxs("div",{className:C.clsx(r.field,r[d],$&&r.fullWidth,N&&r.error,c&&r.disabled,ee),style:le,children:[_!=null&&o.jsxs("span",{id:q,className:r.label,onClick:()=>{var e;return!c&&((e=u.current)==null?void 0:e.focus())},children:[o.jsx(W.Typography,{as:"span",variant:"bodySmall",color:"muted",children:_}),R&&o.jsx("span",{className:r.required,"aria-hidden":"true",children:"*"})]}),o.jsxs("div",{ref:te,id:m,...a?{name:a}:{},role:"combobox",tabIndex:c?-1:0,"aria-haspopup":"listbox","aria-expanded":x,"aria-controls":x?t.listboxId:void 0,"aria-activedescendant":j?void 0:t.activeId,"aria-labelledby":_!=null?q:void 0,"aria-disabled":c||void 0,"aria-required":R||void 0,"aria-invalid":N||void 0,"aria-describedby":S!=null?k:void 0,className:C.clsx(r.control,x&&r.open,w&&r.filled),onClick:t.toggleMenu,onKeyDown:L,onBlur:ce,children:[w?o.jsx("span",{className:r.chips,children:n.map(e=>{const l=D.find(y=>y.value===e);return o.jsx(ue.Chip,{size:d,color:Q,disabled:c,onDelete:()=>M(e),deleteLabel:I("fileUploader.remove",{name:(l==null?void 0:l.label)??e}),deleteTabIndex:-1,children:(l==null?void 0:l.label)??e},e)})}):o.jsx("span",{className:C.clsx(r.value,r.placeholder),children:o.jsx("span",{className:r.valueLabel,children:H??I("select.placeholder")})}),U&&w&&!c&&o.jsx("button",{type:"button",className:r.clear,"aria-label":I("multiSelect.clearAll"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{var l;e.stopPropagation(),T([]),(l=u.current)==null||l.focus()},children:o.jsx(K.Icon,{name:"CloseCircle",size:"sm"})}),o.jsx(K.Icon,{name:"ArrowDown4",className:r.chevron,style:{width:P,height:P},"aria-hidden":"true"})]}),o.jsx(O.OptionMenu,{menu:t,anchorRef:u,size:d,searchPlaceholder:G,loading:X,loadingText:Y,noOptionsText:Z,multiselectable:!0,labelledBy:_!=null?q:void 0,onSearchKeyDown:L}),S!=null&&o.jsx(W.Typography,{as:"span",id:k,variant:"bodySmall",color:N?"error":"muted",className:r.helper,children:S})]})});exports.MultiSelect=De;
-//# sourceMappingURL=MultiSelect-S5VG9g3l.cjs.map
+"use strict";const o=require("react/jsx-runtime"),i=require("react"),C=require("clsx"),ae=require("./formContext-bTWrqdEV.cjs"),ue=require("./Chip-BuydTI6V.cjs"),K=require("./Icon-BUP5_kRs.cjs"),O=require("./useOptionMenu-BYeSUee6.cjs"),W=require("./Typography-B6ASPrzT.cjs"),ie=require("./ConfigProvider-CtpfSy1i.cjs"),de="_field_um3uh_1",he="_fullWidth_um3uh_7",_e="_label_um3uh_12",me="_required_um3uh_21",pe="_control_um3uh_27",fe="_filled_um3uh_47",ve="_open_um3uh_51",xe="_error_um3uh_56",ye="_disabled_um3uh_64",be="_chips_um3uh_31",ge="_value_um3uh_84",je="_valueLabel_um3uh_91",qe="_placeholder_um3uh_96",Ie="_clear_um3uh_100",Ne="_chevron_um3uh_117",Se="_sm_um3uh_127",Te="_md_um3uh_131",we="_lg_um3uh_135",Ce="_helper_um3uh_140",r={field:de,fullWidth:he,label:_e,required:me,control:pe,filled:fe,open:ve,error:xe,disabled:ye,chips:be,value:ge,valueLabel:je,placeholder:qe,clear:Ie,chevron:Ne,sm:Se,md:Te,lg:we,helper:Ce},De=i.forwardRef(function({label:_,options:D,size:d="md",error:A,helperText:F,required:R=!1,fullWidth:$=!0,disabled:c=!1,value:b,defaultValue:E,onChange:g,placeholder:H,color:Q="primary",clearable:U=!0,searchable:j=!1,searchPlaceholder:G,onSearchChange:J,loading:X=!1,loadingText:Y,noOptionsText:Z,name:a,id:z,className:ee,style:le},h){const re=i.useId(),m=z??re,q=`${m}-label`,k=`${m}-helper`,I=ie.useT(),p=ae.useFormContext(),f=!!(p&&a),s=f?p.field(a):void 0,oe=b!==void 0?b:f?p.values[a]??[]:void 0,B=b!==void 0||f,[se,ne]=i.useState(E??[]),n=B?oe:se,N=A??(s==null?void 0:s.error)??!1,S=F??(s==null?void 0:s.helperText),T=e=>{B||ne(e),f&&p.setValue(a,e),g==null||g(e)},u=i.useRef(null),v=i.useRef(void 0);v.current=s?()=>s.onBlur({}):void 0;const te=i.useCallback(e=>{u.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]),M=e=>T(n.filter(l=>l!==e)),t=O.useOptionMenu({idBase:m,options:D,isSelected:e=>n.includes(e.value),onPick:e=>T(n.includes(e.value)?n.filter(l=>l!==e.value):[...n,e.value]),closeOnPick:!1,highlightSelected:!1,searchable:j,onSearchChange:J,disabled:c,focusRef:u,onClose:()=>{var e;return(e=v.current)==null?void 0:e.call(v)}}),{open:x}=t,L=e=>{if(e.key==="Backspace"&&x&&(!j||t.searchQuery==="")&&n.length>0){e.preventDefault(),M(n[n.length-1]);return}t.handleKeyDown(e)},ce=e=>{var y,V;const l=e.relatedTarget;l&&((y=t.popoverRef.current)!=null&&y.contains(l)||(V=u.current)!=null&&V.contains(l))||s==null||s.onBlur(e)},P=d==="sm"?16:d==="md"?14:12,w=n.length>0;return o.jsxs("div",{className:C.clsx(r.field,r[d],$&&r.fullWidth,N&&r.error,c&&r.disabled,ee),style:le,children:[_!=null&&o.jsxs("span",{id:q,className:r.label,onClick:()=>{var e;return!c&&((e=u.current)==null?void 0:e.focus())},children:[o.jsx(W.Typography,{as:"span",variant:"bodySmall",color:"muted",children:_}),R&&o.jsx("span",{className:r.required,"aria-hidden":"true",children:"*"})]}),o.jsxs("div",{ref:te,id:m,...a?{name:a}:{},role:"combobox",tabIndex:c?-1:0,"aria-haspopup":"listbox","aria-expanded":x,"aria-controls":x?t.listboxId:void 0,"aria-activedescendant":j?void 0:t.activeId,"aria-labelledby":_!=null?q:void 0,"aria-disabled":c||void 0,"aria-required":R||void 0,"aria-invalid":N||void 0,"aria-describedby":S!=null?k:void 0,className:C.clsx(r.control,x&&r.open,w&&r.filled),onClick:t.toggleMenu,onKeyDown:L,onBlur:ce,children:[w?o.jsx("span",{className:r.chips,children:n.map(e=>{const l=D.find(y=>y.value===e);return o.jsx(ue.Chip,{size:d,color:Q,disabled:c,onDelete:()=>M(e),deleteLabel:I("fileUploader.remove",{name:(l==null?void 0:l.label)??e}),deleteTabIndex:-1,children:(l==null?void 0:l.label)??e},e)})}):o.jsx("span",{className:C.clsx(r.value,r.placeholder),children:o.jsx("span",{className:r.valueLabel,children:H??I("select.placeholder")})}),U&&w&&!c&&o.jsx("button",{type:"button",className:r.clear,"aria-label":I("multiSelect.clearAll"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{var l;e.stopPropagation(),T([]),(l=u.current)==null||l.focus()},children:o.jsx(K.Icon,{name:"CloseCircle",size:"sm"})}),o.jsx(K.Icon,{name:"ArrowDown4",className:r.chevron,style:{width:P,height:P},"aria-hidden":"true"})]}),o.jsx(O.OptionMenu,{menu:t,anchorRef:u,size:d,searchPlaceholder:G,loading:X,loadingText:Y,noOptionsText:Z,multiselectable:!0,labelledBy:_!=null?q:void 0,onSearchKeyDown:L}),S!=null&&o.jsx(W.Typography,{as:"span",id:k,variant:"bodySmall",color:N?"error":"muted",className:r.helper,children:S})]})});exports.MultiSelect=De;
+//# sourceMappingURL=MultiSelect-IDAJ5a5K.cjs.map

package/dist/{MultiSelect-S5VG9g3l.cjs.map → MultiSelect-IDAJ5a5K.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect-S5VG9g3l.cjs","sources":["../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Chip } from '../Chip'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport type { SelectOption, SelectSize } from '../Select'\nimport styles from './MultiSelect.module.css'\n\nexport interface MultiSelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font, chips and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen options' `value`s. */\n  value?: string[]\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string[]\n  /** Fires with the next array of selected values. */\n  onChange?: (value: string[]) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Theme palette token tinting the selected chips. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Shows a clear (×) button in the trigger when anything is selected. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is a `string[]`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled multi-select — the `string[]` sibling of `Select`. The trigger shows the chosen options\n * as deletable `Chip`s (wrapping, growing like `TagsField`) or a placeholder; clicking it opens the\n * same `Dropdown`-style popover (portaled, flips, scroll-locked, trigger-width, animated — shared via\n * `useFloatingPanel`). Options render as `ListItem`s in a `role=\"listbox\"` `aria-multiselectable`\n * list; selecting **toggles** an option and keeps the popover open, the chosen ones showing a tick.\n * Full keyboard support (Arrow/Home/End, Enter/Space to toggle, Escape to close, type-ahead) and\n * ARIA. Optionally `searchable` + `clearable`; pass `onSearchChange` to drive the search\n * **server-side** (you own `options` — local filtering is skipped) with a `loading` indicator.\n * Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = `string[]`; validate with\n * e.g. `z.array(z.string()).min(1, 'Pick at least one')`). Token-only styling.\n */\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(function MultiSelect(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    color = 'primary',\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  // ── value (controlled / form-bound / uncontrolled) — always a string[] ─────────────────────────\n  // Read the RAW form value (field().value String-coerces, which would flatten the array).\n  const t = useT()\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string[] | undefined) ?? [])\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? [])\n  const selectedValues = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── the option popover (state + keys shared with Select / PhoneField) — stays open on pick ─────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const removeValue = (v: string) => commit(selectedValues.filter((x) => x !== v))\n\n  const menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => selectedValues.includes(o.value),\n    onPick: (o) =>\n      commit(\n        selectedValues.includes(o.value)\n          ? selectedValues.filter((v) => v !== o.value)\n          : [...selectedValues, o.value],\n      ),\n    closeOnPick: false,\n    highlightSelected: false,\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  // Backspace removes the last chip while the search box is empty (or there's none); else the shared keys\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (\n      event.key === 'Backspace' &&\n      open &&\n      (!searchable || menu.searchQuery === '') &&\n      selectedValues.length > 0\n    ) {\n      event.preventDefault()\n      removeValue(selectedValues[selectedValues.length - 1])\n      return\n    }\n    menu.handleKeyDown(event)\n  }\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (menu.popoverRef.current?.contains(next) || triggerRef.current?.contains(next)))\n      return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const hasValue = selectedValues.length > 0\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? menu.listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : menu.activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open, hasValue && styles.filled)}\n        onClick={menu.toggleMenu}\n        onKeyDown={handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        {hasValue ? (\n          <span className={styles.chips}>\n            {selectedValues.map((v) => {\n              const opt = options.find((o) => o.value === v)\n              return (\n                <Chip\n                  key={v}\n                  size={size}\n                  color={color}\n                  disabled={disabled}\n                  onDelete={() => removeValue(v)}\n                  deleteLabel={t('fileUploader.remove', { name: opt?.label ?? v })}\n                  // the combobox owns keyboard focus — keep chip deletes out of the tab order\n                  deleteTabIndex={-1}\n                >\n                  {opt?.label ?? v}\n                </Chip>\n              )\n            })}\n          </span>\n        ) : (\n          <span className={clsx(styles.value, styles.placeholder)}>\n            <span className={styles.valueLabel}>{placeholder ?? t('select.placeholder')}</span>\n          </span>\n        )}\n\n        {clearable && hasValue && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('multiSelect.clearAll')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.stopPropagation()\n              commit([])\n              triggerRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={triggerRef}\n        size={size}\n        searchPlaceholder={searchPlaceholder}\n        loading={loading}\n        loadingText={loadingText}\n        noOptionsText={noOptionsText}\n        multiselectable\n        labelledBy={label != null ? labelId : undefined}\n        onSearchKeyDown={handleKeyDown}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["MultiSelect","forwardRef","label","options","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","color","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","selectedValues","resolvedError","resolvedHelperText","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","removeValue","v","x","menu","useOptionMenu","o","_a","open","handleKeyDown","event","handleTriggerBlur","_b","chevronPx","hasValue","jsxs","clsx","styles","jsx","Typography","opt","Chip","Icon","OptionMenu"],"mappings":"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"}
+{"version":3,"file":"MultiSelect-IDAJ5a5K.cjs","sources":["../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Chip } from '../Chip'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport type { SelectOption, SelectSize } from '../Select'\nimport styles from './MultiSelect.module.css'\n\nexport interface MultiSelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font, chips and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen options' `value`s. */\n  value?: string[]\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string[]\n  /** Fires with the next array of selected values. */\n  onChange?: (value: string[]) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Theme palette token tinting the selected chips. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Shows a clear (×) button in the trigger when anything is selected. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is a `string[]`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled multi-select — the `string[]` sibling of `Select`. The trigger shows the chosen options\n * as deletable `Chip`s (wrapping, growing like `TagsField`) or a placeholder; clicking it opens the\n * same `Dropdown`-style popover (portaled, flips, scroll-locked, trigger-width, animated — shared via\n * `useFloatingPanel`). Options render as `ListItem`s in a `role=\"listbox\"` `aria-multiselectable`\n * list; selecting **toggles** an option and keeps the popover open, the chosen ones showing a tick.\n * Full keyboard support (Arrow/Home/End, Enter/Space to toggle, Escape to close, type-ahead) and\n * ARIA. Optionally `searchable` + `clearable`; pass `onSearchChange` to drive the search\n * **server-side** (you own `options` — local filtering is skipped) with a `loading` indicator.\n * Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = `string[]`; validate with\n * e.g. `z.array(z.string()).min(1, 'Pick at least one')`). Token-only styling.\n */\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(function MultiSelect(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    color = 'primary',\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  // ── value (controlled / form-bound / uncontrolled) — always a string[] ─────────────────────────\n  // Read the RAW form value (field().value String-coerces, which would flatten the array).\n  const t = useT()\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string[] | undefined) ?? [])\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? [])\n  const selectedValues = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── the option popover (state + keys shared with Select / PhoneField) — stays open on pick ─────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const removeValue = (v: string) => commit(selectedValues.filter((x) => x !== v))\n\n  const menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => selectedValues.includes(o.value),\n    onPick: (o) =>\n      commit(\n        selectedValues.includes(o.value)\n          ? selectedValues.filter((v) => v !== o.value)\n          : [...selectedValues, o.value],\n      ),\n    closeOnPick: false,\n    highlightSelected: false,\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  // Backspace removes the last chip while the search box is empty (or there's none); else the shared keys\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (\n      event.key === 'Backspace' &&\n      open &&\n      (!searchable || menu.searchQuery === '') &&\n      selectedValues.length > 0\n    ) {\n      event.preventDefault()\n      removeValue(selectedValues[selectedValues.length - 1])\n      return\n    }\n    menu.handleKeyDown(event)\n  }\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (menu.popoverRef.current?.contains(next) || triggerRef.current?.contains(next)))\n      return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const hasValue = selectedValues.length > 0\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? menu.listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : menu.activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open, hasValue && styles.filled)}\n        onClick={menu.toggleMenu}\n        onKeyDown={handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        {hasValue ? (\n          <span className={styles.chips}>\n            {selectedValues.map((v) => {\n              const opt = options.find((o) => o.value === v)\n              return (\n                <Chip\n                  key={v}\n                  size={size}\n                  color={color}\n                  disabled={disabled}\n                  onDelete={() => removeValue(v)}\n                  deleteLabel={t('fileUploader.remove', { name: opt?.label ?? v })}\n                  // the combobox owns keyboard focus — keep chip deletes out of the tab order\n                  deleteTabIndex={-1}\n                >\n                  {opt?.label ?? v}\n                </Chip>\n              )\n            })}\n          </span>\n        ) : (\n          <span className={clsx(styles.value, styles.placeholder)}>\n            <span className={styles.valueLabel}>{placeholder ?? t('select.placeholder')}</span>\n          </span>\n        )}\n\n        {clearable && hasValue && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('multiSelect.clearAll')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.stopPropagation()\n              commit([])\n              triggerRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={triggerRef}\n        size={size}\n        searchPlaceholder={searchPlaceholder}\n        loading={loading}\n        loadingText={loadingText}\n        noOptionsText={noOptionsText}\n        multiselectable\n        labelledBy={label != null ? labelId : undefined}\n        onSearchKeyDown={handleKeyDown}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["MultiSelect","forwardRef","label","options","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","color","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","selectedValues","resolvedError","resolvedHelperText","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","removeValue","v","x","menu","useOptionMenu","o","_a","open","handleKeyDown","event","handleTriggerBlur","_b","chevronPx","hasValue","jsxs","clsx","styles","jsx","Typography","opt","Chip","Icon","OptionMenu"],"mappings":"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"}

package/dist/{NumberField-SSGXlF8U.cjs → NumberField-Cg0XEDgW.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),d=require("react"),J=require("clsx"),he=require("./formContext-bTWrqdEV.cjs"),K=require("./Icon-BVULqOJD.cjs"),O=require("./IconButton-BNa0yLcv.cjs"),Q=require("./Typography-B6ASPrzT.cjs"),r=require("./TextField.module-DsNCo8vN.cjs"),xe=require("./ConfigProvider-ByLHqXpv.cjs"),X=/^-?\d*\.?\d*$/;function E(t){if(t===""||t==="-"||t==="."||t==="-.")return null;const l=Number(t);return Number.isNaN(l)?null:l}function Y(t,l,n){return l!=null&&t<l?l:n!=null&&t>n?n:t}function ge(t){return Math.round(t*1e6)/1e6}function Z(t,l){const[n,o]=String(t).split("."),c=n.startsWith("-")?"-":"",g=(c?n.slice(1):n).replace(/\B(?=(\d{3})+(?!\d))/g,l);return o!=null?`${c}${g}.${o}`:`${c}${g}`}function ve(t,l){let n=0;for(const o of t)o!==l&&n++;return n}function Ne(t,l,n){if(n<=0)return 0;let o=0;for(let c=0;c<t.length;c++)if(t[c]!==l&&(o+=1,o===n))return c+1;return t.length}const Se=d.forwardRef(function({label:l,size:n="md",error:o,helperText:c,required:$=!1,fullWidth:g=!0,value:D,defaultValue:w=null,onChange:I,min:m=0,max:v,step:ee=1,hideStepper:V=!1,thousandSeparator:p,name:y,onBlur:R,disabled:N=!1,id:te,className:le,style:ne,...se},h){const k=xe.useT(),re=d.useId(),q=te??re,A=`${q}-helper`,x=he.useFormContext(),P=!!(x&&y),u=x&&y?x.field(y):void 0,W=D!==void 0?D:P?x.values[y]??null:void 0,_=W!==void 0,[ie,ce]=d.useState(w),i=_?W:ie,H=e=>e==null?"":p!=null?Z(e,p):String(e),oe=e=>E(p!=null?e.split(p).join(""):e),[L,F]=d.useState(()=>H(i));d.useEffect(()=>{oe(L)!==i&&F(H(i))},[i]);const U=d.useRef(null),B=d.useRef(null),ue=d.useCallback(e=>{U.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]);d.useLayoutEffect(()=>{var a;const e=B.current;e!=null&&(B.current=null,(a=U.current)==null||a.setSelectionRange(e,e))});const T=o??(u==null?void 0:u.error)??!1,M=c??(u==null?void 0:u.helperText),S=e=>{_||ce(e),P&&x.setValue(y,e),I==null||I(e)},ae=e=>{const a=e.target,f=a.value;if(p==null){if(f!==""&&!X.test(f))return;F(f),S(E(f));return}const j=p,b=f.split(j).join("");if(b!==""&&!X.test(b))return;const ye=a.selectionStart??f.length,me=ve(f.slice(0,ye),j),C=E(b),G=C==null?b:Z(C,j);F(G),S(C),B.current=Ne(G,j,me)},de=e=>{if(i!=null){const a=Y(i,m,v);a!==i&&S(a)}u==null||u.onBlur(e),R==null||R(e)},z=e=>{S(Y(ge((i??m??0)+e*ee),m,v))},fe=v!=null&&i!=null&&i>=v,pe=m!=null&&i!=null&&i<=m;return s.jsxs("div",{className:J.clsx(r.fieldStyles.field,r.fieldStyles[n],g&&r.fieldStyles.fullWidth,T&&r.fieldStyles.error,N&&r.fieldStyles.disabled,le),style:ne,children:[l!=null&&s.jsxs("label",{htmlFor:q,className:r.fieldStyles.label,children:[s.jsx(Q.Typography,{as:"span",variant:"bodySmall",color:"muted",children:l}),$&&s.jsx("span",{className:r.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),s.jsxs("div",{className:J.clsx(r.fieldStyles.control,!V&&r.fieldStyles.hasRightAdornment),children:[s.jsx("input",{ref:ue,id:q,name:y,type:"text",inputMode:"decimal",className:r.fieldStyles.input,value:L,onChange:ae,onBlur:de,disabled:N,"aria-invalid":T||void 0,"aria-describedby":M!=null?A:void 0,...se}),!V&&s.jsxs(s.Fragment,{children:[s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,style:{marginRight:-2},disabled:N||pe,"aria-label":k("numberField.decrease"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(-1),children:s.jsx(K.Icon,{name:"Minus"})}),s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,disabled:N||fe,"aria-label":k("numberField.increase"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(1),children:s.jsx(K.Icon,{name:"Add"})})]})]}),M!=null&&s.jsx(Q.Typography,{as:"span",id:A,variant:"bodySmall",color:T?"error":"muted",className:r.fieldStyles.helper,children:M})]})});exports.NumberField=Se;
-//# sourceMappingURL=NumberField-SSGXlF8U.cjs.map
+"use strict";const s=require("react/jsx-runtime"),d=require("react"),J=require("clsx"),he=require("./formContext-bTWrqdEV.cjs"),K=require("./Icon-BUP5_kRs.cjs"),O=require("./IconButton-CvIXSFsr.cjs"),Q=require("./Typography-B6ASPrzT.cjs"),r=require("./TextField.module-DsNCo8vN.cjs"),xe=require("./ConfigProvider-CtpfSy1i.cjs"),X=/^-?\d*\.?\d*$/;function E(t){if(t===""||t==="-"||t==="."||t==="-.")return null;const l=Number(t);return Number.isNaN(l)?null:l}function Y(t,l,n){return l!=null&&t<l?l:n!=null&&t>n?n:t}function ge(t){return Math.round(t*1e6)/1e6}function Z(t,l){const[n,o]=String(t).split("."),c=n.startsWith("-")?"-":"",g=(c?n.slice(1):n).replace(/\B(?=(\d{3})+(?!\d))/g,l);return o!=null?`${c}${g}.${o}`:`${c}${g}`}function ve(t,l){let n=0;for(const o of t)o!==l&&n++;return n}function Ne(t,l,n){if(n<=0)return 0;let o=0;for(let c=0;c<t.length;c++)if(t[c]!==l&&(o+=1,o===n))return c+1;return t.length}const Se=d.forwardRef(function({label:l,size:n="md",error:o,helperText:c,required:$=!1,fullWidth:g=!0,value:D,defaultValue:w=null,onChange:I,min:m=0,max:v,step:ee=1,hideStepper:V=!1,thousandSeparator:p,name:y,onBlur:R,disabled:N=!1,id:te,className:le,style:ne,...se},h){const k=xe.useT(),re=d.useId(),q=te??re,A=`${q}-helper`,x=he.useFormContext(),P=!!(x&&y),u=x&&y?x.field(y):void 0,W=D!==void 0?D:P?x.values[y]??null:void 0,_=W!==void 0,[ie,ce]=d.useState(w),i=_?W:ie,H=e=>e==null?"":p!=null?Z(e,p):String(e),oe=e=>E(p!=null?e.split(p).join(""):e),[L,F]=d.useState(()=>H(i));d.useEffect(()=>{oe(L)!==i&&F(H(i))},[i]);const U=d.useRef(null),B=d.useRef(null),ue=d.useCallback(e=>{U.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]);d.useLayoutEffect(()=>{var a;const e=B.current;e!=null&&(B.current=null,(a=U.current)==null||a.setSelectionRange(e,e))});const T=o??(u==null?void 0:u.error)??!1,M=c??(u==null?void 0:u.helperText),S=e=>{_||ce(e),P&&x.setValue(y,e),I==null||I(e)},ae=e=>{const a=e.target,f=a.value;if(p==null){if(f!==""&&!X.test(f))return;F(f),S(E(f));return}const j=p,b=f.split(j).join("");if(b!==""&&!X.test(b))return;const ye=a.selectionStart??f.length,me=ve(f.slice(0,ye),j),C=E(b),G=C==null?b:Z(C,j);F(G),S(C),B.current=Ne(G,j,me)},de=e=>{if(i!=null){const a=Y(i,m,v);a!==i&&S(a)}u==null||u.onBlur(e),R==null||R(e)},z=e=>{S(Y(ge((i??m??0)+e*ee),m,v))},fe=v!=null&&i!=null&&i>=v,pe=m!=null&&i!=null&&i<=m;return s.jsxs("div",{className:J.clsx(r.fieldStyles.field,r.fieldStyles[n],g&&r.fieldStyles.fullWidth,T&&r.fieldStyles.error,N&&r.fieldStyles.disabled,le),style:ne,children:[l!=null&&s.jsxs("label",{htmlFor:q,className:r.fieldStyles.label,children:[s.jsx(Q.Typography,{as:"span",variant:"bodySmall",color:"muted",children:l}),$&&s.jsx("span",{className:r.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),s.jsxs("div",{className:J.clsx(r.fieldStyles.control,!V&&r.fieldStyles.hasRightAdornment),children:[s.jsx("input",{ref:ue,id:q,name:y,type:"text",inputMode:"decimal",className:r.fieldStyles.input,value:L,onChange:ae,onBlur:de,disabled:N,"aria-invalid":T||void 0,"aria-describedby":M!=null?A:void 0,...se}),!V&&s.jsxs(s.Fragment,{children:[s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,style:{marginRight:-2},disabled:N||pe,"aria-label":k("numberField.decrease"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(-1),children:s.jsx(K.Icon,{name:"Minus"})}),s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,disabled:N||fe,"aria-label":k("numberField.increase"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(1),children:s.jsx(K.Icon,{name:"Add"})})]})]}),M!=null&&s.jsx(Q.Typography,{as:"span",id:A,variant:"bodySmall",color:T?"error":"muted",className:r.fieldStyles.helper,children:M})]})});exports.NumberField=Se;
+//# sourceMappingURL=NumberField-Cg0XEDgW.cjs.map

package/dist/{NumberField-SSGXlF8U.cjs.map → NumberField-Cg0XEDgW.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NumberField-SSGXlF8U.cjs","sources":["../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\n// shared field chrome (label/control/helper) AND the `.control .iconButton` styling for the steppers\nimport fieldStyles from '../TextField/TextField.module.css'\n\nexport type NumberFieldSize = 'sm' | 'md' | 'lg'\n\n/** Allowed while typing — digits, an optional leading `-`, and one decimal point. */\nconst NUMERIC_RE = /^-?\\d*\\.?\\d*$/\n\n/** Parses the display string to a number, treating empty / in-progress input (`\"\"`, `\"-\"`, `\".\"`) as null. */\nfunction parseValue(raw: string): number | null {\n  if (raw === '' || raw === '-' || raw === '.' || raw === '-.') return null\n  const n = Number(raw)\n  return Number.isNaN(n) ? null : n\n}\n\nfunction clampValue(n: number, min?: number, max?: number): number {\n  if (min != null && n < min) return min\n  if (max != null && n > max) return max\n  return n\n}\n\n/** Kills binary float drift from repeated stepping (e.g. 0.1 + 0.2). */\nfunction roundStep(n: number): number {\n  return Math.round(n * 1e6) / 1e6\n}\n\n/** Groups the integer part with `separator` for display (e.g. 32345345 → \"32.345.345\"). */\nfunction groupThousands(value: number, separator: string): string {\n  const [intPart, decPart] = String(value).split('.')\n  const sign = intPart.startsWith('-') ? '-' : ''\n  const digits = sign ? intPart.slice(1) : intPart\n  const grouped = digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n  return decPart != null ? `${sign}${grouped}.${decPart}` : `${sign}${grouped}`\n}\n\n/** Counts the \"significant\" (non-separator) chars — used to keep the caret stable across regrouping. */\nfunction countExcept(s: string, sep: string): number {\n  let n = 0\n  for (const c of s) if (c !== sep) n++\n  return n\n}\n\n/** Index just after the `n`-th non-separator char in `str` (where the caret should land after regrouping). */\nfunction positionAfterExcept(str: string, sep: string, n: number): number {\n  if (n <= 0) return 0\n  let count = 0\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] !== sep) {\n      count += 1\n      if (count === n) return i + 1\n    }\n  }\n  return str.length\n}\n\nexport interface NumberFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'prefix'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the control height, font size and padding. */\n  size?: NumberFieldSize\n  /** Marks the field invalid: red border/focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Controlled numeric value (`null` = empty). */\n  value?: number | null\n  /** Initial value for uncontrolled use (`null` = empty). Defaults to `null`. */\n  defaultValue?: number | null\n  /** Fires with the parsed numeric value (or `null` when the field is empty). */\n  onChange?: (value: number | null) => void\n  /** Minimum value — clamps on blur and on the stepper, and disables `−` at the floor. Defaults to `0`; pass a negative `min` to allow negatives. */\n  min?: number\n  /** Maximum value — clamps on blur and on the stepper, and disables `+` at the ceiling. */\n  max?: number\n  /** Amount the `+`/`−` buttons add or subtract. Defaults to `1`. */\n  step?: number\n  /** Hides the `+`/`−` stepper buttons (keyboard entry only). */\n  hideStepper?: boolean\n  /**\n   * Thousands-group separator shown **live** as you type, e.g. `\".\"` displays `32345345` as\n   * `32.345.345` (or `\",\"`). The caret is preserved across regrouping; the `value`/`onChange`/form\n   * value stay a plain `number`. Best for integers — with `\".\"` decimals aren't supported (the dot is\n   * the group separator).\n   */\n  thousandSeparator?: string\n}\n\n/**\n * A numeric input with `+`/`−` stepper buttons. Supports `min`/`max` clamping, a `step` amount,\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`) use, optional live thousands\n * grouping, and — like `TextField` — binds to a surrounding `<Form>` by `name` (its form value is a\n * real `number`, validated by the Zod schema). `onChange` emits a `number` or `null` (empty). Shares\n * `TextField`'s field chrome, so label, sizing, error and focus styling are identical.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(function NumberField(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    value,\n    defaultValue = null,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    hideStepper = false,\n    thousandSeparator,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name`. The form stores a real number; we use field() for\n  // touched/error/helper and read/write the numeric value through values/setValue.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: number | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as number | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<number | null>(defaultValue)\n  const numValue: number | null = isControlled ? externalValue! : internal\n\n  // number <-> display string, applying live thousands grouping when `thousandSeparator` is set.\n  const toDisplay = (v: number | null): string =>\n    v == null ? '' : thousandSeparator != null ? groupThousands(v, thousandSeparator) : String(v)\n  const fromDisplay = (raw: string): number | null =>\n    parseValue(thousandSeparator != null ? raw.split(thousandSeparator).join('') : raw)\n\n  // The display string mirrors `numValue` but tolerates in-progress input (\"-\", \"1.\" …).\n  const [text, setText] = useState<string>(() => toDisplay(numValue))\n  useEffect(() => {\n    if (fromDisplay(text) !== numValue) setText(toDisplay(numValue))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numValue]) // re-sync only when the value changes from the outside (stepper, form, reset)\n\n  // Caret restoration after regrouping (the formatted string length changes as separators move).\n  const innerRef = useRef<HTMLInputElement>(null)\n  const pendingCaret = useRef<number | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: number | null) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    const raw = el.value\n\n    if (thousandSeparator == null) {\n      if (raw !== '' && !NUMERIC_RE.test(raw)) return // reject non-numeric keystrokes\n      setText(raw)\n      commit(parseValue(raw))\n      return\n    }\n\n    // Live grouping: strip separators, validate, regroup, and remember where the caret should land.\n    const sep = thousandSeparator\n    const cleaned = raw.split(sep).join('')\n    if (cleaned !== '' && !NUMERIC_RE.test(cleaned)) return\n    const caret = el.selectionStart ?? raw.length\n    const significantBefore = countExcept(raw.slice(0, caret), sep)\n    const next = parseValue(cleaned)\n    const formatted = next == null ? cleaned : groupThousands(next, sep)\n    setText(formatted)\n    commit(next)\n    pendingCaret.current = positionAfterExcept(formatted, sep, significantBefore)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    if (numValue != null) {\n      const clamped = clampValue(numValue, min, max)\n      if (clamped !== numValue) commit(clamped)\n    }\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const stepBy = (direction: 1 | -1) => {\n    const base = numValue ?? min ?? 0\n    commit(clampValue(roundStep(base + direction * step), min, max))\n  }\n\n  const atMax = max != null && numValue != null && numValue >= max\n  const atMin = min != null && numValue != null && numValue <= min\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={clsx(fieldStyles.control, !hideStepper && fieldStyles.hasRightAdornment)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          className={fieldStyles.input}\n          value={text}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          {...props}\n        />\n        {!hideStepper && (\n          <>\n            {/* Filled icon buttons, sized via the shared `.control .iconButton` rule (flush square,\n                stretched to the control height, scaled). The minus glyph is nudged for optical centering. */}\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              style={{ marginRight: -2 }}\n              disabled={disabled || atMin}\n              aria-label={t('numberField.decrease')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(-1)}\n            >\n              <Icon name=\"Minus\" />\n            </IconButton>\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              disabled={disabled || atMax}\n              aria-label={t('numberField.increase')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(1)}\n            >\n              <Icon name=\"Add\" />\n            </IconButton>\n          </>\n        )}\n      </div>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["NUMERIC_RE","parseValue","raw","n","clampValue","min","max","roundStep","groupThousands","value","separator","intPart","decPart","sign","grouped","countExcept","s","sep","c","positionAfterExcept","str","count","i","NumberField","forwardRef","label","size","error","helperText","required","fullWidth","defaultValue","onChange","step","hideStepper","thousandSeparator","name","onBlur","disabled","idProp","className","style","props","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","numValue","toDisplay","v","fromDisplay","text","setText","useEffect","innerRef","useRef","pendingCaret","setInputRef","useCallback","node","useLayoutEffect","pos","_a","resolvedError","resolvedHelperText","commit","next","handleChange","event","el","cleaned","caret","significantBefore","formatted","handleBlur","clamped","stepBy","direction","atMax","atMin","jsxs","clsx","fieldStyles","jsx","Typography","Fragment","IconButton","Icon"],"mappings":"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"}
+{"version":3,"file":"NumberField-Cg0XEDgW.cjs","sources":["../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\n// shared field chrome (label/control/helper) AND the `.control .iconButton` styling for the steppers\nimport fieldStyles from '../TextField/TextField.module.css'\n\nexport type NumberFieldSize = 'sm' | 'md' | 'lg'\n\n/** Allowed while typing — digits, an optional leading `-`, and one decimal point. */\nconst NUMERIC_RE = /^-?\\d*\\.?\\d*$/\n\n/** Parses the display string to a number, treating empty / in-progress input (`\"\"`, `\"-\"`, `\".\"`) as null. */\nfunction parseValue(raw: string): number | null {\n  if (raw === '' || raw === '-' || raw === '.' || raw === '-.') return null\n  const n = Number(raw)\n  return Number.isNaN(n) ? null : n\n}\n\nfunction clampValue(n: number, min?: number, max?: number): number {\n  if (min != null && n < min) return min\n  if (max != null && n > max) return max\n  return n\n}\n\n/** Kills binary float drift from repeated stepping (e.g. 0.1 + 0.2). */\nfunction roundStep(n: number): number {\n  return Math.round(n * 1e6) / 1e6\n}\n\n/** Groups the integer part with `separator` for display (e.g. 32345345 → \"32.345.345\"). */\nfunction groupThousands(value: number, separator: string): string {\n  const [intPart, decPart] = String(value).split('.')\n  const sign = intPart.startsWith('-') ? '-' : ''\n  const digits = sign ? intPart.slice(1) : intPart\n  const grouped = digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n  return decPart != null ? `${sign}${grouped}.${decPart}` : `${sign}${grouped}`\n}\n\n/** Counts the \"significant\" (non-separator) chars — used to keep the caret stable across regrouping. */\nfunction countExcept(s: string, sep: string): number {\n  let n = 0\n  for (const c of s) if (c !== sep) n++\n  return n\n}\n\n/** Index just after the `n`-th non-separator char in `str` (where the caret should land after regrouping). */\nfunction positionAfterExcept(str: string, sep: string, n: number): number {\n  if (n <= 0) return 0\n  let count = 0\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] !== sep) {\n      count += 1\n      if (count === n) return i + 1\n    }\n  }\n  return str.length\n}\n\nexport interface NumberFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'prefix'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the control height, font size and padding. */\n  size?: NumberFieldSize\n  /** Marks the field invalid: red border/focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Controlled numeric value (`null` = empty). */\n  value?: number | null\n  /** Initial value for uncontrolled use (`null` = empty). Defaults to `null`. */\n  defaultValue?: number | null\n  /** Fires with the parsed numeric value (or `null` when the field is empty). */\n  onChange?: (value: number | null) => void\n  /** Minimum value — clamps on blur and on the stepper, and disables `−` at the floor. Defaults to `0`; pass a negative `min` to allow negatives. */\n  min?: number\n  /** Maximum value — clamps on blur and on the stepper, and disables `+` at the ceiling. */\n  max?: number\n  /** Amount the `+`/`−` buttons add or subtract. Defaults to `1`. */\n  step?: number\n  /** Hides the `+`/`−` stepper buttons (keyboard entry only). */\n  hideStepper?: boolean\n  /**\n   * Thousands-group separator shown **live** as you type, e.g. `\".\"` displays `32345345` as\n   * `32.345.345` (or `\",\"`). The caret is preserved across regrouping; the `value`/`onChange`/form\n   * value stay a plain `number`. Best for integers — with `\".\"` decimals aren't supported (the dot is\n   * the group separator).\n   */\n  thousandSeparator?: string\n}\n\n/**\n * A numeric input with `+`/`−` stepper buttons. Supports `min`/`max` clamping, a `step` amount,\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`) use, optional live thousands\n * grouping, and — like `TextField` — binds to a surrounding `<Form>` by `name` (its form value is a\n * real `number`, validated by the Zod schema). `onChange` emits a `number` or `null` (empty). Shares\n * `TextField`'s field chrome, so label, sizing, error and focus styling are identical.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(function NumberField(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    value,\n    defaultValue = null,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    hideStepper = false,\n    thousandSeparator,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name`. The form stores a real number; we use field() for\n  // touched/error/helper and read/write the numeric value through values/setValue.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: number | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as number | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<number | null>(defaultValue)\n  const numValue: number | null = isControlled ? externalValue! : internal\n\n  // number <-> display string, applying live thousands grouping when `thousandSeparator` is set.\n  const toDisplay = (v: number | null): string =>\n    v == null ? '' : thousandSeparator != null ? groupThousands(v, thousandSeparator) : String(v)\n  const fromDisplay = (raw: string): number | null =>\n    parseValue(thousandSeparator != null ? raw.split(thousandSeparator).join('') : raw)\n\n  // The display string mirrors `numValue` but tolerates in-progress input (\"-\", \"1.\" …).\n  const [text, setText] = useState<string>(() => toDisplay(numValue))\n  useEffect(() => {\n    if (fromDisplay(text) !== numValue) setText(toDisplay(numValue))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numValue]) // re-sync only when the value changes from the outside (stepper, form, reset)\n\n  // Caret restoration after regrouping (the formatted string length changes as separators move).\n  const innerRef = useRef<HTMLInputElement>(null)\n  const pendingCaret = useRef<number | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: number | null) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    const raw = el.value\n\n    if (thousandSeparator == null) {\n      if (raw !== '' && !NUMERIC_RE.test(raw)) return // reject non-numeric keystrokes\n      setText(raw)\n      commit(parseValue(raw))\n      return\n    }\n\n    // Live grouping: strip separators, validate, regroup, and remember where the caret should land.\n    const sep = thousandSeparator\n    const cleaned = raw.split(sep).join('')\n    if (cleaned !== '' && !NUMERIC_RE.test(cleaned)) return\n    const caret = el.selectionStart ?? raw.length\n    const significantBefore = countExcept(raw.slice(0, caret), sep)\n    const next = parseValue(cleaned)\n    const formatted = next == null ? cleaned : groupThousands(next, sep)\n    setText(formatted)\n    commit(next)\n    pendingCaret.current = positionAfterExcept(formatted, sep, significantBefore)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    if (numValue != null) {\n      const clamped = clampValue(numValue, min, max)\n      if (clamped !== numValue) commit(clamped)\n    }\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const stepBy = (direction: 1 | -1) => {\n    const base = numValue ?? min ?? 0\n    commit(clampValue(roundStep(base + direction * step), min, max))\n  }\n\n  const atMax = max != null && numValue != null && numValue >= max\n  const atMin = min != null && numValue != null && numValue <= min\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={clsx(fieldStyles.control, !hideStepper && fieldStyles.hasRightAdornment)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          className={fieldStyles.input}\n          value={text}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          {...props}\n        />\n        {!hideStepper && (\n          <>\n            {/* Filled icon buttons, sized via the shared `.control .iconButton` rule (flush square,\n                stretched to the control height, scaled). The minus glyph is nudged for optical centering. */}\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              style={{ marginRight: -2 }}\n              disabled={disabled || atMin}\n              aria-label={t('numberField.decrease')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(-1)}\n            >\n              <Icon name=\"Minus\" />\n            </IconButton>\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              disabled={disabled || atMax}\n              aria-label={t('numberField.increase')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(1)}\n            >\n              <Icon name=\"Add\" />\n            </IconButton>\n          </>\n        )}\n      </div>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["NUMERIC_RE","parseValue","raw","n","clampValue","min","max","roundStep","groupThousands","value","separator","intPart","decPart","sign","grouped","countExcept","s","sep","c","positionAfterExcept","str","count","i","NumberField","forwardRef","label","size","error","helperText","required","fullWidth","defaultValue","onChange","step","hideStepper","thousandSeparator","name","onBlur","disabled","idProp","className","style","props","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","numValue","toDisplay","v","fromDisplay","text","setText","useEffect","innerRef","useRef","pendingCaret","setInputRef","useCallback","node","useLayoutEffect","pos","_a","resolvedError","resolvedHelperText","commit","next","handleChange","event","el","cleaned","caret","significantBefore","formatted","handleBlur","clamped","stepBy","direction","atMax","atMin","jsxs","clsx","fieldStyles","jsx","Typography","Fragment","IconButton","Icon"],"mappings":"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"}

package/dist/{NumberField-CzyvDMRV.js → NumberField-DlaW-g3Z.js}

@@ -2,11 +2,11 @@ import { jsxs as x, jsx as a, Fragment as Ne } from "react/jsx-runtime";
 import { forwardRef as ye, useId as be, useState as J, useEffect as Ie, useRef as K, useCallback as Re, useLayoutEffect as xe } from "react";
 import { clsx as O } from "clsx";
 import { u as Fe } from "./formContext-B7ln1Miy.js";
-import { I as Q } from "./Icon-DaTvzLBu.js";
-import { I as X } from "./IconButton-GU3Ud4Zg.js";
+import { I as Q } from "./Icon-CGQ5yGSZ.js";
+import { I as X } from "./IconButton-CL_6iMQh.js";
 import { T as Y } from "./Typography-CJv5AnRP.js";
 import { f as r } from "./TextField.module-6gYcR9TL.js";
-import { a as Me } from "./ConfigProvider-BbsI15b-.js";
+import { a as Me } from "./ConfigProvider-Ct0Pe3Ku.js";
 const Z = /^-?\d*\.?\d*$/;
 function V(t) {
   if (t === "" || t === "-" || t === "." || t === "-.") return null;
@@ -180,4 +180,4 @@ const We = ye(function({
 export {
   We as N
 };
-//# sourceMappingURL=NumberField-CzyvDMRV.js.map
+//# sourceMappingURL=NumberField-DlaW-g3Z.js.map

package/dist/{NumberField-CzyvDMRV.js.map → NumberField-DlaW-g3Z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NumberField-CzyvDMRV.js","sources":["../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\n// shared field chrome (label/control/helper) AND the `.control .iconButton` styling for the steppers\nimport fieldStyles from '../TextField/TextField.module.css'\n\nexport type NumberFieldSize = 'sm' | 'md' | 'lg'\n\n/** Allowed while typing — digits, an optional leading `-`, and one decimal point. */\nconst NUMERIC_RE = /^-?\\d*\\.?\\d*$/\n\n/** Parses the display string to a number, treating empty / in-progress input (`\"\"`, `\"-\"`, `\".\"`) as null. */\nfunction parseValue(raw: string): number | null {\n  if (raw === '' || raw === '-' || raw === '.' || raw === '-.') return null\n  const n = Number(raw)\n  return Number.isNaN(n) ? null : n\n}\n\nfunction clampValue(n: number, min?: number, max?: number): number {\n  if (min != null && n < min) return min\n  if (max != null && n > max) return max\n  return n\n}\n\n/** Kills binary float drift from repeated stepping (e.g. 0.1 + 0.2). */\nfunction roundStep(n: number): number {\n  return Math.round(n * 1e6) / 1e6\n}\n\n/** Groups the integer part with `separator` for display (e.g. 32345345 → \"32.345.345\"). */\nfunction groupThousands(value: number, separator: string): string {\n  const [intPart, decPart] = String(value).split('.')\n  const sign = intPart.startsWith('-') ? '-' : ''\n  const digits = sign ? intPart.slice(1) : intPart\n  const grouped = digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n  return decPart != null ? `${sign}${grouped}.${decPart}` : `${sign}${grouped}`\n}\n\n/** Counts the \"significant\" (non-separator) chars — used to keep the caret stable across regrouping. */\nfunction countExcept(s: string, sep: string): number {\n  let n = 0\n  for (const c of s) if (c !== sep) n++\n  return n\n}\n\n/** Index just after the `n`-th non-separator char in `str` (where the caret should land after regrouping). */\nfunction positionAfterExcept(str: string, sep: string, n: number): number {\n  if (n <= 0) return 0\n  let count = 0\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] !== sep) {\n      count += 1\n      if (count === n) return i + 1\n    }\n  }\n  return str.length\n}\n\nexport interface NumberFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'prefix'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the control height, font size and padding. */\n  size?: NumberFieldSize\n  /** Marks the field invalid: red border/focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Controlled numeric value (`null` = empty). */\n  value?: number | null\n  /** Initial value for uncontrolled use (`null` = empty). Defaults to `null`. */\n  defaultValue?: number | null\n  /** Fires with the parsed numeric value (or `null` when the field is empty). */\n  onChange?: (value: number | null) => void\n  /** Minimum value — clamps on blur and on the stepper, and disables `−` at the floor. Defaults to `0`; pass a negative `min` to allow negatives. */\n  min?: number\n  /** Maximum value — clamps on blur and on the stepper, and disables `+` at the ceiling. */\n  max?: number\n  /** Amount the `+`/`−` buttons add or subtract. Defaults to `1`. */\n  step?: number\n  /** Hides the `+`/`−` stepper buttons (keyboard entry only). */\n  hideStepper?: boolean\n  /**\n   * Thousands-group separator shown **live** as you type, e.g. `\".\"` displays `32345345` as\n   * `32.345.345` (or `\",\"`). The caret is preserved across regrouping; the `value`/`onChange`/form\n   * value stay a plain `number`. Best for integers — with `\".\"` decimals aren't supported (the dot is\n   * the group separator).\n   */\n  thousandSeparator?: string\n}\n\n/**\n * A numeric input with `+`/`−` stepper buttons. Supports `min`/`max` clamping, a `step` amount,\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`) use, optional live thousands\n * grouping, and — like `TextField` — binds to a surrounding `<Form>` by `name` (its form value is a\n * real `number`, validated by the Zod schema). `onChange` emits a `number` or `null` (empty). Shares\n * `TextField`'s field chrome, so label, sizing, error and focus styling are identical.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(function NumberField(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    value,\n    defaultValue = null,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    hideStepper = false,\n    thousandSeparator,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name`. The form stores a real number; we use field() for\n  // touched/error/helper and read/write the numeric value through values/setValue.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: number | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as number | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<number | null>(defaultValue)\n  const numValue: number | null = isControlled ? externalValue! : internal\n\n  // number <-> display string, applying live thousands grouping when `thousandSeparator` is set.\n  const toDisplay = (v: number | null): string =>\n    v == null ? '' : thousandSeparator != null ? groupThousands(v, thousandSeparator) : String(v)\n  const fromDisplay = (raw: string): number | null =>\n    parseValue(thousandSeparator != null ? raw.split(thousandSeparator).join('') : raw)\n\n  // The display string mirrors `numValue` but tolerates in-progress input (\"-\", \"1.\" …).\n  const [text, setText] = useState<string>(() => toDisplay(numValue))\n  useEffect(() => {\n    if (fromDisplay(text) !== numValue) setText(toDisplay(numValue))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numValue]) // re-sync only when the value changes from the outside (stepper, form, reset)\n\n  // Caret restoration after regrouping (the formatted string length changes as separators move).\n  const innerRef = useRef<HTMLInputElement>(null)\n  const pendingCaret = useRef<number | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: number | null) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    const raw = el.value\n\n    if (thousandSeparator == null) {\n      if (raw !== '' && !NUMERIC_RE.test(raw)) return // reject non-numeric keystrokes\n      setText(raw)\n      commit(parseValue(raw))\n      return\n    }\n\n    // Live grouping: strip separators, validate, regroup, and remember where the caret should land.\n    const sep = thousandSeparator\n    const cleaned = raw.split(sep).join('')\n    if (cleaned !== '' && !NUMERIC_RE.test(cleaned)) return\n    const caret = el.selectionStart ?? raw.length\n    const significantBefore = countExcept(raw.slice(0, caret), sep)\n    const next = parseValue(cleaned)\n    const formatted = next == null ? cleaned : groupThousands(next, sep)\n    setText(formatted)\n    commit(next)\n    pendingCaret.current = positionAfterExcept(formatted, sep, significantBefore)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    if (numValue != null) {\n      const clamped = clampValue(numValue, min, max)\n      if (clamped !== numValue) commit(clamped)\n    }\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const stepBy = (direction: 1 | -1) => {\n    const base = numValue ?? min ?? 0\n    commit(clampValue(roundStep(base + direction * step), min, max))\n  }\n\n  const atMax = max != null && numValue != null && numValue >= max\n  const atMin = min != null && numValue != null && numValue <= min\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={clsx(fieldStyles.control, !hideStepper && fieldStyles.hasRightAdornment)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          className={fieldStyles.input}\n          value={text}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          {...props}\n        />\n        {!hideStepper && (\n          <>\n            {/* Filled icon buttons, sized via the shared `.control .iconButton` rule (flush square,\n                stretched to the control height, scaled). The minus glyph is nudged for optical centering. */}\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              style={{ marginRight: -2 }}\n              disabled={disabled || atMin}\n              aria-label={t('numberField.decrease')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(-1)}\n            >\n              <Icon name=\"Minus\" />\n            </IconButton>\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              disabled={disabled || atMax}\n              aria-label={t('numberField.increase')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(1)}\n            >\n              <Icon name=\"Add\" />\n            </IconButton>\n          </>\n        )}\n      </div>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["NUMERIC_RE","parseValue","raw","clampValue","n","min","max","roundStep","groupThousands","value","separator","intPart","decPart","sign","grouped","countExcept","s","sep","c","positionAfterExcept","str","count","i","NumberField","forwardRef","label","size","error","helperText","required","fullWidth","defaultValue","onChange","step","hideStepper","thousandSeparator","name","onBlur","disabled","idProp","className","style","props","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","numValue","toDisplay","v","fromDisplay","text","setText","useEffect","innerRef","useRef","pendingCaret","setInputRef","useCallback","node","useLayoutEffect","pos","_a","resolvedError","resolvedHelperText","commit","next","handleChange","event","el","cleaned","caret","significantBefore","formatted","handleBlur","clamped","stepBy","direction","atMax","atMin","jsxs","clsx","fieldStyles","jsx","Typography","Fragment","IconButton","Icon"],"mappings":"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"}
+{"version":3,"file":"NumberField-DlaW-g3Z.js","sources":["../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\n// shared field chrome (label/control/helper) AND the `.control .iconButton` styling for the steppers\nimport fieldStyles from '../TextField/TextField.module.css'\n\nexport type NumberFieldSize = 'sm' | 'md' | 'lg'\n\n/** Allowed while typing — digits, an optional leading `-`, and one decimal point. */\nconst NUMERIC_RE = /^-?\\d*\\.?\\d*$/\n\n/** Parses the display string to a number, treating empty / in-progress input (`\"\"`, `\"-\"`, `\".\"`) as null. */\nfunction parseValue(raw: string): number | null {\n  if (raw === '' || raw === '-' || raw === '.' || raw === '-.') return null\n  const n = Number(raw)\n  return Number.isNaN(n) ? null : n\n}\n\nfunction clampValue(n: number, min?: number, max?: number): number {\n  if (min != null && n < min) return min\n  if (max != null && n > max) return max\n  return n\n}\n\n/** Kills binary float drift from repeated stepping (e.g. 0.1 + 0.2). */\nfunction roundStep(n: number): number {\n  return Math.round(n * 1e6) / 1e6\n}\n\n/** Groups the integer part with `separator` for display (e.g. 32345345 → \"32.345.345\"). */\nfunction groupThousands(value: number, separator: string): string {\n  const [intPart, decPart] = String(value).split('.')\n  const sign = intPart.startsWith('-') ? '-' : ''\n  const digits = sign ? intPart.slice(1) : intPart\n  const grouped = digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n  return decPart != null ? `${sign}${grouped}.${decPart}` : `${sign}${grouped}`\n}\n\n/** Counts the \"significant\" (non-separator) chars — used to keep the caret stable across regrouping. */\nfunction countExcept(s: string, sep: string): number {\n  let n = 0\n  for (const c of s) if (c !== sep) n++\n  return n\n}\n\n/** Index just after the `n`-th non-separator char in `str` (where the caret should land after regrouping). */\nfunction positionAfterExcept(str: string, sep: string, n: number): number {\n  if (n <= 0) return 0\n  let count = 0\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] !== sep) {\n      count += 1\n      if (count === n) return i + 1\n    }\n  }\n  return str.length\n}\n\nexport interface NumberFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'prefix'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the control height, font size and padding. */\n  size?: NumberFieldSize\n  /** Marks the field invalid: red border/focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Controlled numeric value (`null` = empty). */\n  value?: number | null\n  /** Initial value for uncontrolled use (`null` = empty). Defaults to `null`. */\n  defaultValue?: number | null\n  /** Fires with the parsed numeric value (or `null` when the field is empty). */\n  onChange?: (value: number | null) => void\n  /** Minimum value — clamps on blur and on the stepper, and disables `−` at the floor. Defaults to `0`; pass a negative `min` to allow negatives. */\n  min?: number\n  /** Maximum value — clamps on blur and on the stepper, and disables `+` at the ceiling. */\n  max?: number\n  /** Amount the `+`/`−` buttons add or subtract. Defaults to `1`. */\n  step?: number\n  /** Hides the `+`/`−` stepper buttons (keyboard entry only). */\n  hideStepper?: boolean\n  /**\n   * Thousands-group separator shown **live** as you type, e.g. `\".\"` displays `32345345` as\n   * `32.345.345` (or `\",\"`). The caret is preserved across regrouping; the `value`/`onChange`/form\n   * value stay a plain `number`. Best for integers — with `\".\"` decimals aren't supported (the dot is\n   * the group separator).\n   */\n  thousandSeparator?: string\n}\n\n/**\n * A numeric input with `+`/`−` stepper buttons. Supports `min`/`max` clamping, a `step` amount,\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`) use, optional live thousands\n * grouping, and — like `TextField` — binds to a surrounding `<Form>` by `name` (its form value is a\n * real `number`, validated by the Zod schema). `onChange` emits a `number` or `null` (empty). Shares\n * `TextField`'s field chrome, so label, sizing, error and focus styling are identical.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(function NumberField(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    value,\n    defaultValue = null,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    hideStepper = false,\n    thousandSeparator,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name`. The form stores a real number; we use field() for\n  // touched/error/helper and read/write the numeric value through values/setValue.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: number | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as number | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<number | null>(defaultValue)\n  const numValue: number | null = isControlled ? externalValue! : internal\n\n  // number <-> display string, applying live thousands grouping when `thousandSeparator` is set.\n  const toDisplay = (v: number | null): string =>\n    v == null ? '' : thousandSeparator != null ? groupThousands(v, thousandSeparator) : String(v)\n  const fromDisplay = (raw: string): number | null =>\n    parseValue(thousandSeparator != null ? raw.split(thousandSeparator).join('') : raw)\n\n  // The display string mirrors `numValue` but tolerates in-progress input (\"-\", \"1.\" …).\n  const [text, setText] = useState<string>(() => toDisplay(numValue))\n  useEffect(() => {\n    if (fromDisplay(text) !== numValue) setText(toDisplay(numValue))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numValue]) // re-sync only when the value changes from the outside (stepper, form, reset)\n\n  // Caret restoration after regrouping (the formatted string length changes as separators move).\n  const innerRef = useRef<HTMLInputElement>(null)\n  const pendingCaret = useRef<number | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: number | null) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    const raw = el.value\n\n    if (thousandSeparator == null) {\n      if (raw !== '' && !NUMERIC_RE.test(raw)) return // reject non-numeric keystrokes\n      setText(raw)\n      commit(parseValue(raw))\n      return\n    }\n\n    // Live grouping: strip separators, validate, regroup, and remember where the caret should land.\n    const sep = thousandSeparator\n    const cleaned = raw.split(sep).join('')\n    if (cleaned !== '' && !NUMERIC_RE.test(cleaned)) return\n    const caret = el.selectionStart ?? raw.length\n    const significantBefore = countExcept(raw.slice(0, caret), sep)\n    const next = parseValue(cleaned)\n    const formatted = next == null ? cleaned : groupThousands(next, sep)\n    setText(formatted)\n    commit(next)\n    pendingCaret.current = positionAfterExcept(formatted, sep, significantBefore)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    if (numValue != null) {\n      const clamped = clampValue(numValue, min, max)\n      if (clamped !== numValue) commit(clamped)\n    }\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const stepBy = (direction: 1 | -1) => {\n    const base = numValue ?? min ?? 0\n    commit(clampValue(roundStep(base + direction * step), min, max))\n  }\n\n  const atMax = max != null && numValue != null && numValue >= max\n  const atMin = min != null && numValue != null && numValue <= min\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={clsx(fieldStyles.control, !hideStepper && fieldStyles.hasRightAdornment)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          className={fieldStyles.input}\n          value={text}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          {...props}\n        />\n        {!hideStepper && (\n          <>\n            {/* Filled icon buttons, sized via the shared `.control .iconButton` rule (flush square,\n                stretched to the control height, scaled). The minus glyph is nudged for optical centering. */}\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              style={{ marginRight: -2 }}\n              disabled={disabled || atMin}\n              aria-label={t('numberField.decrease')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(-1)}\n            >\n              <Icon name=\"Minus\" />\n            </IconButton>\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              disabled={disabled || atMax}\n              aria-label={t('numberField.increase')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(1)}\n            >\n              <Icon name=\"Add\" />\n            </IconButton>\n          </>\n        )}\n      </div>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["NUMERIC_RE","parseValue","raw","clampValue","n","min","max","roundStep","groupThousands","value","separator","intPart","decPart","sign","grouped","countExcept","s","sep","c","positionAfterExcept","str","count","i","NumberField","forwardRef","label","size","error","helperText","required","fullWidth","defaultValue","onChange","step","hideStepper","thousandSeparator","name","onBlur","disabled","idProp","className","style","props","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","numValue","toDisplay","v","fromDisplay","text","setText","useEffect","innerRef","useRef","pendingCaret","setInputRef","useCallback","node","useLayoutEffect","pos","_a","resolvedError","resolvedHelperText","commit","next","handleChange","event","el","cleaned","caret","significantBefore","formatted","handleBlur","clamped","stepBy","direction","atMax","atMin","jsxs","clsx","fieldStyles","jsx","Typography","Fragment","IconButton","Icon"],"mappings":"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"}

package/dist/{OtpField-Pr7Ch0El.cjs → OtpField-DsedK1nQ.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),_=require("react"),k=require("clsx"),ee=require("./formContext-bTWrqdEV.cjs"),R=require("./Typography-B6ASPrzT.cjs"),u=require("./TextField.module-DsNCo8vN.cjs"),te=require("./ConfigProvider-ByLHqXpv.cjs"),se="_row_1bbms_2",re="_center_1bbms_14",oe="_end_1bbms_15",le="_sm_1bbms_27",ce="_md_1bbms_31",ne="_lg_1bbms_35",ae="_box_1bbms_41",ie="_filled_1bbms_65",de="_invalid_1bbms_82",m={row:se,center:re,end:oe,sm:le,md:ce,lg:ne,box:ae,filled:ie,invalid:de},fe={numeric:/[0-9]/,alphabetic:/[A-Za-z]/,alphanumeric:/[A-Za-z0-9]/};function ue(S,l){const a=[...S].slice(0,l);for(;a.length<l;)a.push("");return a}const me=_.forwardRef(function({length:l=4,type:a="numeric",value:v,defaultValue:A,onChange:g,onComplete:T,name:i,label:y,helperText:I,error:z,required:O=!1,disabled:q=!1,autoFocus:P=!1,placeholder:C,size:E="md",align:M="start",color:V="primary",className:K,style:Z},$){const H=te.useT(),F=`${_.useId()}-helper`,B=fe[a],p=ee.useFormContext(),w=!!(p&&i),o=p&&i?p.field(i):void 0,L=v!==void 0?v:w?p.values[i]:void 0,N=v!==void 0||w,[G,J]=_.useState(A??""),Q=N?L??"":G,x=z??(o==null?void 0:o.error)??!1,D=I??(o==null?void 0:o.helperText),d=ue(Q,l),j=_.useRef([]);_.useEffect(()=>{var t;P&&((t=j.current[0])==null||t.focus())},[]);const f=t=>{const e=j.current[Math.max(0,Math.min(t,l-1))];e==null||e.focus(),e==null||e.select()},b=t=>{const e=t.join("");N||J(e),w&&p.setValue(i,e),g==null||g(e),t.every(s=>s!=="")&&(T==null||T(e))},U=(t,e)=>{const s=[...e].filter(r=>B.test(r));if(e!==""&&s.length===0)return;const c=[...d];if(s.length<=1)c[t]=s[0]??"",b(c),s[0]&&f(t+1);else{let r=t;for(const h of s){if(r>=l)break;c[r]=h,r++}b(c),f(r)}},W=(t,e)=>{if(e.key==="Backspace"){if(d[t]===""&&t>0){e.preventDefault();const s=[...d];s[t-1]="",b(s),f(t-1)}}else if(e.key==="ArrowLeft")e.preventDefault(),f(t-1);else if(e.key==="ArrowRight")e.preventDefault(),f(t+1);else if(e.key==="Delete"){e.preventDefault();const s=[...d];s[t]="",b(s)}},X=(t,e)=>{e.preventDefault();const s=[...e.clipboardData.getData("text")].filter(h=>B.test(h));if(s.length===0)return;const c=[...d];let r=t;for(const h of s){if(r>=l)break;c[r]=h,r++}b(c),f(r)},Y=t=>{t.currentTarget.contains(t.relatedTarget)||o==null||o.onBlur(t)};return n.jsxs("div",{ref:$,className:k.clsx(u.fieldStyles.field,x&&u.fieldStyles.error,q&&u.fieldStyles.disabled,K),style:{"--tz-btn-rgb":`var(--tz-color-${V}-rgb)`,...Z},children:[y!=null&&n.jsxs("span",{className:u.fieldStyles.label,children:[n.jsx(R.Typography,{as:"span",variant:"bodySmall",color:"muted",children:y}),O&&n.jsx("span",{className:u.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),n.jsx("div",{role:"group","aria-label":typeof y=="string"?y:"One-time code","aria-invalid":x||void 0,"aria-describedby":D!=null?F:void 0,className:k.clsx(m.row,m[E],m[M],x&&m.invalid),onBlur:Y,children:d.map((t,e)=>n.jsx("input",{ref:s=>{j.current[e]=s},name:e===0?i:void 0,type:"text",inputMode:a==="numeric"?"numeric":"text",autoComplete:e===0?"one-time-code":"off","aria-label":H("otpField.digit",{index:e+1,total:l}),className:k.clsx(m.box,t!==""&&m.filled),value:t,placeholder:C,disabled:q,onChange:s=>U(e,s.target.value),onKeyDown:s=>W(e,s),onPaste:s=>X(e,s),onFocus:s=>s.target.select()},e))}),D!=null&&n.jsx(R.Typography,{as:"span",id:F,variant:"bodySmall",color:x?"error":"muted",className:u.fieldStyles.helper,children:D})]})});exports.OtpField=me;
-//# sourceMappingURL=OtpField-Pr7Ch0El.cjs.map
+"use strict";const n=require("react/jsx-runtime"),_=require("react"),k=require("clsx"),ee=require("./formContext-bTWrqdEV.cjs"),R=require("./Typography-B6ASPrzT.cjs"),u=require("./TextField.module-DsNCo8vN.cjs"),te=require("./ConfigProvider-CtpfSy1i.cjs"),se="_row_1bbms_2",re="_center_1bbms_14",oe="_end_1bbms_15",le="_sm_1bbms_27",ce="_md_1bbms_31",ne="_lg_1bbms_35",ae="_box_1bbms_41",ie="_filled_1bbms_65",de="_invalid_1bbms_82",m={row:se,center:re,end:oe,sm:le,md:ce,lg:ne,box:ae,filled:ie,invalid:de},fe={numeric:/[0-9]/,alphabetic:/[A-Za-z]/,alphanumeric:/[A-Za-z0-9]/};function ue(S,l){const a=[...S].slice(0,l);for(;a.length<l;)a.push("");return a}const me=_.forwardRef(function({length:l=4,type:a="numeric",value:v,defaultValue:A,onChange:g,onComplete:T,name:i,label:y,helperText:I,error:z,required:O=!1,disabled:q=!1,autoFocus:P=!1,placeholder:C,size:E="md",align:M="start",color:V="primary",className:K,style:Z},$){const H=te.useT(),F=`${_.useId()}-helper`,B=fe[a],p=ee.useFormContext(),w=!!(p&&i),o=p&&i?p.field(i):void 0,L=v!==void 0?v:w?p.values[i]:void 0,N=v!==void 0||w,[G,J]=_.useState(A??""),Q=N?L??"":G,x=z??(o==null?void 0:o.error)??!1,D=I??(o==null?void 0:o.helperText),d=ue(Q,l),j=_.useRef([]);_.useEffect(()=>{var t;P&&((t=j.current[0])==null||t.focus())},[]);const f=t=>{const e=j.current[Math.max(0,Math.min(t,l-1))];e==null||e.focus(),e==null||e.select()},b=t=>{const e=t.join("");N||J(e),w&&p.setValue(i,e),g==null||g(e),t.every(s=>s!=="")&&(T==null||T(e))},U=(t,e)=>{const s=[...e].filter(r=>B.test(r));if(e!==""&&s.length===0)return;const c=[...d];if(s.length<=1)c[t]=s[0]??"",b(c),s[0]&&f(t+1);else{let r=t;for(const h of s){if(r>=l)break;c[r]=h,r++}b(c),f(r)}},W=(t,e)=>{if(e.key==="Backspace"){if(d[t]===""&&t>0){e.preventDefault();const s=[...d];s[t-1]="",b(s),f(t-1)}}else if(e.key==="ArrowLeft")e.preventDefault(),f(t-1);else if(e.key==="ArrowRight")e.preventDefault(),f(t+1);else if(e.key==="Delete"){e.preventDefault();const s=[...d];s[t]="",b(s)}},X=(t,e)=>{e.preventDefault();const s=[...e.clipboardData.getData("text")].filter(h=>B.test(h));if(s.length===0)return;const c=[...d];let r=t;for(const h of s){if(r>=l)break;c[r]=h,r++}b(c),f(r)},Y=t=>{t.currentTarget.contains(t.relatedTarget)||o==null||o.onBlur(t)};return n.jsxs("div",{ref:$,className:k.clsx(u.fieldStyles.field,x&&u.fieldStyles.error,q&&u.fieldStyles.disabled,K),style:{"--tz-btn-rgb":`var(--tz-color-${V}-rgb)`,...Z},children:[y!=null&&n.jsxs("span",{className:u.fieldStyles.label,children:[n.jsx(R.Typography,{as:"span",variant:"bodySmall",color:"muted",children:y}),O&&n.jsx("span",{className:u.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),n.jsx("div",{role:"group","aria-label":typeof y=="string"?y:"One-time code","aria-invalid":x||void 0,"aria-describedby":D!=null?F:void 0,className:k.clsx(m.row,m[E],m[M],x&&m.invalid),onBlur:Y,children:d.map((t,e)=>n.jsx("input",{ref:s=>{j.current[e]=s},name:e===0?i:void 0,type:"text",inputMode:a==="numeric"?"numeric":"text",autoComplete:e===0?"one-time-code":"off","aria-label":H("otpField.digit",{index:e+1,total:l}),className:k.clsx(m.box,t!==""&&m.filled),value:t,placeholder:C,disabled:q,onChange:s=>U(e,s.target.value),onKeyDown:s=>W(e,s),onPaste:s=>X(e,s),onFocus:s=>s.target.select()},e))}),D!=null&&n.jsx(R.Typography,{as:"span",id:F,variant:"bodySmall",color:x?"error":"muted",className:u.fieldStyles.helper,children:D})]})});exports.OtpField=me;
+//# sourceMappingURL=OtpField-DsedK1nQ.cjs.map