@techzyapp/ui-library 1.0.43 → 1.0.45

package/dist/{Select-CG8UJL9R.js.map → Select-jT94L1vq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-CG8UJL9R.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' | 'md' | 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). */\nfunction renderIcon(icon: IconName | ReactNode, size: 'sm' | 'md'): ReactNode {\n  if (icon == null) return null\n  if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n    return <Icon name={icon as IconName} size={size} />\n  return icon\n}\n\nexport interface SelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font 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 option's `value` (`''` = nothing selected). */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the next value (`''` when cleared). */\n  onChange?: (value: string) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Shows a clear (×) button in the trigger when a value is set. 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  /** Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). */\n  showSelectedTick?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). */\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 single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search **server-side** (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n */\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\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    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    showSelectedTick = true,\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  const t = useT()\n\n  // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\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 currentValue = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const selected = options.find((o) => o.value === currentValue)\n  const hasValue = selected != null\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 MultiSelect / PhoneField) ─────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\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 menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => o.value === currentValue,\n    onPick: (o) => commit(o.value),\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    // mark the form field touched only when focus leaves the whole widget (not into the popover)\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  const handleClear = (event: ReactMouseEvent) => {\n    event.stopPropagation()\n    commit('')\n    triggerRef.current?.focus()\n  }\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\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` lets the form's scroll-to-error find + focus this field\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)}\n        onClick={menu.toggleMenu}\n        onKeyDown={menu.handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n          {selected?.icon != null && (\n            <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n          )}\n          <span className={styles.valueLabel}>\n            {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n          </span>\n        </span>\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('select.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\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        showSelectedTick={showSelectedTick}\n        labelledBy={label != null ? labelId : undefined}\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":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":"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"}
+{"version":3,"file":"Select-jT94L1vq.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' | 'md' | 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). */\nfunction renderIcon(icon: IconName | ReactNode, size: 'sm' | 'md'): ReactNode {\n  if (icon == null) return null\n  if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n    return <Icon name={icon as IconName} size={size} />\n  return icon\n}\n\nexport interface SelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font 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 option's `value` (`''` = nothing selected). */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the next value (`''` when cleared). */\n  onChange?: (value: string) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Shows a clear (×) button in the trigger when a value is set. 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  /** Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). */\n  showSelectedTick?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). */\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 single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search **server-side** (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n */\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\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    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    showSelectedTick = true,\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  const t = useT()\n\n  // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\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 currentValue = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const selected = options.find((o) => o.value === currentValue)\n  const hasValue = selected != null\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 MultiSelect / PhoneField) ─────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\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 menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => o.value === currentValue,\n    onPick: (o) => commit(o.value),\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    // mark the form field touched only when focus leaves the whole widget (not into the popover)\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  const handleClear = (event: ReactMouseEvent) => {\n    event.stopPropagation()\n    commit('')\n    triggerRef.current?.focus()\n  }\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\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` lets the form's scroll-to-error find + focus this field\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)}\n        onClick={menu.toggleMenu}\n        onKeyDown={menu.handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n          {selected?.icon != null && (\n            <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n          )}\n          <span className={styles.valueLabel}>\n            {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n          </span>\n        </span>\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('select.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\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        showSelectedTick={showSelectedTick}\n        labelledBy={label != null ? labelId : undefined}\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":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":"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"}

package/dist/{Sidebar-CbPr34jd.js → Sidebar-B1O2RsbR.js}

@@ -1,15 +1,15 @@
-import { jsx as u, jsxs as B, Fragment as F } from "react/jsx-runtime";
-import { useMemo as w, useState as D, useRef as Y, useEffect as L } from "react";
-import { Navigate as G, useRouterState as E, useNavigate as U, useRouter as R, Link as y } from "@tanstack/react-router";
-import { clsx as W } from "clsx";
-import { b as O } from "./Icon-D5TxgfCc.js";
-import { L as T } from "./List-2Y3ktTcF.js";
-import { L as A } from "./ListItem-2Lr5_NRY.js";
-import { T as q } from "./TextField-Dwx5GPxz.js";
+import { jsx as u, jsxs as q, Fragment as F } from "react/jsx-runtime";
+import { useMemo as w, useState as D, useRef as V, useEffect as L } from "react";
+import { Navigate as Y, useRouterState as E, useNavigate as G, useRouter as R, Link as y } from "@tanstack/react-router";
+import { clsx as U } from "clsx";
+import { b as O } from "./Icon-B7DJn8Tw.js";
+import { L as T } from "./List-DS91CZUt.js";
+import { L as A } from "./ListItem-Ezmdk7q-.js";
+import { T as W } from "./TextField-CyKIx-d-.js";
 import { T as H } from "./Typography-ChSuxgkc.js";
 import { u as Q, h as X } from "./access-Db4knwyR.js";
-import { a as j } from "./ConfigProvider-Dqfu7UBU.js";
-const J = "_nav_2n8z4_4", Z = "_module_2n8z4_17", ee = "_search_2n8z4_25", te = "_searchPanel_2n8z4_31", oe = "_moduleLabel_2n8z4_46", ne = "_leaves_2n8z4_57", ae = "_navBadge_2n8z4_62", se = "_navDot_2n8z4_74", le = "_leafDot_2n8z4_82", re = "_collapsible_2n8z4_91", ce = "_collapsibleClosed_2n8z4_96", ie = "_collapsibleInner_2n8z4_99", ue = "_chevron_2n8z4_105", de = "_chevronButton_2n8z4_115", m = {
+import { a as j } from "./ConfigProvider-DVDGtCUc.js";
+const J = "_nav_vh85q_4", Z = "_module_vh85q_17", ee = "_search_vh85q_25", te = "_searchPanel_vh85q_31", oe = "_moduleLabel_vh85q_46", ne = "_leaves_vh85q_57", ae = "_navBadge_vh85q_62", se = "_navDot_vh85q_74", le = "_leafDot_vh85q_82", re = "_collapsible_vh85q_91", ce = "_collapsibleClosed_vh85q_96", ie = "_collapsibleInner_vh85q_99", ue = "_chevron_vh85q_105", de = "_chevronButton_vh85q_115", h = {
   nav: J,
   module: Z,
   search: ee,
@@ -24,11 +24,11 @@ const J = "_nav_2n8z4_4", Z = "_module_2n8z4_17", ee = "_search_2n8z4_25", te =
   collapsibleInner: ie,
   chevron: ue,
   chevronButton: de
-}, C = A, fe = (e) => e.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" "), K = (e) => e.replace(/^\/+|\/+$/g, ""), z = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, M = (e, o) => e.order - o.order || e.label.localeCompare(o.label);
-function me(e) {
+}, C = A, fe = (e) => e.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" "), z = (e) => e.replace(/^\/+|\/+$/g, ""), x = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, M = (e, o) => e.order - o.order || e.label.localeCompare(o.label);
+function he(e) {
   const o = [];
   for (const l of e) {
-    const s = l.staticData, n = K(l.fullPath);
+    const s = l.staticData, n = z(l.fullPath);
     !(s != null && s.name) || !n || o.push({ path: n, name: s.name, sd: s });
   }
   const t = new Map(o.map((l) => [l.path, l])), a = o.map((l) => l.path), c = (l) => a.some((s) => {
@@ -103,7 +103,7 @@ function me(e) {
       });
     }
   }
-  const h = f.map((l) => ({
+  const m = f.map((l) => ({
     order: l.order,
     label: l.label,
     item: {
@@ -136,7 +136,7 @@ function me(e) {
         )
       }
     }
-  })), g = [...h, ..._].sort(M).map((l) => l.item);
+  })), g = [...m, ..._].sort(M).map((l) => l.item);
   return {
     items: g,
     links: g.flatMap((l) => l.kind === "link" ? [l.link] : []),
@@ -146,7 +146,7 @@ function me(e) {
 function S() {
   const e = R(), o = Q();
   return w(
-    () => me(
+    () => he(
       Object.values(e.looseRoutesById).map((t) => {
         var a;
         return {
@@ -161,7 +161,7 @@ function S() {
     [e, o]
   );
 }
-function V(e) {
+function K(e) {
   var o;
   for (const t of e.items) {
     if (t.kind === "link") return t.link.to;
@@ -172,8 +172,8 @@ function V(e) {
     }
   }
 }
-function he() {
-  return V(S());
+function me() {
+  return K(S());
 }
 function be(e) {
   var t;
@@ -181,7 +181,7 @@ function be(e) {
   for (const a of e) {
     const c = (t = a.staticData) == null ? void 0 : t.name;
     if (!c) continue;
-    const r = z(a.fullPath);
+    const r = x(a.fullPath);
     o.has(r) || o.set(r, c);
   }
   return o;
@@ -189,7 +189,7 @@ function be(e) {
 function pe(e, o) {
   const t = [];
   let a = "";
-  for (const c of K(e).split("/").filter(Boolean)) {
+  for (const c of z(e).split("/").filter(Boolean)) {
     a += `/${c}`;
     const r = o.get(a);
     r && t.push({ name: r, to: a });
@@ -244,16 +244,16 @@ function ke(e, o) {
   return a && (e.length > 0 && e[e.length - 1].to === t ? r[r.length - 1] = { label: a } : r.push({ label: a })), r;
 }
 function Re() {
-  const e = S(), o = ve(), t = E({ select: (i) => i.location.pathname }), a = _e(), c = V(e), r = ke(pe(t, o), {
-    leafPath: z(t),
+  const e = S(), o = ve(), t = E({ select: (i) => i.location.pathname }), a = _e(), c = K(e), r = ke(pe(t, o), {
+    leafPath: x(t),
     leafLabel: a,
     navigable: Ne(e)
   });
   return { homeTo: c, items: r };
 }
 function Oe() {
-  const e = he();
-  return e ? /* @__PURE__ */ u(G, { to: e }) : null;
+  const e = me();
+  return e ? /* @__PURE__ */ u(Y, { to: e }) : null;
 }
 function je() {
   const { items: e } = S(), o = E({ select: (r) => r.location.pathname }), t = [];
@@ -268,7 +268,7 @@ function je() {
           as: y,
           to: i.to,
           icon: i.icon,
-          selected: x(o, i.to),
+          selected: B(o, i.to),
           clickable: !0,
           trailing: I(i.badge, i.dot),
           children: i.label
@@ -285,7 +285,7 @@ function je() {
     c();
     const i = r.module;
     t.push(
-      /* @__PURE__ */ B("div", { className: m.module, children: [
+      /* @__PURE__ */ q("div", { className: h.module, children: [
         /* @__PURE__ */ u(
           H,
           {
@@ -293,7 +293,7 @@ function je() {
             variant: "caption",
             color: "muted",
             uppercase: !0,
-            className: m.moduleLabel,
+            className: h.moduleLabel,
             children: i.module
           }
         ),
@@ -301,7 +301,7 @@ function je() {
       ] }, `mod-${i.module}`)
     );
   }
-  return c(), /* @__PURE__ */ u("nav", { className: m.nav, children: t });
+  return c(), /* @__PURE__ */ u("nav", { className: h.nav, children: t });
 }
 function Ie(e) {
   const o = [];
@@ -319,8 +319,8 @@ function Ie(e) {
   return o;
 }
 const Pe = 8;
-function Ke() {
-  const e = j(), o = S(), t = U(), a = w(() => Ie(o), [o]), [c, r] = D(""), [i, d] = D(!1), [v, p] = D(0), f = Y(null), h = w(() => {
+function ze() {
+  const e = j(), o = S(), t = G(), a = w(() => Ie(o), [o]), [c, r] = D(""), [i, d] = D(!1), [v, p] = D(0), f = V(null), m = w(() => {
     const s = c.trim().toLowerCase();
     return s ? a.filter(
       (n) => {
@@ -328,10 +328,10 @@ function Ke() {
         return n.label.toLowerCase().includes(s) || (((b = n.context) == null ? void 0 : b.toLowerCase().includes(s)) ?? !1);
       }
     ).slice(0, Pe) : [];
-  }, [a, c]), _ = i && h.length > 0;
+  }, [a, c]), _ = i && m.length > 0;
   L(() => p(0), [c]), L(() => {
-    p((s) => s > h.length - 1 ? Math.max(0, h.length - 1) : s);
-  }, [h.length]), L(() => {
+    p((s) => s > m.length - 1 ? Math.max(0, m.length - 1) : s);
+  }, [m.length]), L(() => {
     if (!i) return;
     const s = (n) => {
       f.current && !f.current.contains(n.target) && d(!1);
@@ -343,26 +343,26 @@ function Ke() {
   }, l = (s) => {
     if (_)
       if (s.key === "ArrowDown")
-        s.preventDefault(), p((n) => (n + 1) % h.length);
+        s.preventDefault(), p((n) => (n + 1) % m.length);
       else if (s.key === "ArrowUp")
-        s.preventDefault(), p((n) => (n - 1 + h.length) % h.length);
+        s.preventDefault(), p((n) => (n - 1 + m.length) % m.length);
       else if (s.key === "Enter") {
         s.preventDefault();
-        const n = h[v];
+        const n = m[v];
         n && g(n.to);
       } else s.key === "Escape" && d(!1);
   };
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ q(
     "div",
     {
       ref: f,
-      className: m.search,
+      className: h.search,
       role: "combobox",
       "aria-expanded": _,
       "aria-haspopup": "listbox",
       children: [
         /* @__PURE__ */ u(
-          q,
+          W,
           {
             value: c,
             onChange: (s) => {
@@ -376,7 +376,7 @@ function Ke() {
             autoComplete: "off"
           }
         ),
-        _ ? /* @__PURE__ */ u("div", { className: m.searchPanel, children: /* @__PURE__ */ u(T, { role: "listbox", children: h.map((s, n) => /* @__PURE__ */ u(
+        _ ? /* @__PURE__ */ u("div", { className: h.searchPanel, children: /* @__PURE__ */ u(T, { role: "listbox", children: m.map((s, n) => /* @__PURE__ */ u(
           A,
           {
             description: s.context,
@@ -393,23 +393,23 @@ function Ke() {
     }
   );
 }
-function x(e, o) {
-  const t = z(e), a = z(o);
+function B(e, o) {
+  const t = x(e), a = x(o);
   return a === "/" ? t === "/" : t === a || t.startsWith(a + "/");
 }
 function De(e, o) {
   var t;
-  return e.to && x(o, e.to) ? !0 : ((t = e.children) == null ? void 0 : t.some((a) => x(o, a.to))) ?? !1;
+  return e.to && B(o, e.to) ? !0 : ((t = e.children) == null ? void 0 : t.some((a) => B(o, a.to))) ?? !1;
 }
 function Le(e) {
-  return e ? /* @__PURE__ */ u("span", { className: m.navBadge, children: e }) : null;
+  return e ? /* @__PURE__ */ u("span", { className: h.navBadge, children: e }) : null;
 }
 function ye(e) {
-  return e ? /* @__PURE__ */ u("span", { className: m.navDot, style: { background: `var(--tz-color-${e})` } }) : null;
+  return e ? /* @__PURE__ */ u("span", { className: h.navDot, style: { background: `var(--tz-color-${e})` } }) : null;
 }
 function I(e, o, t) {
   if (!(e == null && o == null && t == null))
-    return /* @__PURE__ */ B(F, { children: [
+    return /* @__PURE__ */ q(F, { children: [
       Le(e),
       ye(o),
       t
@@ -438,11 +438,11 @@ function Ce({ group: e, pathname: o }) {
     {
       name: "ArrowDown4",
       size: "sm",
-      className: m.chevron,
+      className: h.chevron,
       "data-open": r ? "true" : "false"
     }
   );
-  return /* @__PURE__ */ B(F, { children: [
+  return /* @__PURE__ */ q(F, { children: [
     c && e.to ? (
       // "Case B": the row navigates (and expands); a separate chevron only toggles.
       /* @__PURE__ */ u(
@@ -461,13 +461,13 @@ function Ce({ group: e, pathname: o }) {
               "button",
               {
                 type: "button",
-                className: m.chevronButton,
+                className: h.chevronButton,
                 "aria-label": t(r ? "sidebar.collapseGroup" : "sidebar.expandGroup", {
                   group: e.label
                 }),
                 "aria-expanded": r,
                 onClick: (f) => {
-                  f.preventDefault(), f.stopPropagation(), i((h) => !h);
+                  f.preventDefault(), f.stopPropagation(), i((m) => !m);
                 },
                 children: d
               }
@@ -493,13 +493,13 @@ function Ce({ group: e, pathname: o }) {
     ),
     c ? (
       // smooth collapse, same grid-template-rows technique as Card
-      /* @__PURE__ */ u("div", { className: W(m.collapsible, !r && m.collapsibleClosed), children: /* @__PURE__ */ u("div", { className: m.collapsibleInner, children: /* @__PURE__ */ u(T, { className: m.leaves, children: (p = e.children) == null ? void 0 : p.map((f) => /* @__PURE__ */ u(
+      /* @__PURE__ */ u("div", { className: U(h.collapsible, !r && h.collapsibleClosed), children: /* @__PURE__ */ u("div", { className: h.collapsibleInner, children: /* @__PURE__ */ u(T, { className: h.leaves, children: (p = e.children) == null ? void 0 : p.map((f) => /* @__PURE__ */ u(
         C,
         {
           as: y,
           to: f.to,
-          icon: /* @__PURE__ */ u("span", { className: m.leafDot }),
-          selected: x(o, f.to),
+          icon: /* @__PURE__ */ u("span", { className: h.leafDot }),
+          selected: B(o, f.to),
           size: "md",
           clickable: !0,
           trailing: I(f.badge, f.dot),
@@ -512,11 +512,11 @@ function Ce({ group: e, pathname: o }) {
 }
 export {
   Oe as F,
-  Ke as N,
+  ze as N,
   je as S,
-  he as a,
-  me as b,
-  V as f,
+  me as a,
+  he as b,
+  K as f,
   Re as u
 };
-//# sourceMappingURL=Sidebar-CbPr34jd.js.map
+//# sourceMappingURL=Sidebar-B1O2RsbR.js.map