@techzyapp/ui-library 1.0.21 → 1.0.23

package/dist/{Select-Cx1Yl8nq.cjs.map → Select-CVy5BnKe.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-Cx1Yl8nq.cjs","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\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 { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { List, ListItem } from '../List'\nimport { Loader } from '../Loader'\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\n/** A single selectable option. */\nexport interface SelectOption {\n  /** The value committed when this option is chosen. */\n  value: string\n  /** Display + search text. */\n  label: string\n  /** Greys out and blocks selecting this option. */\n  disabled?: boolean\n  /** Leading icon — a known `IconName` (rendered as `<Icon>`) or any node. */\n  icon?: IconName | ReactNode\n}\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 listboxId = `${id}-listbox`\n  const helperId = `${id}-helper`\n  const optionId = (index: number) => `${id}-opt-${index}`\n\n  const t = useT()\n  const searchPh = searchPlaceholder ?? t('common.search')\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  // ── popover open state ─────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n  const typeahead = useRef({ buffer: '', timer: 0 })\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  const [open, setOpen] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\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  // options shown right now. When `onSearchChange` is set the consumer owns `options` (server-side\n  // search) — skip the built-in local filter; otherwise filter the given options by label.\n  const filteredOptions = useMemo(() => {\n    if (!searchable || onSearchChange || !searchQuery.trim()) return options\n    const q = searchQuery.trim().toLowerCase()\n    return options.filter((o) => o.label.toLowerCase().includes(q))\n  }, [searchable, onSearchChange, searchQuery, options])\n\n  const findEnabled = useCallback(\n    (start: number, delta: number) => {\n      let i = start\n      while (i >= 0 && i < filteredOptions.length) {\n        if (!filteredOptions[i].disabled) return i\n        i += delta\n      }\n      return -1\n    },\n    [filteredOptions],\n  )\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  // single dismiss path: clears search + type-ahead buffer, marks the field touched, optionally refocuses\n  const closeMenu = useCallback((refocus: boolean) => {\n    setOpen(false)\n    setSearchQuery('')\n    window.clearTimeout(typeahead.current.timer)\n    typeahead.current.buffer = ''\n    fieldBlur.current?.()\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // on open: highlight the selected option (or first enabled), focus the search box if searchable\n  useEffect(() => {\n    if (!open) return\n    const selIdx = filteredOptions.findIndex((o) => o.value === currentValue)\n    setHighlightedIndex(\n      selIdx >= 0 && !filteredOptions[selIdx].disabled ? selIdx : findEnabled(0, 1),\n    )\n    if (searchable) requestAnimationFrame(() => searchInputRef.current?.focus())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  // keep the highlighted option scrolled into view\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return\n    document.getElementById(optionId(highlightedIndex))?.scrollIntoView?.({ block: 'nearest' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, highlightedIndex])\n\n  // when the search filter changes, re-anchor the highlight to the first match\n  useEffect(() => {\n    if (open && searchable) setHighlightedIndex(findEnabled(0, 1))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchQuery])\n\n  // if the option count changes while open (async load / list shrink), keep the highlight in range\n  useEffect(() => {\n    if (open) setHighlightedIndex((i) => (i < filteredOptions.length ? i : findEnabled(0, 1)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredOptions.length])\n\n  const openMenu = () => {\n    if (!disabled) setOpen(true)\n  }\n  const selectOption = (opt: SelectOption | undefined) => {\n    if (!opt || opt.disabled) return\n    commit(opt.value)\n    closeMenu(true)\n  }\n  const moveHighlight = (delta: number) => {\n    setHighlightedIndex((cur) => {\n      const start = cur < 0 ? (delta > 0 ? 0 : filteredOptions.length - 1) : cur + delta\n      const found = findEnabled(start, delta)\n      return found === -1 ? cur : found\n    })\n  }\n\n  // type-ahead (non-searchable): jump to the option whose label starts with the typed buffer\n  const handleTypeahead = (char: string) => {\n    const t = typeahead.current\n    window.clearTimeout(t.timer)\n    t.buffer += char.toLowerCase()\n    t.timer = window.setTimeout(() => (t.buffer = ''), 500)\n    const match = filteredOptions.findIndex(\n      (o) => !o.disabled && o.label.toLowerCase().startsWith(t.buffer),\n    )\n    if (match >= 0) setHighlightedIndex(match)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (disabled) return\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        open ? moveHighlight(1) : openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        open ? moveHighlight(-1) : openMenu()\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (!open) openMenu()\n        else selectOption(filteredOptions[highlightedIndex])\n        break\n      case ' ':\n        // Space opens a closed menu (any mode); selects only when open & not searchable\n        // (so a focused search box can still type spaces)\n        if (!open) {\n          event.preventDefault()\n          openMenu()\n        } else if (!searchable) {\n          event.preventDefault()\n          selectOption(filteredOptions[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        if (open) {\n          event.preventDefault()\n          event.stopPropagation() // don't let FloatingPanel's own Escape also fire closeMenu/onBlur\n          closeMenu(true)\n        }\n        break\n      case 'Tab':\n        // refocus the trigger so Tab continues from the field's visual location, not the portaled\n        // search input's DOM position (end of <body>); don't preventDefault — let Tab move on\n        if (open) closeMenu(true)\n        break\n      case 'Home':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(0, 1))\n        }\n        break\n      case 'End':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(filteredOptions.length - 1, -1))\n        }\n        break\n      default:\n        if (\n          !searchable &&\n          open &&\n          event.key.length === 1 &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.altKey\n        ) {\n          handleTypeahead(event.key)\n        }\n    }\n  }\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 && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) 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 activeId = open && highlightedIndex >= 0 ? optionId(highlightedIndex) : undefined\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 ? listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : 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={() => (open ? closeMenu(false) : openMenu())}\n        onKeyDown={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      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closeMenu}\n        matchTriggerWidth\n        className={styles.popover}\n      >\n        {searchable && (\n          <div className={styles.search}>\n            <Icon name=\"SearchNormal\" size=\"sm\" className={styles.searchIcon} aria-hidden=\"true\" />\n            <input\n              ref={searchInputRef}\n              className={styles.searchInput}\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls={listboxId}\n              aria-activedescendant={activeId}\n              aria-autocomplete=\"list\"\n              aria-label={searchPh}\n              placeholder={searchPh}\n              value={searchQuery}\n              spellCheck={false}\n              onChange={(e) => {\n                setSearchQuery(e.target.value)\n                onSearchChange?.(e.target.value)\n              }}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n        )}\n\n        {/* the listbox always carries `listboxId` (even when empty) so aria-controls never dangles */}\n        <List\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label != null ? labelId : undefined}\n          size={size}\n          className={styles.listbox}\n          // clear the mouse highlight when the pointer leaves the list (no lingering hover)\n          onMouseLeave={() => setHighlightedIndex(-1)}\n        >\n          {loading ? (\n            <div className={styles.loading}>\n              <Loader size=\"sm\" />\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {loadingText ?? t('common.loading')}\n              </Typography>\n            </div>\n          ) : filteredOptions.length === 0 ? (\n            <div className={styles.noOptions}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {noOptionsText == null\n                  ? t('select.noOptions')\n                  : typeof noOptionsText === 'function'\n                    ? noOptionsText(searchQuery)\n                    : noOptionsText}\n              </Typography>\n            </div>\n          ) : (\n            filteredOptions.map((opt, index) => {\n              const isSelected = opt.value === currentValue\n              return (\n                <ListItem\n                  key={opt.value}\n                  id={optionId(index)}\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={isSelected}\n                  aria-current={undefined}\n                  clickable\n                  selected={isSelected}\n                  disabled={opt.disabled}\n                  icon={opt.icon}\n                  className={clsx(index === highlightedIndex && styles.active)}\n                  trailing={\n                    isSelected && showSelectedTick ? (\n                      <Icon name=\"TickCircle\" size=\"sm\" />\n                    ) : undefined\n                  }\n                  onMouseEnter={() => !opt.disabled && setHighlightedIndex(index)}\n                  onClick={() => selectOption(opt)}\n                >\n                  {opt.label}\n                </ListItem>\n              )\n            })\n          )}\n        </List>\n      </FloatingPanel>\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","listboxId","helperId","optionId","index","t","useT","searchPh","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","searchInputRef","typeahead","fieldBlur","open","setOpen","searchQuery","setSearchQuery","highlightedIndex","setHighlightedIndex","setTriggerRef","useCallback","node","filteredOptions","useMemo","q","findEnabled","start","delta","i","popoverRef","closeMenu","refocus","_a","_b","useEffect","selIdx","openMenu","selectOption","opt","moveHighlight","cur","found","handleTypeahead","char","match","handleKeyDown","event","handleTriggerBlur","handleClear","activeId","iconSize","chevronPx","jsxs","clsx","styles","Typography","FloatingPanel","List","Loader","isSelected","ListItem"],"mappings":"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"}
+{"version":3,"file":"Select-CVy5BnKe.cjs","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\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 { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { List, ListItem } from '../List'\nimport { Loader } from '../Loader'\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\n/** A single selectable option. */\nexport interface SelectOption {\n  /** The value committed when this option is chosen. */\n  value: string\n  /** Display + search text. */\n  label: string\n  /** Greys out and blocks selecting this option. */\n  disabled?: boolean\n  /** Leading icon — a known `IconName` (rendered as `<Icon>`) or any node. */\n  icon?: IconName | ReactNode\n}\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 listboxId = `${id}-listbox`\n  const helperId = `${id}-helper`\n  const optionId = (index: number) => `${id}-opt-${index}`\n\n  const t = useT()\n  const searchPh = searchPlaceholder ?? t('common.search')\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  // ── popover open state ─────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n  const typeahead = useRef({ buffer: '', timer: 0 })\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  const [open, setOpen] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\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  // options shown right now. When `onSearchChange` is set the consumer owns `options` (server-side\n  // search) — skip the built-in local filter; otherwise filter the given options by label.\n  const filteredOptions = useMemo(() => {\n    if (!searchable || onSearchChange || !searchQuery.trim()) return options\n    const q = searchQuery.trim().toLowerCase()\n    return options.filter((o) => o.label.toLowerCase().includes(q))\n  }, [searchable, onSearchChange, searchQuery, options])\n\n  const findEnabled = useCallback(\n    (start: number, delta: number) => {\n      let i = start\n      while (i >= 0 && i < filteredOptions.length) {\n        if (!filteredOptions[i].disabled) return i\n        i += delta\n      }\n      return -1\n    },\n    [filteredOptions],\n  )\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  // single dismiss path: clears search + type-ahead buffer, marks the field touched, optionally refocuses\n  const closeMenu = useCallback((refocus: boolean) => {\n    setOpen(false)\n    setSearchQuery('')\n    window.clearTimeout(typeahead.current.timer)\n    typeahead.current.buffer = ''\n    fieldBlur.current?.()\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // on open: highlight the selected option (or first enabled), focus the search box if searchable\n  useEffect(() => {\n    if (!open) return\n    const selIdx = filteredOptions.findIndex((o) => o.value === currentValue)\n    setHighlightedIndex(\n      selIdx >= 0 && !filteredOptions[selIdx].disabled ? selIdx : findEnabled(0, 1),\n    )\n    if (searchable) requestAnimationFrame(() => searchInputRef.current?.focus())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  // keep the highlighted option scrolled into view\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return\n    document.getElementById(optionId(highlightedIndex))?.scrollIntoView?.({ block: 'nearest' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, highlightedIndex])\n\n  // when the search filter changes, re-anchor the highlight to the first match\n  useEffect(() => {\n    if (open && searchable) setHighlightedIndex(findEnabled(0, 1))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchQuery])\n\n  // if the option count changes while open (async load / list shrink), keep the highlight in range\n  useEffect(() => {\n    if (open) setHighlightedIndex((i) => (i < filteredOptions.length ? i : findEnabled(0, 1)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredOptions.length])\n\n  const openMenu = () => {\n    if (!disabled) setOpen(true)\n  }\n  const selectOption = (opt: SelectOption | undefined) => {\n    if (!opt || opt.disabled) return\n    commit(opt.value)\n    closeMenu(true)\n  }\n  const moveHighlight = (delta: number) => {\n    setHighlightedIndex((cur) => {\n      const start = cur < 0 ? (delta > 0 ? 0 : filteredOptions.length - 1) : cur + delta\n      const found = findEnabled(start, delta)\n      return found === -1 ? cur : found\n    })\n  }\n\n  // type-ahead (non-searchable): jump to the option whose label starts with the typed buffer\n  const handleTypeahead = (char: string) => {\n    const t = typeahead.current\n    window.clearTimeout(t.timer)\n    t.buffer += char.toLowerCase()\n    t.timer = window.setTimeout(() => (t.buffer = ''), 500)\n    const match = filteredOptions.findIndex(\n      (o) => !o.disabled && o.label.toLowerCase().startsWith(t.buffer),\n    )\n    if (match >= 0) setHighlightedIndex(match)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (disabled) return\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        open ? moveHighlight(1) : openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        open ? moveHighlight(-1) : openMenu()\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (!open) openMenu()\n        else selectOption(filteredOptions[highlightedIndex])\n        break\n      case ' ':\n        // Space opens a closed menu (any mode); selects only when open & not searchable\n        // (so a focused search box can still type spaces)\n        if (!open) {\n          event.preventDefault()\n          openMenu()\n        } else if (!searchable) {\n          event.preventDefault()\n          selectOption(filteredOptions[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        if (open) {\n          event.preventDefault()\n          event.stopPropagation() // don't let FloatingPanel's own Escape also fire closeMenu/onBlur\n          closeMenu(true)\n        }\n        break\n      case 'Tab':\n        // refocus the trigger so Tab continues from the field's visual location, not the portaled\n        // search input's DOM position (end of <body>); don't preventDefault — let Tab move on\n        if (open) closeMenu(true)\n        break\n      case 'Home':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(0, 1))\n        }\n        break\n      case 'End':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(filteredOptions.length - 1, -1))\n        }\n        break\n      default:\n        if (\n          !searchable &&\n          open &&\n          event.key.length === 1 &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.altKey\n        ) {\n          handleTypeahead(event.key)\n        }\n    }\n  }\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 && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) 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 activeId = open && highlightedIndex >= 0 ? optionId(highlightedIndex) : undefined\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 ? listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : 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={() => (open ? closeMenu(false) : openMenu())}\n        onKeyDown={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      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closeMenu}\n        matchTriggerWidth\n        className={styles.popover}\n      >\n        {searchable && (\n          <div className={styles.search}>\n            <Icon name=\"SearchNormal\" size=\"sm\" className={styles.searchIcon} aria-hidden=\"true\" />\n            <input\n              ref={searchInputRef}\n              className={styles.searchInput}\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls={listboxId}\n              aria-activedescendant={activeId}\n              aria-autocomplete=\"list\"\n              aria-label={searchPh}\n              placeholder={searchPh}\n              value={searchQuery}\n              spellCheck={false}\n              onChange={(e) => {\n                setSearchQuery(e.target.value)\n                onSearchChange?.(e.target.value)\n              }}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n        )}\n\n        {/* the listbox always carries `listboxId` (even when empty) so aria-controls never dangles */}\n        <List\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label != null ? labelId : undefined}\n          size={size}\n          className={styles.listbox}\n          // clear the mouse highlight when the pointer leaves the list (no lingering hover)\n          onMouseLeave={() => setHighlightedIndex(-1)}\n        >\n          {loading ? (\n            <div className={styles.loading}>\n              <Loader size=\"sm\" />\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {loadingText ?? t('common.loading')}\n              </Typography>\n            </div>\n          ) : filteredOptions.length === 0 ? (\n            <div className={styles.noOptions}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {noOptionsText == null\n                  ? t('select.noOptions')\n                  : typeof noOptionsText === 'function'\n                    ? noOptionsText(searchQuery)\n                    : noOptionsText}\n              </Typography>\n            </div>\n          ) : (\n            filteredOptions.map((opt, index) => {\n              const isSelected = opt.value === currentValue\n              return (\n                <ListItem\n                  key={opt.value}\n                  id={optionId(index)}\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={isSelected}\n                  aria-current={undefined}\n                  clickable\n                  selected={isSelected}\n                  disabled={opt.disabled}\n                  icon={opt.icon}\n                  className={clsx(index === highlightedIndex && styles.active)}\n                  trailing={\n                    isSelected && showSelectedTick ? (\n                      <Icon name=\"TickCircle\" size=\"sm\" />\n                    ) : undefined\n                  }\n                  onMouseEnter={() => !opt.disabled && setHighlightedIndex(index)}\n                  onClick={() => selectOption(opt)}\n                >\n                  {opt.label}\n                </ListItem>\n              )\n            })\n          )}\n        </List>\n      </FloatingPanel>\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","listboxId","helperId","optionId","index","t","useT","searchPh","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","searchInputRef","typeahead","fieldBlur","open","setOpen","searchQuery","setSearchQuery","highlightedIndex","setHighlightedIndex","setTriggerRef","useCallback","node","filteredOptions","useMemo","q","findEnabled","start","delta","i","popoverRef","closeMenu","refocus","_a","_b","useEffect","selIdx","openMenu","selectOption","opt","moveHighlight","cur","found","handleTypeahead","char","match","handleKeyDown","event","handleTriggerBlur","handleClear","activeId","iconSize","chevronPx","jsxs","clsx","styles","Typography","FloatingPanel","List","Loader","isSelected","ListItem"],"mappings":"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"}

package/dist/{Select-vKZzS9K4.js → Select-ChT-6_bM.js}

@@ -7,9 +7,9 @@ import { a as Ke } from "./names-r21QPjcU.js";
 import { I as E } from "./Icon-DaTvzLBu.js";
 import { L as Re } from "./List-LqbfF6gU.js";
 import { L as We } from "./ListItem-Cn15lJBr.js";
-import { L as Fe } from "./Loader-WsjQFl4p.js";
+import { L as Fe } from "./Loader-DwmyJFwG.js";
 import { T as W } from "./Typography-Cta6Rg4L.js";
-import { a as Pe } from "./ConfigProvider-DT0yrgmd.js";
+import { a as Pe } from "./ConfigProvider-Blhvj6UQ.js";
 const Ve = "_field_17o9l_1", $e = "_fullWidth_17o9l_7", He = "_label_17o9l_13", je = "_required_17o9l_22", Qe = "_control_17o9l_28", ze = "_open_17o9l_47", Ue = "_error_17o9l_52", Ge = "_disabled_17o9l_60", Je = "_value_17o9l_70", Xe = "_valueIcon_17o9l_78", Ye = "_valueLabel_17o9l_82", Ze = "_placeholder_17o9l_87", eo = "_clear_17o9l_92", oo = "_chevron_17o9l_111", lo = "_sm_17o9l_121", ro = "_md_17o9l_125", to = "_lg_17o9l_129", ao = "_helper_17o9l_134", no = "_popover_17o9l_139", so = "_search_17o9l_147", co = "_searchIcon_17o9l_156", io = "_searchInput_17o9l_160", uo = "_listbox_17o9l_176", fo = "_active_17o9l_184", mo = "_noOptions_17o9l_188", po = "_loading_17o9l_194", l = {
   field: Ve,
   fullWidth: $e,
@@ -335,4 +335,4 @@ const Eo = Me(function({
 export {
   Eo as S
 };
-//# sourceMappingURL=Select-vKZzS9K4.js.map
+//# sourceMappingURL=Select-ChT-6_bM.js.map

package/dist/{Select-vKZzS9K4.js.map → Select-ChT-6_bM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-vKZzS9K4.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\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 { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { List, ListItem } from '../List'\nimport { Loader } from '../Loader'\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\n/** A single selectable option. */\nexport interface SelectOption {\n  /** The value committed when this option is chosen. */\n  value: string\n  /** Display + search text. */\n  label: string\n  /** Greys out and blocks selecting this option. */\n  disabled?: boolean\n  /** Leading icon — a known `IconName` (rendered as `<Icon>`) or any node. */\n  icon?: IconName | ReactNode\n}\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 listboxId = `${id}-listbox`\n  const helperId = `${id}-helper`\n  const optionId = (index: number) => `${id}-opt-${index}`\n\n  const t = useT()\n  const searchPh = searchPlaceholder ?? t('common.search')\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  // ── popover open state ─────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n  const typeahead = useRef({ buffer: '', timer: 0 })\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  const [open, setOpen] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\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  // options shown right now. When `onSearchChange` is set the consumer owns `options` (server-side\n  // search) — skip the built-in local filter; otherwise filter the given options by label.\n  const filteredOptions = useMemo(() => {\n    if (!searchable || onSearchChange || !searchQuery.trim()) return options\n    const q = searchQuery.trim().toLowerCase()\n    return options.filter((o) => o.label.toLowerCase().includes(q))\n  }, [searchable, onSearchChange, searchQuery, options])\n\n  const findEnabled = useCallback(\n    (start: number, delta: number) => {\n      let i = start\n      while (i >= 0 && i < filteredOptions.length) {\n        if (!filteredOptions[i].disabled) return i\n        i += delta\n      }\n      return -1\n    },\n    [filteredOptions],\n  )\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  // single dismiss path: clears search + type-ahead buffer, marks the field touched, optionally refocuses\n  const closeMenu = useCallback((refocus: boolean) => {\n    setOpen(false)\n    setSearchQuery('')\n    window.clearTimeout(typeahead.current.timer)\n    typeahead.current.buffer = ''\n    fieldBlur.current?.()\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // on open: highlight the selected option (or first enabled), focus the search box if searchable\n  useEffect(() => {\n    if (!open) return\n    const selIdx = filteredOptions.findIndex((o) => o.value === currentValue)\n    setHighlightedIndex(\n      selIdx >= 0 && !filteredOptions[selIdx].disabled ? selIdx : findEnabled(0, 1),\n    )\n    if (searchable) requestAnimationFrame(() => searchInputRef.current?.focus())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  // keep the highlighted option scrolled into view\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return\n    document.getElementById(optionId(highlightedIndex))?.scrollIntoView?.({ block: 'nearest' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, highlightedIndex])\n\n  // when the search filter changes, re-anchor the highlight to the first match\n  useEffect(() => {\n    if (open && searchable) setHighlightedIndex(findEnabled(0, 1))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchQuery])\n\n  // if the option count changes while open (async load / list shrink), keep the highlight in range\n  useEffect(() => {\n    if (open) setHighlightedIndex((i) => (i < filteredOptions.length ? i : findEnabled(0, 1)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredOptions.length])\n\n  const openMenu = () => {\n    if (!disabled) setOpen(true)\n  }\n  const selectOption = (opt: SelectOption | undefined) => {\n    if (!opt || opt.disabled) return\n    commit(opt.value)\n    closeMenu(true)\n  }\n  const moveHighlight = (delta: number) => {\n    setHighlightedIndex((cur) => {\n      const start = cur < 0 ? (delta > 0 ? 0 : filteredOptions.length - 1) : cur + delta\n      const found = findEnabled(start, delta)\n      return found === -1 ? cur : found\n    })\n  }\n\n  // type-ahead (non-searchable): jump to the option whose label starts with the typed buffer\n  const handleTypeahead = (char: string) => {\n    const t = typeahead.current\n    window.clearTimeout(t.timer)\n    t.buffer += char.toLowerCase()\n    t.timer = window.setTimeout(() => (t.buffer = ''), 500)\n    const match = filteredOptions.findIndex(\n      (o) => !o.disabled && o.label.toLowerCase().startsWith(t.buffer),\n    )\n    if (match >= 0) setHighlightedIndex(match)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (disabled) return\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        open ? moveHighlight(1) : openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        open ? moveHighlight(-1) : openMenu()\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (!open) openMenu()\n        else selectOption(filteredOptions[highlightedIndex])\n        break\n      case ' ':\n        // Space opens a closed menu (any mode); selects only when open & not searchable\n        // (so a focused search box can still type spaces)\n        if (!open) {\n          event.preventDefault()\n          openMenu()\n        } else if (!searchable) {\n          event.preventDefault()\n          selectOption(filteredOptions[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        if (open) {\n          event.preventDefault()\n          event.stopPropagation() // don't let FloatingPanel's own Escape also fire closeMenu/onBlur\n          closeMenu(true)\n        }\n        break\n      case 'Tab':\n        // refocus the trigger so Tab continues from the field's visual location, not the portaled\n        // search input's DOM position (end of <body>); don't preventDefault — let Tab move on\n        if (open) closeMenu(true)\n        break\n      case 'Home':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(0, 1))\n        }\n        break\n      case 'End':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(filteredOptions.length - 1, -1))\n        }\n        break\n      default:\n        if (\n          !searchable &&\n          open &&\n          event.key.length === 1 &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.altKey\n        ) {\n          handleTypeahead(event.key)\n        }\n    }\n  }\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 && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) 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 activeId = open && highlightedIndex >= 0 ? optionId(highlightedIndex) : undefined\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 ? listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : 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={() => (open ? closeMenu(false) : openMenu())}\n        onKeyDown={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      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closeMenu}\n        matchTriggerWidth\n        className={styles.popover}\n      >\n        {searchable && (\n          <div className={styles.search}>\n            <Icon name=\"SearchNormal\" size=\"sm\" className={styles.searchIcon} aria-hidden=\"true\" />\n            <input\n              ref={searchInputRef}\n              className={styles.searchInput}\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls={listboxId}\n              aria-activedescendant={activeId}\n              aria-autocomplete=\"list\"\n              aria-label={searchPh}\n              placeholder={searchPh}\n              value={searchQuery}\n              spellCheck={false}\n              onChange={(e) => {\n                setSearchQuery(e.target.value)\n                onSearchChange?.(e.target.value)\n              }}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n        )}\n\n        {/* the listbox always carries `listboxId` (even when empty) so aria-controls never dangles */}\n        <List\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label != null ? labelId : undefined}\n          size={size}\n          className={styles.listbox}\n          // clear the mouse highlight when the pointer leaves the list (no lingering hover)\n          onMouseLeave={() => setHighlightedIndex(-1)}\n        >\n          {loading ? (\n            <div className={styles.loading}>\n              <Loader size=\"sm\" />\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {loadingText ?? t('common.loading')}\n              </Typography>\n            </div>\n          ) : filteredOptions.length === 0 ? (\n            <div className={styles.noOptions}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {noOptionsText == null\n                  ? t('select.noOptions')\n                  : typeof noOptionsText === 'function'\n                    ? noOptionsText(searchQuery)\n                    : noOptionsText}\n              </Typography>\n            </div>\n          ) : (\n            filteredOptions.map((opt, index) => {\n              const isSelected = opt.value === currentValue\n              return (\n                <ListItem\n                  key={opt.value}\n                  id={optionId(index)}\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={isSelected}\n                  aria-current={undefined}\n                  clickable\n                  selected={isSelected}\n                  disabled={opt.disabled}\n                  icon={opt.icon}\n                  className={clsx(index === highlightedIndex && styles.active)}\n                  trailing={\n                    isSelected && showSelectedTick ? (\n                      <Icon name=\"TickCircle\" size=\"sm\" />\n                    ) : undefined\n                  }\n                  onMouseEnter={() => !opt.disabled && setHighlightedIndex(index)}\n                  onClick={() => selectOption(opt)}\n                >\n                  {opt.label}\n                </ListItem>\n              )\n            })\n          )}\n        </List>\n      </FloatingPanel>\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","listboxId","helperId","optionId","index","t","useT","searchPh","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","searchInputRef","typeahead","fieldBlur","open","setOpen","searchQuery","setSearchQuery","highlightedIndex","setHighlightedIndex","setTriggerRef","useCallback","node","filteredOptions","useMemo","q","findEnabled","start","delta","i","popoverRef","closeMenu","refocus","_a","_b","useEffect","selIdx","openMenu","selectOption","opt","moveHighlight","cur","found","handleTypeahead","char","match","handleKeyDown","event","handleTriggerBlur","handleClear","activeId","iconSize","chevronPx","jsxs","clsx","styles","Typography","FloatingPanel","List","Loader","isSelected","ListItem"],"mappings":"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"}
+{"version":3,"file":"Select-ChT-6_bM.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\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 { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { List, ListItem } from '../List'\nimport { Loader } from '../Loader'\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\n/** A single selectable option. */\nexport interface SelectOption {\n  /** The value committed when this option is chosen. */\n  value: string\n  /** Display + search text. */\n  label: string\n  /** Greys out and blocks selecting this option. */\n  disabled?: boolean\n  /** Leading icon — a known `IconName` (rendered as `<Icon>`) or any node. */\n  icon?: IconName | ReactNode\n}\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 listboxId = `${id}-listbox`\n  const helperId = `${id}-helper`\n  const optionId = (index: number) => `${id}-opt-${index}`\n\n  const t = useT()\n  const searchPh = searchPlaceholder ?? t('common.search')\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  // ── popover open state ─────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n  const typeahead = useRef({ buffer: '', timer: 0 })\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  const [open, setOpen] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\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  // options shown right now. When `onSearchChange` is set the consumer owns `options` (server-side\n  // search) — skip the built-in local filter; otherwise filter the given options by label.\n  const filteredOptions = useMemo(() => {\n    if (!searchable || onSearchChange || !searchQuery.trim()) return options\n    const q = searchQuery.trim().toLowerCase()\n    return options.filter((o) => o.label.toLowerCase().includes(q))\n  }, [searchable, onSearchChange, searchQuery, options])\n\n  const findEnabled = useCallback(\n    (start: number, delta: number) => {\n      let i = start\n      while (i >= 0 && i < filteredOptions.length) {\n        if (!filteredOptions[i].disabled) return i\n        i += delta\n      }\n      return -1\n    },\n    [filteredOptions],\n  )\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  // single dismiss path: clears search + type-ahead buffer, marks the field touched, optionally refocuses\n  const closeMenu = useCallback((refocus: boolean) => {\n    setOpen(false)\n    setSearchQuery('')\n    window.clearTimeout(typeahead.current.timer)\n    typeahead.current.buffer = ''\n    fieldBlur.current?.()\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // on open: highlight the selected option (or first enabled), focus the search box if searchable\n  useEffect(() => {\n    if (!open) return\n    const selIdx = filteredOptions.findIndex((o) => o.value === currentValue)\n    setHighlightedIndex(\n      selIdx >= 0 && !filteredOptions[selIdx].disabled ? selIdx : findEnabled(0, 1),\n    )\n    if (searchable) requestAnimationFrame(() => searchInputRef.current?.focus())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  // keep the highlighted option scrolled into view\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return\n    document.getElementById(optionId(highlightedIndex))?.scrollIntoView?.({ block: 'nearest' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, highlightedIndex])\n\n  // when the search filter changes, re-anchor the highlight to the first match\n  useEffect(() => {\n    if (open && searchable) setHighlightedIndex(findEnabled(0, 1))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchQuery])\n\n  // if the option count changes while open (async load / list shrink), keep the highlight in range\n  useEffect(() => {\n    if (open) setHighlightedIndex((i) => (i < filteredOptions.length ? i : findEnabled(0, 1)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredOptions.length])\n\n  const openMenu = () => {\n    if (!disabled) setOpen(true)\n  }\n  const selectOption = (opt: SelectOption | undefined) => {\n    if (!opt || opt.disabled) return\n    commit(opt.value)\n    closeMenu(true)\n  }\n  const moveHighlight = (delta: number) => {\n    setHighlightedIndex((cur) => {\n      const start = cur < 0 ? (delta > 0 ? 0 : filteredOptions.length - 1) : cur + delta\n      const found = findEnabled(start, delta)\n      return found === -1 ? cur : found\n    })\n  }\n\n  // type-ahead (non-searchable): jump to the option whose label starts with the typed buffer\n  const handleTypeahead = (char: string) => {\n    const t = typeahead.current\n    window.clearTimeout(t.timer)\n    t.buffer += char.toLowerCase()\n    t.timer = window.setTimeout(() => (t.buffer = ''), 500)\n    const match = filteredOptions.findIndex(\n      (o) => !o.disabled && o.label.toLowerCase().startsWith(t.buffer),\n    )\n    if (match >= 0) setHighlightedIndex(match)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (disabled) return\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        open ? moveHighlight(1) : openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        open ? moveHighlight(-1) : openMenu()\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (!open) openMenu()\n        else selectOption(filteredOptions[highlightedIndex])\n        break\n      case ' ':\n        // Space opens a closed menu (any mode); selects only when open & not searchable\n        // (so a focused search box can still type spaces)\n        if (!open) {\n          event.preventDefault()\n          openMenu()\n        } else if (!searchable) {\n          event.preventDefault()\n          selectOption(filteredOptions[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        if (open) {\n          event.preventDefault()\n          event.stopPropagation() // don't let FloatingPanel's own Escape also fire closeMenu/onBlur\n          closeMenu(true)\n        }\n        break\n      case 'Tab':\n        // refocus the trigger so Tab continues from the field's visual location, not the portaled\n        // search input's DOM position (end of <body>); don't preventDefault — let Tab move on\n        if (open) closeMenu(true)\n        break\n      case 'Home':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(0, 1))\n        }\n        break\n      case 'End':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(filteredOptions.length - 1, -1))\n        }\n        break\n      default:\n        if (\n          !searchable &&\n          open &&\n          event.key.length === 1 &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.altKey\n        ) {\n          handleTypeahead(event.key)\n        }\n    }\n  }\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 && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) 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 activeId = open && highlightedIndex >= 0 ? optionId(highlightedIndex) : undefined\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 ? listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : 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={() => (open ? closeMenu(false) : openMenu())}\n        onKeyDown={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      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closeMenu}\n        matchTriggerWidth\n        className={styles.popover}\n      >\n        {searchable && (\n          <div className={styles.search}>\n            <Icon name=\"SearchNormal\" size=\"sm\" className={styles.searchIcon} aria-hidden=\"true\" />\n            <input\n              ref={searchInputRef}\n              className={styles.searchInput}\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls={listboxId}\n              aria-activedescendant={activeId}\n              aria-autocomplete=\"list\"\n              aria-label={searchPh}\n              placeholder={searchPh}\n              value={searchQuery}\n              spellCheck={false}\n              onChange={(e) => {\n                setSearchQuery(e.target.value)\n                onSearchChange?.(e.target.value)\n              }}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n        )}\n\n        {/* the listbox always carries `listboxId` (even when empty) so aria-controls never dangles */}\n        <List\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label != null ? labelId : undefined}\n          size={size}\n          className={styles.listbox}\n          // clear the mouse highlight when the pointer leaves the list (no lingering hover)\n          onMouseLeave={() => setHighlightedIndex(-1)}\n        >\n          {loading ? (\n            <div className={styles.loading}>\n              <Loader size=\"sm\" />\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {loadingText ?? t('common.loading')}\n              </Typography>\n            </div>\n          ) : filteredOptions.length === 0 ? (\n            <div className={styles.noOptions}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {noOptionsText == null\n                  ? t('select.noOptions')\n                  : typeof noOptionsText === 'function'\n                    ? noOptionsText(searchQuery)\n                    : noOptionsText}\n              </Typography>\n            </div>\n          ) : (\n            filteredOptions.map((opt, index) => {\n              const isSelected = opt.value === currentValue\n              return (\n                <ListItem\n                  key={opt.value}\n                  id={optionId(index)}\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={isSelected}\n                  aria-current={undefined}\n                  clickable\n                  selected={isSelected}\n                  disabled={opt.disabled}\n                  icon={opt.icon}\n                  className={clsx(index === highlightedIndex && styles.active)}\n                  trailing={\n                    isSelected && showSelectedTick ? (\n                      <Icon name=\"TickCircle\" size=\"sm\" />\n                    ) : undefined\n                  }\n                  onMouseEnter={() => !opt.disabled && setHighlightedIndex(index)}\n                  onClick={() => selectOption(opt)}\n                >\n                  {opt.label}\n                </ListItem>\n              )\n            })\n          )}\n        </List>\n      </FloatingPanel>\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","listboxId","helperId","optionId","index","t","useT","searchPh","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","searchInputRef","typeahead","fieldBlur","open","setOpen","searchQuery","setSearchQuery","highlightedIndex","setHighlightedIndex","setTriggerRef","useCallback","node","filteredOptions","useMemo","q","findEnabled","start","delta","i","popoverRef","closeMenu","refocus","_a","_b","useEffect","selIdx","openMenu","selectOption","opt","moveHighlight","cur","found","handleTypeahead","char","match","handleKeyDown","event","handleTriggerBlur","handleClear","activeId","iconSize","chevronPx","jsxs","clsx","styles","Typography","FloatingPanel","List","Loader","isSelected","ListItem"],"mappings":"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"}

package/dist/Sidebar-D2MsR33k.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),b=require("react"),h=require("@tanstack/react-router"),O=require("clsx"),E=require("./Icon-BVULqOJD.cjs"),z=require("./List-ChXO0Hz-.cjs"),w=require("./ListItem-yXXjtepZ.cjs"),K=require("./TextField-DzYGA_St.cjs"),M=require("./access-DPUHbE-S.cjs"),V=require("./ConfigProvider-CUG8Mfy2.cjs"),Y="_nav_a1zzi_4",U="_module_a1zzi_17",W="_search_a1zzi_25",H="_searchPanel_a1zzi_31",G="_moduleLabel_a1zzi_46",Q="_leaves_a1zzi_61",X="_navBadge_a1zzi_66",J="_navDot_a1zzi_78",Z="_leafDot_a1zzi_86",ee="_collapsible_a1zzi_95",te="_collapsibleClosed_a1zzi_100",ne="_collapsibleInner_a1zzi_103",oe="_chevron_a1zzi_109",se="_chevronButton_a1zzi_119",m={nav:Y,module:U,search:W,searchPanel:H,moduleLabel:G,leaves:Q,navBadge:X,navDot:J,leafDot:Z,collapsible:ee,collapsibleClosed:te,collapsibleInner:ne,chevron:oe,chevronButton:se},P=w.ListItem,ae=e=>e.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(" "),$=e=>e.replace(/^\/+|\/+$/g,""),D=e=>e.length>1&&e.endsWith("/")?e.slice(0,-1):e,C=(e,n)=>e.order-n.order||e.label.localeCompare(n.label);function A(e){const n=[];for(const l of e){const a=l.staticData,s=$(l.fullPath);!(a!=null&&a.name)||!s||n.push({path:s,name:a.name,sd:a})}const t=new Map(n.map(l=>[l.path,l])),o=n.map(l=>l.path),r=l=>o.some(a=>{var s;return a!==l&&a.startsWith(`${l}/`)&&!((s=t.get(a))!=null&&s.sd.hidden)}),c=new Set(e.map(l=>l.fullPath)),u=l=>c.has(`/${l}/`),f=(l,a)=>{const s=t.get(l);return{label:(s==null?void 0:s.name)??ae(a),icon:s==null?void 0:s.sd.icon,badge:s==null?void 0:s.sd.badge,dot:s==null?void 0:s.sd.dot,order:(s==null?void 0:s.sd.order)??Number.POSITIVE_INFINITY}},g=new Map,d=l=>{let a=g.get(l);if(!a){const s=f(l,l);a={label:s.label,icon:s.icon,order:s.order,groups:new Map},g.set(l,a)}return a},_=[];for(const{path:l,name:a,sd:s}of n){const v=l.split("/");if(v.length<=2&&r(l)||s.hidden)continue;if(v.length===1){_.push({label:a,to:`/${l}`,icon:s.icon,badge:s.badge,dot:s.dot,order:s.order??Number.POSITIVE_INFINITY});continue}const y=d(v[0]);if(v.length===2)y.groups.set(l,{label:a,icon:s.icon,to:`/${l}`,badge:s.badge,dot:s.dot,order:s.order??Number.POSITIVE_INFINITY,leaves:[],isContainer:!1});else{const N=v.slice(0,2).join("/");let L=y.groups.get(N);if(!L){const I=f(N,v[1]);L={label:I.label,icon:I.icon,badge:I.badge,dot:I.dot,order:I.order,to:u(N)?`/${N}`:void 0,leaves:[],isContainer:!0},y.groups.set(N,L)}L.leaves.push({label:a,to:`/${l}`,icon:s.icon,badge:s.badge,dot:s.dot,order:s.order??Number.POSITIVE_INFINITY})}}const p=_.map(l=>({order:l.order,label:l.label,item:{kind:"link",link:{label:l.label,to:l.to,icon:l.icon,badge:l.badge,dot:l.dot}}})),k=[...g.values()].map(l=>({order:l.order,label:l.label,item:{kind:"module",module:{module:l.label,icon:l.icon,groups:[...l.groups.values()].sort(C).map(a=>({label:a.label,icon:a.icon,to:a.to,badge:a.badge,dot:a.dot,children:a.isContainer?a.leaves.sort(C).map(s=>({label:s.label,to:s.to,icon:s.icon,badge:s.badge,dot:s.dot})):void 0}))}}})),x=[...p,...k].sort(C).map(l=>l.item);return{items:x,links:x.flatMap(l=>l.kind==="link"?[l.link]:[]),modules:x.flatMap(l=>l.kind==="module"?[l.module]:[])}}function S(){const e=h.useRouter(),n=M.useAccessKeys();return b.useMemo(()=>A(Object.values(e.looseRoutesById).map(t=>{var o;return{fullPath:t.fullPath,staticData:(o=t.options)==null?void 0:o.staticData}}).filter(t=>{var o;return M.hasAccess((o=t.staticData)==null?void 0:o.roles)})),[e,n])}function B(e){var n;for(const t of e.items){if(t.kind==="link")return t.link.to;for(const o of t.module.groups){if(o.to)return o.to;const r=(n=o.children)==null?void 0:n[0];if(r)return r.to}}}function le(){return B(S())}function re(e){var t;const n=new Map;for(const o of e){const r=(t=o.staticData)==null?void 0:t.name;if(!r)continue;const c=D(o.fullPath);n.has(c)||n.set(c,r)}return n}function F(e,n){const t=[];let o="";for(const r of $(e).split("/").filter(Boolean)){o+=`/${r}`;const c=n.get(o);c&&t.push({name:c,to:o})}return t}function q(){const e=h.useRouter();return b.useMemo(()=>re(Object.values(e.looseRoutesById).map(n=>{var t;return{fullPath:n.fullPath,staticData:(t=n.options)==null?void 0:t.staticData}})),[e])}function R(e,n){if(e!=null)return typeof e=="function"?e(n):e}function ce(e,n,t){return R(e,t)??R(n,t)}function ie(){var n;const e=h.useRouterState({select:t=>t.matches});for(let t=e.length-1;t>=0;t--){const o=R((n=e[t].staticData)==null?void 0:n.title,e[t].params??{});if(o)return o}}function ue(e,n){if(!(e==null||e===!1))return e===!0?{kind:"history"}:{kind:"navigate",to:typeof e=="function"?e(n):e}}function de(){var o;const e=h.useRouter(),n=h.useNavigate(),t=h.useRouterState({select:r=>r.matches});for(let r=t.length-1;r>=0;r--){const c=(o=t[r].staticData)==null?void 0:o.back;if(c==null)continue;const u=ue(c,t[r].params??{});return u?u.kind==="history"?()=>e.history.back():()=>n({to:u.to}):void 0}}function fe(){const e=h.useRouterState({select:n=>n.matches});for(let n=e.length-1;n>=0;n--){const t=e[n].staticData,o=ce(t==null?void 0:t.breadcrumb,t==null?void 0:t.title,e[n].params??{});if(o)return o}}function he(){var n;const e=h.useRouterState({select:t=>t.matches});for(let t=e.length-1;t>=0;t--){const o=(n=e[t].staticData)==null?void 0:n.actions;if(o!=null&&o.length)return o}}function me(){const e=ie(),n=q(),t=h.useRouterState({select:r=>r.location.pathname});if(e!=null)return e;const o=F(t,n);return o.length>0?o[o.length-1].name:void 0}function be(e){const n=new Set;for(const t of e.links)n.add(t.to);for(const t of e.modules)for(const o of t.groups){o.to&&n.add(o.to);for(const r of o.children??[])n.add(r.to)}return n}function pe(e,n){const{leafPath:t,leafTitle:o,navigable:r}=n,c=e.map(({name:u,to:f})=>({label:u,to:f!==t&&r.has(f)?f:void 0}));return o&&(e.length>0&&e[e.length-1].to===t?c[c.length-1]={label:o}:c.push({label:o})),c}function ve(){const e=S(),n=q(),t=h.useRouterState({select:u=>u.location.pathname}),o=fe(),r=B(e),c=pe(F(t,n),{leafPath:D(t),leafTitle:o,navigable:be(e)});return{homeTo:r,items:c}}function ge(){const e=le();return e?i.jsx(h.Navigate,{to:e}):null}function _e(){const{items:e}=S(),n=h.useRouterState({select:c=>c.location.pathname}),t=[];let o=[];const r=()=>{if(o.length===0)return;const c=o;o=[],t.push(i.jsx(z.List,{children:c.map(u=>i.jsx(P,{as:h.Link,to:u.to,icon:u.icon,selected:T(n,u.to),clickable:!0,trailing:j(u.badge,u.dot),children:u.label},u.to))},`links-${c[0].to}`))};for(const c of e){if(c.kind==="link"){o.push(c.link);continue}r();const u=c.module;t.push(i.jsxs("div",{className:m.module,children:[i.jsx("div",{className:m.moduleLabel,children:u.module}),i.jsx(z.List,{children:u.groups.map(f=>i.jsx(Pe,{group:f,pathname:n},f.label))})]},`mod-${u.module}`))}return r(),i.jsx("nav",{className:m.nav,children:t})}function xe(e){const n=[];for(const t of e.links)n.push({label:t.label,to:t.to});for(const t of e.modules)for(const o of t.groups){o.to&&n.push({label:o.label,to:o.to,context:t.module});for(const r of o.children??[])n.push({label:r.label,to:r.to,context:`${t.module} · ${o.label}`})}return n}const ke=8;function Ne(){const e=V.useT(),n=S(),t=h.useNavigate(),o=b.useMemo(()=>xe(n),[n]),[r,c]=b.useState(""),[u,f]=b.useState(!1),[g,d]=b.useState(0),_=b.useRef(null),p=b.useMemo(()=>{const a=r.trim().toLowerCase();return a?o.filter(s=>{var v;return s.label.toLowerCase().includes(a)||(((v=s.context)==null?void 0:v.toLowerCase().includes(a))??!1)}).slice(0,ke):[]},[o,r]),k=u&&p.length>0;b.useEffect(()=>d(0),[r]),b.useEffect(()=>{d(a=>a>p.length-1?Math.max(0,p.length-1):a)},[p.length]),b.useEffect(()=>{if(!u)return;const a=s=>{_.current&&!_.current.contains(s.target)&&f(!1)};return document.addEventListener("pointerdown",a),()=>document.removeEventListener("pointerdown",a)},[u]);const x=a=>{t({to:a}),c(""),f(!1)},l=a=>{if(k)if(a.key==="ArrowDown")a.preventDefault(),d(s=>(s+1)%p.length);else if(a.key==="ArrowUp")a.preventDefault(),d(s=>(s-1+p.length)%p.length);else if(a.key==="Enter"){a.preventDefault();const s=p[g];s&&x(s.to)}else a.key==="Escape"&&f(!1)};return i.jsxs("div",{ref:_,className:m.search,role:"combobox","aria-expanded":k,"aria-haspopup":"listbox",children:[i.jsx(K.TextField,{value:r,onChange:a=>{c(a.target.value),f(!0)},onFocus:()=>f(!0),onKeyDown:l,adornment:i.jsx(E.Icon,{name:"SearchNormal"}),placeholder:e("sidebar.searchPages"),"aria-label":e("sidebar.searchPages"),autoComplete:"off"}),k?i.jsx("div",{className:m.searchPanel,children:i.jsx(z.List,{role:"listbox",children:p.map((a,s)=>i.jsx(w.ListItem,{description:a.context,clickable:!0,selected:s===g,onMouseDown:v=>v.preventDefault(),onMouseEnter:()=>d(s),onClick:()=>x(a.to),children:a.label},a.to))})}):null]})}function T(e,n){const t=D(e),o=D(n);return o==="/"?t==="/":t===o||t.startsWith(o+"/")}function Ie(e,n){var t;return e.to&&T(n,e.to)?!0:((t=e.children)==null?void 0:t.some(o=>T(n,o.to)))??!1}function je(e){return e?i.jsx("span",{className:m.navBadge,children:e}):null}function Le(e){return e?i.jsx("span",{className:m.navDot,style:{background:`var(--tz-color-${e})`}}):null}function j(e,n,t){if(!(e==null&&n==null&&t==null))return i.jsxs(i.Fragment,{children:[je(e),Le(n),t]})}function Pe({group:e,pathname:n}){var f,g;const t=Ie(e,n),o=!!((f=e.children)!=null&&f.length),[r,c]=b.useState(t);if(b.useEffect(()=>{t&&c(!0)},[t]),!o&&e.to)return i.jsx(P,{as:h.Link,to:e.to,icon:e.icon,selected:t,clickable:!0,trailing:j(e.badge,e.dot),children:e.label});const u=i.jsx(E.Icon,{name:"ArrowDown4",size:"sm",className:m.chevron,"data-open":r?"true":"false"});return i.jsxs(i.Fragment,{children:[o&&e.to?i.jsx(P,{as:h.Link,to:e.to,icon:e.icon,selected:t,clickable:!0,onClick:()=>c(!0),trailing:j(e.badge,e.dot,i.jsx("button",{type:"button",className:m.chevronButton,"aria-label":`${r?"Collapse":"Expand"} ${e.label}`,"aria-expanded":r,onClick:d=>{d.preventDefault(),d.stopPropagation(),c(_=>!_)},children:u})),children:e.label}):i.jsx(w.ListItem,{icon:e.icon,selected:t,clickable:!0,"aria-expanded":r,onClick:()=>c(d=>!d),trailing:j(e.badge,e.dot,u),children:e.label}),o?i.jsx("div",{className:O.clsx(m.collapsible,!r&&m.collapsibleClosed),children:i.jsx("div",{className:m.collapsibleInner,children:i.jsx(z.List,{className:m.leaves,children:(g=e.children)==null?void 0:g.map(d=>i.jsx(P,{as:h.Link,to:d.to,icon:i.jsx("span",{className:m.leafDot}),selected:T(n,d.to),size:"md",clickable:!0,trailing:j(d.badge,d.dot),children:d.label},d.to))})})}):null]})}exports.FirstRouteRedirect=ge;exports.NavSearch=Ne;exports.Sidebar=_e;exports.buildNavTree=A;exports.firstNavTo=B;exports.useBreadcrumbs=ve;exports.useLeafActions=he;exports.usePageBack=de;exports.usePageTitle=me;
+//# sourceMappingURL=Sidebar-D2MsR33k.cjs.map

package/dist/Sidebar-D2MsR33k.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar-D2MsR33k.cjs","sources":["../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport {\n  Link,\n  Navigate,\n  useNavigate,\n  useRouter,\n  useRouterState,\n  type LinkProps,\n  type StaticDataRouteOption,\n} from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { List, ListItem, type ListItemProps } from '../List'\nimport { TextField } from '../TextField'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport type { ButtonVariant } from '../Button'\nimport { hasAccess, useAccessKeys } from '../../helpers/access'\nimport styles from './Sidebar.module.css'\n\n// `ListItem` rendered as a TanStack `Link` — it forwards unrecognized props (like `to`) to the\n// element, so this typed alias lets us pass `to` while keeping `ListItem`'s look + behavior.\nconst NavLink = ListItem as unknown as (props: ListItemProps & { to: string }) => ReactNode\n\nexport type { IconName }\n\n/**\n * A declarative page action for a route's `staticData.actions` — rendered by `RootLayout` in the\n * page-title row (inline `Button`s, collapsing to a `SpeedDial` on `xs` when there are 2+). Because it\n * lives in static route data (no hooks), navigation goes through **`to`** (+ `params` / `search`), which\n * `RootLayout` runs via the router; use **`onClick`** for a plain, module-level handler.\n */\nexport interface RouteAction {\n  /** Visible label (button text; the SpeedDial tooltip when collapsed). */\n  label: string\n  /** Leading icon. When omitted, the collapsed dial shows the label's first letter. */\n  icon?: IconName\n  /** Navigate target — `RootLayout` calls the router's `navigate({ to, params, search })`. */\n  to?: string\n  /** Route params for `to`. */\n  params?: Record<string, string>\n  /** Search params for `to`. */\n  search?: Record<string, unknown>\n  /** Plain click handler (alternative to `to`; can't use React hooks — it's static route data). */\n  onClick?: () => void\n  /** Button color / tint. */\n  color?: ThemeColor\n  /** Inline-button variant (ignored when collapsed). Defaults to `contained`. */\n  variant?: ButtonVariant\n  /** Renders the action disabled. */\n  disabled?: boolean\n}\n\n// Typed `staticData` for consumers — every route describes its own menu entry.\ndeclare module '@tanstack/react-router' {\n  interface StaticDataRouteOption {\n    /** Menu label. A route with no `name` never appears in the menu. */\n    name?: string\n    /**\n     * Explicit page-title / breadcrumb label for **this** route, taking priority over the path-prefix\n     * `name` resolution. Read from the current (leaf) matched route, so it works on **dynamic** routes\n     * (e.g. `/core/list/$id`) too. Either a static string, or a **function of the route `params`** —\n     * called with the matched route's params so a detail page can title itself from the URL, e.g.\n     * `title: ({ id }) => \\`Order #${id}\\``. Does **not** affect the sidebar (which reads only `name`).\n     */\n    title?: string | ((params: Record<string, string>) => ReactNode)\n    /**\n     * Explicit **breadcrumb** crumb for **this** route, independent of the page title. Same shape as\n     * `title` (string, or a function of the route `params`). For the current-page crumb the priority is\n     * `breadcrumb` → `title` → `name`, so a page can show one label in the header (`title`) and a\n     * different one in the breadcrumb trail. Does **not** affect the page title or the sidebar.\n     */\n    breadcrumb?: string | ((params: Record<string, string>) => ReactNode)\n    /**\n     * Show a **back** arrow left of the page title for **this** route (opt-in). `true` navigates via the\n     * **browser history** (`router.history.back()`); a **string** or a **function of the route `params`**\n     * navigates to an explicit path (deterministic — survives a deep link / refresh, e.g.\n     * `back: '/users'` or `back: ({ id }) => \\`/users/${id}\\``). `false` / omitted → no back button. Read\n     * from the leaf matched route; does **not** affect the sidebar.\n     */\n    back?: boolean | string | ((params: Record<string, string>) => string)\n    /**\n     * Declarative **page actions** for this route — rendered by `RootLayout` in the page-title row, right\n     * of the `h2` (inline `Button`s, collapsing to a `SpeedDial` on `xs` when there are 2+). Read from the\n     * leaf matched route. Use `to` for navigation actions; `onClick` for a static handler. Does **not**\n     * affect the sidebar.\n     */\n    actions?: RouteAction[]\n    /** Optional menu icon (the library's `IconName` union). */\n    icon?: IconName\n    /** Sort order within the parent (ascending); falls back to alphabetical. */\n    order?: number\n    /** Routed but hidden from the menu. */\n    hidden?: boolean\n    /** Allowed accessKeys (OR — user needs any one). Omitted/empty = public. */\n    roles?: string[]\n    /** Small text label (e.g. `\"New\"`) shown as a pill on the menu row. */\n    badge?: string\n    /** Theme color of a small dot indicator on the menu row (e.g. `\"error\"`). */\n    dot?: ThemeColor\n  }\n}\n\nexport interface NavLeaf {\n  label: string\n  to: string\n  icon?: IconName\n  badge?: string\n  dot?: ThemeColor\n}\nexport interface NavGroup {\n  label: string\n  icon?: IconName\n  to?: string\n  badge?: string\n  dot?: ThemeColor\n  children?: NavLeaf[]\n}\nexport interface NavModule {\n  module: string\n  icon?: IconName\n  groups: NavGroup[]\n}\n/**\n * One **top-level** sidebar entry, in the unified order — either a standalone page `link` or a `module`.\n * Top links and modules share a single `staticData.order` scale, so a module can sit before, after, or\n * between the standalone page links (not always after them). Produced by `buildNavTree` as `items`.\n */\nexport type NavItem = { kind: 'link'; link: NavLeaf } | { kind: 'module'; module: NavModule }\n\nconst prettify = (seg: string) =>\n  seg\n    .split('-')\n    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n    .join(' ')\nconst trimSlashes = (p: string) => p.replace(/^\\/+|\\/+$/g, '')\n/** Normalize a pathname for comparison — drop a single trailing slash (but keep the root `/`). */\nconst normalizePath = (p: string) => (p.length > 1 && p.endsWith('/') ? p.slice(0, -1) : p)\nconst byOrderThenLabel = (\n  a: { order: number; label: string },\n  b: { order: number; label: string },\n) => a.order - b.order || a.label.localeCompare(b.label)\n\ninterface LeafAcc {\n  label: string\n  to: string\n  icon?: IconName\n  badge?: string\n  dot?: ThemeColor\n  order: number\n}\ninterface GroupAcc {\n  label: string\n  icon?: IconName\n  to?: string\n  badge?: string\n  dot?: ThemeColor\n  order: number\n  leaves: LeafAcc[]\n  isContainer: boolean\n}\ninterface ModuleAcc {\n  label: string\n  icon?: IconName\n  order: number\n  groups: Map<string, GroupAcc>\n}\n\n/** A single route, reduced to what the menu needs. */\nexport interface NavRoute {\n  fullPath: string\n  staticData?: StaticDataRouteOption\n}\n\n/**\n * Pure menu builder — derives the 3-level nav tree (module → group → page) from a flat route list.\n * Kept router-free so it's unit-testable; `useNavTree` feeds it the live routes.\n */\nexport function buildNavTree(routes: NavRoute[]): {\n  items: NavItem[]\n  links: NavLeaf[]\n  modules: NavModule[]\n} {\n  const entries: Array<{ path: string; name: string; sd: StaticDataRouteOption }> = []\n  for (const route of routes) {\n    const sd = route.staticData\n    const path = trimSlashes(route.fullPath)\n    if (!sd?.name || !path) continue\n    entries.push({ path, name: sd.name, sd })\n  }\n\n  const metaByPath = new Map(entries.map((e) => [e.path, e]))\n  const paths = entries.map((e) => e.path)\n  // A path is a \"container\" only when it has a **non-hidden** descendant — a hidden child must not turn\n  // its parent into a container (which would drop the parent's own row and, if every child is hidden,\n  // make the whole parent vanish from the menu).\n  const isContainer = (p: string) =>\n    paths.some((o) => o !== p && o.startsWith(`${p}/`) && !metaByPath.get(o)?.sd.hidden)\n  const rawFullPaths = new Set(routes.map((r) => r.fullPath))\n  const groupHasOwnPage = (groupKey: string) => rawFullPaths.has(`/${groupKey}/`)\n\n  const chrome = (key: string, seg: string) => {\n    const e = metaByPath.get(key)\n    return {\n      label: e?.name ?? prettify(seg),\n      icon: e?.sd.icon,\n      badge: e?.sd.badge,\n      dot: e?.sd.dot,\n      order: e?.sd.order ?? Number.POSITIVE_INFINITY,\n    }\n  }\n\n  const modules = new Map<string, ModuleAcc>()\n  const getModule = (seg: string) => {\n    let mod = modules.get(seg)\n    if (!mod) {\n      const c = chrome(seg, seg)\n      mod = { label: c.label, icon: c.icon, order: c.order, groups: new Map() }\n      modules.set(seg, mod)\n    }\n    return mod\n  }\n\n  const topLinks: LeafAcc[] = []\n  for (const { path, name, sd } of entries) {\n    const segs = path.split('/')\n    // The menu is 3 levels deep by design (module → group → page). A path only counts as a\n    // \"container\" (holds children instead of being its own row) at the module/group levels; a\n    // depth-3+ route is always a leaf, so a named page with even-deeper children isn't dropped.\n    // Routes deeper than 3 segments still appear — flattened as leaves under their depth-2 group\n    // (their `to` stays correct) — the nav just can't nest beyond level 3.\n    if ((segs.length <= 2 && isContainer(path)) || sd.hidden) continue\n    if (segs.length === 1) {\n      topLinks.push({\n        label: name,\n        to: `/${path}`,\n        icon: sd.icon,\n        badge: sd.badge,\n        dot: sd.dot,\n        order: sd.order ?? Number.POSITIVE_INFINITY,\n      })\n      continue\n    }\n    const mod = getModule(segs[0])\n    if (segs.length === 2) {\n      mod.groups.set(path, {\n        label: name,\n        icon: sd.icon,\n        to: `/${path}`,\n        badge: sd.badge,\n        dot: sd.dot,\n        order: sd.order ?? Number.POSITIVE_INFINITY,\n        leaves: [],\n        isContainer: false,\n      })\n    } else {\n      const groupKey = segs.slice(0, 2).join('/')\n      let group = mod.groups.get(groupKey)\n      if (!group) {\n        const c = chrome(groupKey, segs[1])\n        group = {\n          label: c.label,\n          icon: c.icon,\n          badge: c.badge,\n          dot: c.dot,\n          order: c.order,\n          to: groupHasOwnPage(groupKey) ? `/${groupKey}` : undefined,\n          leaves: [],\n          isContainer: true,\n        }\n        mod.groups.set(groupKey, group)\n      }\n      group.leaves.push({\n        label: name,\n        to: `/${path}`,\n        icon: sd.icon,\n        badge: sd.badge,\n        dot: sd.dot,\n        order: sd.order ?? Number.POSITIVE_INFINITY,\n      })\n    }\n  }\n\n  // Top-level entries — standalone page links AND modules — share ONE `order` scale, so a module can sit\n  // before / after / between the page links (not always after them). Build an ordered union, then derive\n  // `links` / `modules` as its order-preserving subsets (still used by search / breadcrumbs / firstNavTo).\n  const linkEntries = topLinks.map((l) => ({\n    order: l.order,\n    label: l.label,\n    item: {\n      kind: 'link' as const,\n      link: { label: l.label, to: l.to, icon: l.icon, badge: l.badge, dot: l.dot },\n    },\n  }))\n  const moduleEntries = [...modules.values()].map((mod) => ({\n    order: mod.order,\n    label: mod.label,\n    item: {\n      kind: 'module' as const,\n      module: {\n        module: mod.label,\n        icon: mod.icon,\n        groups: [...mod.groups.values()].sort(byOrderThenLabel).map(\n          (g): NavGroup => ({\n            label: g.label,\n            icon: g.icon,\n            to: g.to,\n            badge: g.badge,\n            dot: g.dot,\n            children: g.isContainer\n              ? g.leaves.sort(byOrderThenLabel).map((l) => ({\n                  label: l.label,\n                  to: l.to,\n                  icon: l.icon,\n                  badge: l.badge,\n                  dot: l.dot,\n                }))\n              : undefined,\n          }),\n        ),\n      } satisfies NavModule,\n    },\n  }))\n  const items: NavItem[] = [...linkEntries, ...moduleEntries]\n    .sort(byOrderThenLabel)\n    .map((e) => e.item)\n\n  return {\n    items,\n    links: items.flatMap((i) => (i.kind === 'link' ? [i.link] : [])),\n    modules: items.flatMap((i) => (i.kind === 'module' ? [i.module] : [])),\n  }\n}\n\nfunction useNavTree(): { items: NavItem[]; links: NavLeaf[]; modules: NavModule[] } {\n  const router = useRouter()\n  const accessKeys = useAccessKeys() // re-render the menu when the user's roles change (login/logout)\n  return useMemo(\n    () =>\n      buildNavTree(\n        Object.values(router.looseRoutesById)\n          .map((route) => ({\n            fullPath: route.fullPath,\n            staticData: route.options?.staticData,\n          }))\n          // Drop pages the current user can't access — empty groups/modules then vanish on their own.\n          .filter((route) => hasAccess(route.staticData?.roles)),\n      ),\n    [router, accessKeys],\n  )\n}\n\n/**\n * The first menu destination, following the **unified top-level order** (`items`) — so a module ordered\n * ahead of the page links wins. A link resolves to itself; a module to its first group page / leaf. Used\n * by `FirstRouteRedirect`.\n */\nexport function firstNavTo(tree: { items: NavItem[] }): string | undefined {\n  for (const item of tree.items) {\n    if (item.kind === 'link') return item.link.to\n    for (const group of item.module.groups) {\n      if (group.to) return group.to\n      const firstChild = group.children?.[0]\n      if (firstChild) return firstChild.to\n    }\n  }\n  return undefined\n}\n\nfunction useFirstNavTo() {\n  return firstNavTo(useNavTree())\n}\n\n/**\n * A `normalized fullPath → staticData.name` map from **all** routes (index routes included), the same\n * route source the `Sidebar` walks. The key drops a single trailing slash (`/core/list/` → `/core/list`),\n * so a list's **index route** (which carries the name) resolves under the plain path too. A named route\n * never loses its slot to an unnamed one. Pure + router-free, so it's unit-testable.\n */\nexport function buildNameMap(routes: NavRoute[]): Map<string, string> {\n  const map = new Map<string, string>()\n  for (const route of routes) {\n    const name = route.staticData?.name\n    if (!name) continue\n    const key = normalizePath(route.fullPath)\n    if (!map.has(key)) map.set(key, name)\n  }\n  return map\n}\n\n/**\n * Resolve a pathname's name crumbs from its **cumulative path prefixes** (not the matched-route chain),\n * so a dynamic/detail leaf (e.g. `/core/list/$id`) inherits its named ancestors. Each prefix is looked\n * up in `nameMap` (trailing slashes already normalized on both sides); a prefix with no name is simply\n * **skipped** — it never breaks the chain. Returns the recognized crumbs in order, each with its `to`.\n */\nexport function resolvePathNames(\n  pathname: string,\n  nameMap: Map<string, string>,\n): Array<{ name: string; to: string }> {\n  const out: Array<{ name: string; to: string }> = []\n  let prefix = ''\n  for (const seg of trimSlashes(pathname).split('/').filter(Boolean)) {\n    prefix += `/${seg}` // accumulates `/core`, `/core/list`, … — never trailing-slashed\n    const name = nameMap.get(prefix)\n    if (name) out.push({ name, to: prefix })\n  }\n  return out\n}\n\nfunction useNameMap(): Map<string, string> {\n  const router = useRouter()\n  return useMemo(\n    () =>\n      buildNameMap(\n        Object.values(router.looseRoutesById).map((route) => ({\n          fullPath: route.fullPath,\n          staticData: route.options?.staticData,\n        })),\n      ),\n    [router],\n  )\n}\n\n/** Resolve a `staticData.title` value: a function is called with the route `params`, a string is used\n * as-is, and nullish yields `undefined`. Pure, so it's unit-testable. */\nexport function resolveTitle(\n  title: string | ((params: Record<string, string>) => ReactNode) | undefined,\n  params: Record<string, string>,\n): ReactNode | undefined {\n  if (title == null) return undefined\n  return typeof title === 'function' ? title(params) : title\n}\n\n/**\n * The **breadcrumb** crumb label for a route's `staticData`: `breadcrumb` wins over `title` (both\n * resolved via `resolveTitle` — functions called with `params`), so a page can show a different label in\n * the trail than in the header. Returns `undefined` when neither is set. Pure, so it's unit-testable.\n */\nexport function resolveBreadcrumbLabel(\n  breadcrumb: string | ((params: Record<string, string>) => ReactNode) | undefined,\n  title: string | ((params: Record<string, string>) => ReactNode) | undefined,\n  params: Record<string, string>,\n): ReactNode | undefined {\n  return resolveTitle(breadcrumb, params) ?? resolveTitle(title, params)\n}\n\n/**\n * The deepest matched route's explicit `staticData.title`, resolved from the live match chain. A string\n * is used as-is; a function is called with that matched route's `params` (so a dynamic detail route can\n * build its label from the URL, e.g. `({ id }) => \\`Order #${id}\\``).\n */\nfunction useLeafTitle(): ReactNode | undefined {\n  const matches = useRouterState({ select: (s) => s.matches })\n  for (let i = matches.length - 1; i >= 0; i--) {\n    const resolved = resolveTitle(\n      matches[i].staticData?.title,\n      (matches[i].params ?? {}) as Record<string, string>,\n    )\n    if (resolved) return resolved\n  }\n  return undefined\n}\n\n/**\n * Resolve a `staticData.back` value into a back **target**: `undefined` (nullish / `false` → no back),\n * `{ kind: 'history' }` (`true` → browser history back), or `{ kind: 'navigate', to }` (a string or a\n * `(params) => string`, called with the route params). Pure, so it's unit-testable.\n */\nexport function resolveBackTarget(\n  back: boolean | string | ((params: Record<string, string>) => string) | undefined,\n  params: Record<string, string>,\n): { kind: 'history' } | { kind: 'navigate'; to: string } | undefined {\n  if (back == null || back === false) return undefined\n  if (back === true) return { kind: 'history' }\n  return { kind: 'navigate', to: typeof back === 'function' ? back(params) : back }\n}\n\n/**\n * A **back**-navigation handler for the current page, from the leaf matched route's `staticData.back`\n * (opt-in), or `undefined` when no route on the chain enables it. `back: true` → browser history back;\n * a string / `(params) => string` → navigate to that explicit path. The first (deepest) match that\n * declares `back` wins; an explicit `back: false` on it disables (even if an ancestor set `true`). Used\n * by `RootLayout` to render the back arrow beside the page title.\n */\nexport function usePageBack(): (() => void) | undefined {\n  const router = useRouter()\n  const navigate = useNavigate()\n  const matches = useRouterState({ select: (s) => s.matches })\n  for (let i = matches.length - 1; i >= 0; i--) {\n    const back = matches[i].staticData?.back\n    if (back == null) continue\n    const target = resolveBackTarget(back, (matches[i].params ?? {}) as Record<string, string>)\n    if (!target) return undefined // an explicit `back: false` disables it\n    return target.kind === 'history'\n      ? () => router.history.back()\n      : () => navigate({ to: target.to as LinkProps['to'] })\n  }\n  return undefined\n}\n\n/**\n * The deepest matched route's **breadcrumb** crumb override — `staticData.breadcrumb` with a fallback to\n * `staticData.title` (see `resolveBreadcrumbLabel`), resolved from the live match chain with that route's\n * `params`. Lets a page label its breadcrumb crumb independently of its page title.\n */\nfunction useLeafBreadcrumb(): ReactNode | undefined {\n  const matches = useRouterState({ select: (s) => s.matches })\n  for (let i = matches.length - 1; i >= 0; i--) {\n    const sd = matches[i].staticData\n    const resolved = resolveBreadcrumbLabel(\n      sd?.breadcrumb,\n      sd?.title,\n      (matches[i].params ?? {}) as Record<string, string>,\n    )\n    if (resolved) return resolved\n  }\n  return undefined\n}\n\n/** The deepest matched route's `staticData.actions` (the page-title-row action buttons), if any. */\nexport function useLeafActions(): RouteAction[] | undefined {\n  const matches = useRouterState({ select: (s) => s.matches })\n  for (let i = matches.length - 1; i >= 0; i--) {\n    const actions = matches[i].staticData?.actions\n    if (actions?.length) return actions\n  }\n  return undefined\n}\n\n/**\n * The current page's title. Priority: the leaf matched route's explicit **`staticData.title`** (works on\n * dynamic routes, read from the match chain), else the **last** recognized name along the current\n * pathname's cumulative prefixes (see `resolvePathNames`), so a dynamic detail route inherits its parent\n * list's name instead of falling back to the nearest named ancestor. Used by `RootLayout` to label the\n * header automatically.\n */\nexport function usePageTitle(): ReactNode | undefined {\n  const leafTitle = useLeafTitle()\n  const nameMap = useNameMap()\n  const pathname = useRouterState({ select: (s) => s.location.pathname })\n  if (leafTitle != null) return leafTitle\n  const names = resolvePathNames(pathname, nameMap)\n  return names.length > 0 ? names[names.length - 1].name : undefined\n}\n\n/** One breadcrumb. `to` is set only when the crumb points at a real, navigable menu page. */\nexport interface Breadcrumb {\n  label: ReactNode\n  to?: string\n}\n\n/** Every `to` that the menu actually navigates to (top links, group pages, leaves). */\nfunction navigablePaths(tree: { links: NavLeaf[]; modules: NavModule[] }): Set<string> {\n  const set = new Set<string>()\n  for (const link of tree.links) set.add(link.to)\n  for (const mod of tree.modules)\n    for (const group of mod.groups) {\n      if (group.to) set.add(group.to)\n      for (const leaf of group.children ?? []) set.add(leaf.to)\n    }\n  return set\n}\n\n/**\n * Assemble the breadcrumb items from the resolved prefix names. A crumb links when it maps to a real\n * navigable page **and is not the current page itself** (`to === leafPath` — you're already there, so it\n * stays plain text); this is the key difference from a blanket \"last crumb is never a link\" — an\n * **ancestor** crumb (e.g. the parent list while you're on its detail child) keeps its link. `leafTitle`\n * (the leaf route's `staticData.title`) overrides the current page's label when the leaf is itself a\n * named prefix, otherwise it's appended as the trailing current-page crumb. Pure, so it's unit-testable.\n */\nexport function buildBreadcrumbItems(\n  resolved: Array<{ name: string; to: string }>,\n  opts: { leafPath: string; leafTitle?: ReactNode; navigable: Set<string> },\n): Breadcrumb[] {\n  const { leafPath, leafTitle, navigable } = opts\n  const items: Breadcrumb[] = resolved.map(({ name, to }) => ({\n    label: name,\n    to: to !== leafPath && navigable.has(to) ? to : undefined,\n  }))\n  if (leafTitle) {\n    if (resolved.length > 0 && resolved[resolved.length - 1].to === leafPath) {\n      // the leaf is itself a named prefix (the current page) — the title overrides its label\n      items[items.length - 1] = { label: leafTitle }\n    } else {\n      // a dynamic / deeper leaf with no prefix name — the title is the trailing current-page crumb\n      items.push({ label: leafTitle })\n    }\n  }\n  return items\n}\n\n/**\n * Breadcrumb trail for the current route, derived from the current pathname's **cumulative prefixes**\n * (via `resolvePathNames`) rather than the matched-route chain — so a dynamic/detail route (e.g.\n * `/core/list/$id`) still shows its named ancestors (Core › List) instead of collapsing to the nearest\n * named one. The current-page crumb label follows the priority **`breadcrumb` → `title` → `name`** (via\n * `useLeafBreadcrumb`), so a page can label its crumb independently of its header title: it overrides the\n * leaf's own label when the leaf is a named prefix, else it's appended as the trailing current-page crumb\n * (so a dynamic detail reads Core › List › <breadcrumb>). `homeTo` is the first allowed menu page (same\n * target as `FirstRouteRedirect`). A crumb links only when it maps to a real navigable page **and isn't\n * the current page** — so an ancestor crumb (the parent list while you're on its detail child) stays a\n * link, while the page you're already on is plain text.\n */\nexport function useBreadcrumbs(): { homeTo?: string; items: Breadcrumb[] } {\n  const tree = useNavTree()\n  const nameMap = useNameMap()\n  const pathname = useRouterState({ select: (s) => s.location.pathname })\n  const leafLabel = useLeafBreadcrumb()\n  const homeTo = firstNavTo(tree)\n  const items = buildBreadcrumbItems(resolvePathNames(pathname, nameMap), {\n    leafPath: normalizePath(pathname),\n    leafTitle: leafLabel,\n    navigable: navigablePaths(tree),\n  })\n  return { homeTo, items }\n}\n\n/** Drop-in component for the `/` route: forwards to whatever sits FIRST in the menu. */\nexport function FirstRouteRedirect() {\n  const to = useFirstNavTo()\n  return to ? <Navigate to={to as LinkProps['to']} /> : null\n}\n\n/** Auto-generated navigation, derived from the routes' `staticData`. Rendered inside `RootLayout`. */\nexport function Sidebar() {\n  const { items } = useNavTree()\n  const pathname = useRouterState({ select: (s) => s.location.pathname })\n\n  // Walk the unified order once. Consecutive standalone links share a single `<List>` (so their spacing\n  // reads as one block); a module breaks the run and renders as its own labeled block. A module can thus\n  // appear before / between / after the page links, wherever its `order` places it.\n  const blocks: ReactNode[] = []\n  let run: NavLeaf[] = []\n  const flushRun = () => {\n    if (run.length === 0) return\n    const links = run\n    run = []\n    blocks.push(\n      <List key={`links-${links[0].to}`}>\n        {links.map((link) => (\n          <NavLink\n            key={link.to}\n            as={Link}\n            to={link.to}\n            icon={link.icon}\n            selected={isActivePath(pathname, link.to)}\n            clickable\n            trailing={navTrailing(link.badge, link.dot)}\n          >\n            {link.label}\n          </NavLink>\n        ))}\n      </List>,\n    )\n  }\n  for (const item of items) {\n    if (item.kind === 'link') {\n      run.push(item.link)\n      continue\n    }\n    flushRun()\n    const mod = item.module\n    blocks.push(\n      <div className={styles.module} key={`mod-${mod.module}`}>\n        <div className={styles.moduleLabel}>{mod.module}</div>\n        <List>\n          {mod.groups.map((group) => (\n            <NavGroupItem key={group.label} group={group} pathname={pathname} />\n          ))}\n        </List>\n      </div>,\n    )\n  }\n  flushRun()\n\n  return <nav className={styles.nav}>{blocks}</nav>\n}\n\n/** A single searchable destination — a nav page flattened out of the tree, with a breadcrumb context. */\ninterface NavPage {\n  label: string\n  to: string\n  /** Where it lives — e.g. `\"Components · Forms\"` — shown as the muted second line. */\n  context?: string\n}\n\n/** Flatten the nav tree into every navigable page (top links + group pages + leaves). */\nfunction flattenPages(tree: { links: NavLeaf[]; modules: NavModule[] }): NavPage[] {\n  const pages: NavPage[] = []\n  for (const link of tree.links) pages.push({ label: link.label, to: link.to })\n  for (const mod of tree.modules)\n    for (const group of mod.groups) {\n      if (group.to) pages.push({ label: group.label, to: group.to, context: mod.module })\n      for (const leaf of group.children ?? [])\n        pages.push({\n          label: leaf.label,\n          to: leaf.to,\n          context: `${mod.module} · ${group.label}`,\n        })\n    }\n  return pages\n}\n\nconst MAX_SEARCH_RESULTS = 8\n\n/**\n * Header search over the sidebar's pages — type to filter the nav (by page name or its section) and\n * pick a suggestion to jump there. Data comes from the same `useNavTree` the sidebar uses (so it\n * respects RBAC). Keyboard: Up/Down move, Enter opens, Escape closes. Rendered by `RootLayout`'s header.\n */\nexport function NavSearch() {\n  const t = useT()\n  const tree = useNavTree()\n  const navigate = useNavigate()\n  const pages = useMemo(() => flattenPages(tree), [tree])\n\n  const [query, setQuery] = useState('')\n  const [open, setOpen] = useState(false)\n  const [active, setActive] = useState(0)\n  const rootRef = useRef<HTMLDivElement | null>(null)\n\n  const results = useMemo(() => {\n    const q = query.trim().toLowerCase()\n    if (!q) return []\n    return pages\n      .filter(\n        (p) => p.label.toLowerCase().includes(q) || (p.context?.toLowerCase().includes(q) ?? false),\n      )\n      .slice(0, MAX_SEARCH_RESULTS)\n  }, [pages, query])\n\n  const showList = open && results.length > 0\n\n  // reset the highlighted row whenever the query changes\n  useEffect(() => setActive(0), [query])\n\n  // clamp the highlight if the result set shrinks without a query change (e.g. RBAC pages update)\n  useEffect(() => {\n    setActive((a) => (a > results.length - 1 ? Math.max(0, results.length - 1) : a))\n  }, [results.length])\n\n  // close the suggestions on an outside pointerdown\n  useEffect(() => {\n    if (!open) return\n    const onDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) setOpen(false)\n    }\n    document.addEventListener('pointerdown', onDown)\n    return () => document.removeEventListener('pointerdown', onDown)\n  }, [open])\n\n  const go = (to: string) => {\n    navigate({ to: to as LinkProps['to'] })\n    setQuery('')\n    setOpen(false)\n  }\n\n  const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (!showList) return\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      setActive((i) => (i + 1) % results.length)\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      setActive((i) => (i - 1 + results.length) % results.length)\n    } else if (event.key === 'Enter') {\n      event.preventDefault()\n      const hit = results[active]\n      if (hit) go(hit.to)\n    } else if (event.key === 'Escape') {\n      setOpen(false)\n    }\n  }\n\n  return (\n    <div\n      ref={rootRef}\n      className={styles.search}\n      role=\"combobox\"\n      aria-expanded={showList}\n      aria-haspopup=\"listbox\"\n    >\n      <TextField\n        value={query}\n        onChange={(event: ChangeEvent<HTMLInputElement>) => {\n          setQuery(event.target.value)\n          setOpen(true)\n        }}\n        onFocus={() => setOpen(true)}\n        onKeyDown={onKeyDown}\n        adornment={<Icon name=\"SearchNormal\" />}\n        placeholder={t('sidebar.searchPages')}\n        aria-label={t('sidebar.searchPages')}\n        autoComplete=\"off\"\n      />\n      {showList ? (\n        <div className={styles.searchPanel}>\n          <List role=\"listbox\">\n            {results.map((page, i) => (\n              <ListItem\n                key={page.to}\n                description={page.context}\n                clickable\n                selected={i === active}\n                // keep the input focused through the click so blur doesn't close the list first\n                onMouseDown={(event: MouseEvent) => event.preventDefault()}\n                onMouseEnter={() => setActive(i)}\n                onClick={() => go(page.to)}\n              >\n                {page.label}\n              </ListItem>\n            ))}\n          </List>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n/**\n * Is `to` the active nav target for `currentPath`? True on an **exact** match or when `currentPath` is a\n * **descendant** of `to` (so a parent row highlights for its child routes, e.g. `/core/page` stays active\n * on `/core/page/edit`). Trailing slashes are normalized on both sides (`/x/` === `/x`). The root `/`\n * matches **only exactly** — otherwise every route would count as its descendant.\n */\nexport function isActivePath(currentPath: string, to: string): boolean {\n  const a = normalizePath(currentPath)\n  const b = normalizePath(to)\n  if (b === '/') return a === '/'\n  return a === b || a.startsWith(b + '/')\n}\n\nfunction groupIsActive(group: NavGroup, pathname: string): boolean {\n  if (group.to && isActivePath(pathname, group.to)) return true\n  return group.children?.some((leaf) => isActivePath(pathname, leaf.to)) ?? false\n}\n\n/** A small \"New\"-style pill rendered on a menu row from `staticData.badge`. */\nfunction navBadge(text?: string) {\n  return text ? <span className={styles.navBadge}>{text}</span> : null\n}\n\n/** A small colored dot indicator on a menu row from `staticData.dot`. */\nfunction navDot(color?: ThemeColor) {\n  return color ? (\n    <span className={styles.navDot} style={{ background: `var(--tz-color-${color})` }} />\n  ) : null\n}\n\n/** The menu row's trailing slot: dot + badge + an optional chevron (omitted entirely when empty). */\nfunction navTrailing(badge?: string, dot?: ThemeColor, chevron?: ReactNode): ReactNode {\n  if (badge == null && dot == null && chevron == null) return undefined\n  return (\n    <>\n      {navBadge(badge)}\n      {navDot(dot)}\n      {chevron}\n    </>\n  )\n}\n\nfunction NavGroupItem({ group, pathname }: { group: NavGroup; pathname: string }) {\n  const active = groupIsActive(group, pathname)\n  const hasChildren = !!group.children?.length\n  const [open, setOpen] = useState(active)\n\n  // re-open when navigation makes this group active via a path the mount-time seed missed\n  // (NavSearch, Breadcrumbs, back/forward) — collapsing an active group hides the current page\n  useEffect(() => {\n    if (active) setOpen(true)\n  }, [active])\n\n  // a plain level-2 page (no children) — just a link row\n  if (!hasChildren && group.to) {\n    return (\n      <NavLink\n        as={Link}\n        to={group.to}\n        icon={group.icon}\n        selected={active}\n        clickable\n        trailing={navTrailing(group.badge, group.dot)}\n      >\n        {group.label}\n      </NavLink>\n    )\n  }\n\n  const chevron = (\n    <Icon\n      name=\"ArrowDown4\"\n      size=\"sm\"\n      className={styles.chevron}\n      data-open={open ? 'true' : 'false'}\n    />\n  )\n\n  return (\n    <>\n      {hasChildren && group.to ? (\n        // \"Case B\": the row navigates (and expands); a separate chevron only toggles.\n        <NavLink\n          as={Link}\n          to={group.to}\n          icon={group.icon}\n          selected={active}\n          clickable\n          onClick={() => setOpen(true)}\n          trailing={navTrailing(\n            group.badge,\n            group.dot,\n            <button\n              type=\"button\"\n              className={styles.chevronButton}\n              aria-label={`${open ? 'Collapse' : 'Expand'} ${group.label}`}\n              aria-expanded={open}\n              onClick={(event: MouseEvent) => {\n                event.preventDefault()\n                event.stopPropagation()\n                setOpen((o) => !o)\n              }}\n            >\n              {chevron}\n            </button>,\n          )}\n        >\n          {group.label}\n        </NavLink>\n      ) : (\n        // a pure container — the whole row toggles its children\n        <ListItem\n          icon={group.icon}\n          selected={active}\n          clickable\n          aria-expanded={open}\n          onClick={() => setOpen((o) => !o)}\n          trailing={navTrailing(group.badge, group.dot, chevron)}\n        >\n          {group.label}\n        </ListItem>\n      )}\n      {hasChildren ? (\n        // smooth collapse, same grid-template-rows technique as Card\n        <div className={clsx(styles.collapsible, !open && styles.collapsibleClosed)}>\n          <div className={styles.collapsibleInner}>\n            <List className={styles.leaves}>\n              {group.children?.map((leaf) => (\n                <NavLink\n                  key={leaf.to}\n                  as={Link}\n                  to={leaf.to}\n                  icon={<span className={styles.leafDot} />}\n                  selected={isActivePath(pathname, leaf.to)}\n                  size=\"md\"\n                  clickable\n                  trailing={navTrailing(leaf.badge, leaf.dot)}\n                >\n                  {leaf.label}\n                </NavLink>\n              ))}\n            </List>\n          </div>\n        </div>\n      ) : null}\n    </>\n  )\n}\n"],"names":["NavLink","ListItem","prettify","seg","w","trimSlashes","p","normalizePath","byOrderThenLabel","a","b","buildNavTree","routes","entries","route","sd","path","metaByPath","e","paths","isContainer","o","_a","rawFullPaths","r","groupHasOwnPage","groupKey","chrome","key","modules","getModule","mod","c","topLinks","name","segs","group","linkEntries","moduleEntries","g","l","items","i","useNavTree","router","useRouter","accessKeys","useAccessKeys","useMemo","hasAccess","firstNavTo","tree","item","firstChild","useFirstNavTo","buildNameMap","map","resolvePathNames","pathname","nameMap","out","prefix","useNameMap","resolveTitle","title","params","resolveBreadcrumbLabel","breadcrumb","useLeafTitle","matches","useRouterState","s","resolved","resolveBackTarget","back","usePageBack","navigate","useNavigate","target","useLeafBreadcrumb","useLeafActions","actions","usePageTitle","leafTitle","names","navigablePaths","set","link","leaf","buildBreadcrumbItems","opts","leafPath","navigable","to","useBreadcrumbs","leafLabel","homeTo","FirstRouteRedirect","jsx","Navigate","Sidebar","blocks","run","flushRun","links","List","Link","isActivePath","navTrailing","jsxs","styles","NavGroupItem","flattenPages","pages","MAX_SEARCH_RESULTS","NavSearch","t","useT","query","setQuery","useState","open","setOpen","active","setActive","rootRef","useRef","results","q","showList","useEffect","onDown","event","go","onKeyDown","hit","TextField","Icon","page","currentPath","groupIsActive","navBadge","text","navDot","color","badge","dot","chevron","Fragment","hasChildren","clsx","_b"],"mappings":"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"}