@techzyapp/ui-library 1.0.23 → 1.0.25

package/dist/RootLayout-kssj9exn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootLayout-kssj9exn.cjs","sources":["../src/components/RootLayout/SettingsDrawer.tsx","../src/components/RootLayout/ActionSet.tsx","../src/components/RootLayout/RootLayout.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { DEFAULT_FONT_FAMILY, useT, useTheme } from '../../theme'\nimport { Col } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Modal } from '../Modal'\nimport { ChoiceCardGroup } from '../ChoiceCard'\nimport { Select } from '../Select'\nimport { SwatchPicker } from '../SwatchPicker'\nimport { Typography } from '../Typography'\n\n// Accent choices offered alongside the provider's default (which leads each list) — 15 per mode, so\n// each theme shows 16 total. Tuned PER MODE (deeper tones for light, brighter for dark) and paired by\n// hue (red → violet + a neutral) so a color keeps its identity across themes.\nconst ALT_SWATCHES: Record<'light' | 'dark', string[]> = {\n  light: [\n    '#dc2626', // red\n    '#ea580c', // orange\n    '#d97706', // amber\n    '#ca8a04', // yellow\n    '#65a30d', // lime\n    '#16a34a', // green\n    '#059669', // emerald\n    '#0891b2', // cyan\n    '#0284c7', // sky\n    '#2563eb', // blue\n    '#4f46e5', // indigo\n    '#7c3aed', // violet\n    '#c026d3', // fuchsia\n    '#db2777', // pink\n    '#475569', // slate\n  ],\n  dark: [\n    '#f87171', // red\n    '#fb923c', // orange\n    '#fbbf24', // amber\n    '#facc15', // yellow\n    '#a3e635', // lime\n    '#4ade80', // green\n    '#34d399', // emerald\n    '#22d3ee', // cyan\n    '#38bdf8', // sky\n    '#60a5fa', // blue\n    '#818cf8', // indigo\n    '#a78bfa', // violet\n    '#e879f9', // fuchsia\n    '#f472b6', // pink\n    '#94a3b8', // slate\n  ],\n}\n\nexport interface SettingsDrawerProps {\n  /** Whether the drawer is open. */\n  open: boolean\n  /** Close handler. */\n  onClose: () => void\n  /** Show the light/dark **Theme** section (gated by the shell's `header.theme`, the same flag as the header toggle). */\n  showTheme?: boolean\n}\n\n/**\n * The header user-menu **Settings** drawer (a right-side `Modal`), top to bottom: a **Theme** section — an\n * exclusive `ChoiceCardGroup` (**Light** / **Dark** cards) driving `useTheme().setMode`, shown only when\n * **`showTheme`** (the shell's `header.theme`, so the header toggle + this section appear/disappear\n * together); **Accent Color** — **two `SwatchPicker`s** (Light + Dark) so both accents are chosen\n * independently, each with a per-mode set (deeper tones for light, brighter for dark), calling\n * `setAccentColor(color, mode)` and persisting it — each list leads with the provider's default for that\n * mode (`defaultAccentColors[mode]`), selected when there's no override (picking it clears the override).\n * When `showTheme` is off the panel is locked to one mode, so **only the active mode's accent picker**\n * shows (the other is pointless without a theme switch);\n * a **Font** section (a searchable `Select` — Inter preset + type any Google Font — driving\n * `setFontFamily`); and a **Header** section (an exclusive `ChoiceCardGroup` **Scrollable** / **Fixed**\n * driving `setHeaderSticky`); and a **Shape** section (an exclusive `ChoiceCardGroup` **Rounded** /\n * **Square** driving `setShape` — `square` flattens every corner in the panel to `border-radius: 0`).\n * Internal to the admin shell — not a public export.\n */\nexport function SettingsDrawer({ open, onClose, showTheme = true }: SettingsDrawerProps) {\n  const {\n    mode,\n    setMode,\n    accentColors,\n    defaultAccentColors,\n    setAccentColor,\n    headerSticky,\n    setHeaderSticky,\n    fontFamily,\n    setFontFamily,\n    shape,\n    setShape,\n  } = useTheme()\n  const t = useT()\n\n  // One searchable Select doubles as a \"type any Google Font\" field. Base = Inter (the only preset) +\n  // the active font (so a custom pick stays visible/selectable). While searching, the typed query is\n  // offered as its own option — picking it applies + loads that family. Base is always kept in the\n  // list (never filtered out) so `value` always resolves in the trigger, even mid-search.\n  const [fontQuery, setFontQuery] = useState('')\n  const q = fontQuery.trim()\n  const base =\n    fontFamily !== DEFAULT_FONT_FAMILY ? [DEFAULT_FONT_FAMILY, fontFamily] : [DEFAULT_FONT_FAMILY]\n  const showTyped = q.length > 0 && !base.some((f) => f.toLowerCase() === q.toLowerCase())\n  const fontOptions = (showTyped ? [q, ...base] : base).map((f) => ({\n    value: f,\n    label: f === DEFAULT_FONT_FAMILY ? t('settings.fontDefault', { font: f }) : f,\n  }))\n\n  const picker = (mode: 'light' | 'dark', label: string) => {\n    const def = defaultAccentColors[mode]\n    // the provider's default (per mode) leads the list; then the mode's alts (minus any collision)\n    const colors = [def, ...ALT_SWATCHES[mode].filter((c) => c.toLowerCase() !== def.toLowerCase())]\n    return (\n      <SwatchPicker\n        label={label}\n        colors={colors}\n        // with no override, this mode's default swatch reads as selected\n        value={accentColors[mode] ?? def}\n        // the default swatch clears this mode's override; the rest set it\n        onChange={(color) =>\n          setAccentColor(color.toLowerCase() === def.toLowerCase() ? null : color, mode)\n        }\n        labels={{ [def]: t('settings.accentDefault', { color: def }) }}\n        aria-label={String(label)}\n      />\n    )\n  }\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      placement=\"right\"\n      size=\"sm\"\n      title={t('settings.label')}\n      icon=\"Setting5\"\n    >\n      {showTheme && (\n        <>\n          <Typography variant=\"subtitle\" as=\"h3\">\n            {t('settings.themeTitle')}\n          </Typography>\n          <Typography\n            variant=\"bodySmall\"\n            color=\"muted\"\n            as=\"p\"\n            style={{ marginTop: 'var(--tz-space-xxs)' }}\n          >\n            {t('settings.themeDesc')}\n          </Typography>\n          <ChoiceCardGroup\n            exclusive\n            color=\"accent\"\n            minCardWidth={130}\n            value={mode}\n            onChange={(v) => {\n              if (typeof v === 'string') setMode(v as 'light' | 'dark')\n            }}\n            options={[\n              {\n                value: 'light',\n                label: t('settings.light'),\n                description: t('settings.lightDesc'),\n                icon: 'Sun',\n              },\n              {\n                value: 'dark',\n                label: t('settings.dark'),\n                description: t('settings.darkDesc'),\n                icon: 'Moon',\n              },\n            ]}\n            aria-label={t('settings.themeTitle')}\n            style={{ marginTop: 'var(--tz-space-sm)' }}\n          />\n\n          <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n        </>\n      )}\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.accentTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.accentDesc')}\n      </Typography>\n      <Col gap=\"md\" style={{ marginTop: 'var(--tz-space-sm)' }}>\n        {showTheme ? (\n          <>\n            {picker('light', t('settings.lightTheme'))}\n            {picker('dark', t('settings.darkTheme'))}\n          </>\n        ) : (\n          // theme switching is off → the panel stays in one mode, so only that mode's accent matters\n          picker(mode, mode === 'light' ? t('settings.lightTheme') : t('settings.darkTheme'))\n        )}\n      </Col>\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.fontTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.fontDesc')}\n      </Typography>\n      <Select\n        label={t('settings.fontFamily')}\n        searchable\n        searchPlaceholder={t('settings.fontSearch')}\n        value={fontFamily}\n        options={fontOptions}\n        onSearchChange={setFontQuery}\n        onChange={(v) => {\n          setFontFamily(v)\n          setFontQuery('')\n        }}\n        aria-label={t('settings.fontFamily')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.headerTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.headerDesc')}\n      </Typography>\n      <ChoiceCardGroup\n        exclusive\n        color=\"accent\"\n        minCardWidth={130}\n        value={headerSticky ? 'fixed' : 'static'}\n        // exclusive (radio) → always a string; set sticky from the picked card\n        onChange={(v) => {\n          if (typeof v === 'string') setHeaderSticky(v === 'fixed')\n        }}\n        options={[\n          {\n            value: 'static',\n            label: t('settings.scrollable'),\n            description: t('settings.scrollableDesc'),\n          },\n          { value: 'fixed', label: t('settings.fixed'), description: t('settings.fixedDesc') },\n        ]}\n        aria-label={t('settings.headerTitle')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.shapeTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.shapeDesc')}\n      </Typography>\n      <ChoiceCardGroup\n        exclusive\n        color=\"accent\"\n        minCardWidth={130}\n        value={shape}\n        // exclusive (radio) → always a string; the two values are exactly the ThemeShape union\n        onChange={(v) => {\n          if (v === 'rounded' || v === 'square') setShape(v)\n        }}\n        options={[\n          {\n            value: 'rounded',\n            label: t('settings.rounded'),\n            description: t('settings.roundedDesc'),\n          },\n          { value: 'square', label: t('settings.square'), description: t('settings.squareDesc') },\n        ]}\n        aria-label={t('settings.shapeTitle')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n    </Modal>\n  )\n}\n","import { type MouseEvent, type ReactNode } from 'react'\nimport { useMediaQuery } from '../../hooks/useMediaQuery'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Button, type ButtonVariant } from '../Button'\nimport { Icon } from '../Icon'\nimport { SpeedDial } from '../SpeedDial'\nimport styles from './RootLayout.module.css'\n\n/** A resolved page action — rendered as a `Button` (inline) or a `SpeedDial` action (collapsed). */\nexport interface PageAction {\n  /** Visible label (button text; the SpeedDial action's tooltip when collapsed). */\n  label: ReactNode\n  /** Leading icon — an `IconName` or any node. When omitted, the collapsed dial shows the label's first letter. */\n  icon?: IconName | ReactNode\n  /** Click handler. */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => 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\nconst iconNode = (icon: IconName | ReactNode) =>\n  typeof icon === 'string' ? <Icon name={icon as IconName} /> : icon\n\n/** The collapsed SpeedDial action's icon: the action's `icon`, else the label's first letter (uppercased),\n * else a fallback `More` glyph when the label isn't a plain string. */\nconst speedDialIcon = (a: PageAction): IconName | ReactNode => {\n  if (a.icon != null) return a.icon\n  if (typeof a.label === 'string' && a.label.trim())\n    return <span className={styles.pageActionsLetter}>{a.label.trim()[0].toUpperCase()}</span>\n  return 'More'\n}\n\n/**\n * Renders a set of page actions in the shell's page-title row: inline `Button`s on wider screens,\n * **collapsed into a `SpeedDial`** (a fixed bottom-right FAB) on the `xs` breakpoint (≤767.98px) when\n * there are **2 or more**. Fed by a route's `staticData.actions` (resolved by `RootLayout`). Internal.\n */\nexport function ActionSet({ actions }: { actions: PageAction[] }) {\n  const t = useT()\n  // ≤ 767.98px — collapse 2+ actions into a SpeedDial so a row of buttons doesn't crowd a phone header\n  const isXs = useMediaQuery('xs')\n  if (!actions.length) return null\n\n  return isXs && actions.length >= 2 ? (\n    <SpeedDial\n      ariaLabel={t('pageActions.label')}\n      icon=\"Add\"\n      direction=\"up\"\n      // float it as a fixed bottom-right FAB (out of the title-row flow); inset tightens on xxs\n      className={styles.pageActionsFab}\n      actions={actions.map((a) => ({\n        icon: speedDialIcon(a),\n        label: a.label,\n        onClick: a.onClick,\n        disabled: a.disabled,\n      }))}\n    />\n  ) : (\n    <>\n      {actions.map((a, i) => (\n        <Button\n          key={i}\n          size=\"sm\"\n          color={a.color}\n          variant={a.variant}\n          disabled={a.disabled}\n          startIcon={a.icon != null ? iconNode(a.icon) : undefined}\n          onClick={a.onClick}\n        >\n          {a.label}\n        </Button>\n      ))}\n    </>\n  )\n}\n","import { useEffect, useState, type ReactNode } from 'react'\nimport { useNavigate, useRouterState, type LinkProps } from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { useMediaQuery } from '../../hooks/useMediaQuery'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport {\n  useHeaderConfig,\n  useLanguage,\n  useT,\n  useTheme,\n  type HeaderConfig,\n  type HeaderUser,\n} from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Col, Row } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem } from '../List'\nimport { FullscreenToggle } from '../FullscreenToggle'\nimport { ThemeToggle } from '../ThemeToggle'\nimport { Typography } from '../Typography'\nimport { Breadcrumbs } from '../Breadcrumbs'\nimport { Toaster, type ToasterProps } from '../Toast'\nimport { NavSearch, Sidebar, useLeafActions, usePageBack, usePageTitle } from '../Sidebar/Sidebar'\nimport { Flag } from '../Flag'\nimport { SettingsDrawer } from './SettingsDrawer'\nimport { ActionSet, type PageAction } from './ActionSet'\nimport styles from './RootLayout.module.css'\n\n/**\n * The shell header config + its user shape now live in the theme layer (so `config.header` can carry\n * them app-wide). These aliases keep the historical `RootLayout*` names importable.\n */\nexport type RootLayoutUser = HeaderUser\nexport type RootLayoutHeader = HeaderConfig\n\nexport interface RootLayoutProps {\n  /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. */\n  logo?: ReactNode\n  /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / \"Need help?\" card). */\n  sidebarFooter?: ReactNode\n  /**\n   * Header config for **this** shell — merged **over** the app-wide `config.header` (the prop wins).\n   * Fields: the built-in `theme` / `search` / `settings` / `languages` toggles (default `true`),\n   * `fullscreen` (default `false`), `breadcrumbs` (default `true`), `pageTitle` (default `true`), and the\n   * account (`onLogout` / `user`).\n   */\n  header?: RootLayoutHeader\n  /**\n   * The built-in toast viewport, mounted for you so `toast.*()` works app-wide with no extra setup.\n   * Defaults to `true` (a `<Toaster>` with its defaults). Pass `ToasterProps` to configure it\n   * (`{ position, duration }`), or `false` to opt out — e.g. when you mount your own `<Toaster>`.\n   */\n  toaster?: boolean | ToasterProps\n  /** Routed content — the consumer passes `<Outlet />`. */\n  children: ReactNode\n}\n\n/**\n * The admin-panel shell — a **floating** layout: the whole app sits on a soft `--tz-color-background`\n * canvas, with a rounded, elevated `--tz-color-surface` **sidebar card** (`logo` + auto-generated `Sidebar` + an optional\n * `sidebarFooter`) beside the header + content. Set it as the root route's component and pass\n * `<Outlet />` as `children`; the `Sidebar` builds itself from the routes' `staticData`. The header\n * holds an optional `ThemeToggle` (on by default), a **Settings** button (opens a right-side drawer to\n * pick + persist the `accent` color), plus an account `Avatar` whose menu has a **Sign out** item when\n * `header.onLogout` is given. The content area stacks\n * **`Breadcrumbs` → the page title (the active route's `staticData.name`) → `children`**; pages wrap\n * their own body in `PageLayout`. Set `header.pageTitle = false` to drop the auto `h2` when pages\n * carry their own heading inside their `PageLayout` header. On a 404 the auto title + breadcrumbs are\n * suppressed automatically (a partial route match would otherwise show a stale section), regardless of\n * the `header.pageTitle` / `header.breadcrumbs` props. A `<Toaster>` is **mounted by default** so\n * `toast.*()` works app-wide with no extra setup (configure via `toaster`, or `toaster={false}` to opt\n * out). Styling is token-based, so it follows the active `ConfigProvider` mode. Requires\n * `@tanstack/react-router` (peer).\n */\nexport function RootLayout({\n  logo,\n  sidebarFooter,\n  header,\n  toaster = true,\n  children,\n}: RootLayoutProps) {\n  const title = usePageTitle()\n  const onBack = usePageBack() // set by the current route's `staticData.back` (opt-in) — else undefined\n  // header sticky/static — the user's persisted choice (seeded from config.header.sticky)\n  const { headerSticky } = useTheme()\n  const { language, setLanguage, languages } = useLanguage()\n  const t = useT()\n  // app-wide header config (config.header) as the base; this shell's `header` prop wins over it\n  const configHeader = useHeaderConfig()\n  const h: HeaderConfig = { ...configHeader, ...header }\n  const showTheme = h.theme ?? true\n  const showFullscreen = h.fullscreen ?? false\n  const showSettings = h.settings ?? true\n  const showSearch = h.search ?? true\n  const showLanguages = h.languages ?? true\n  const showBreadcrumbs = h.breadcrumbs ?? true\n  const toasterProps = typeof toaster === 'object' ? toaster : undefined\n  const showPageTitle = h.pageTitle ?? true\n  const onLogout = h.onLogout\n  const user = h.user\n  const accountMenu = h.menu ?? [] // custom account-menu items (between the user block and Sign out)\n  // below 1280px the sidebar auto-collapses (and auto-expands again above it); a manual toggle holds\n  // until the next breakpoint cross. `useMediaQuery` is correct on the first client render, so no flash.\n  const isNarrow = useMediaQuery('md') // ≤ 1279.98px — the shared `md` breakpoint\n  const [collapsed, setCollapsed] = useState(isNarrow)\n  useEffect(() => {\n    setCollapsed(isNarrow)\n  }, [isNarrow])\n  // while the sidebar overlays the content (narrow + open), lock page scroll so scrolling inside the\n  // drawer doesn't scroll the content behind it\n  useLockBodyScroll(isNarrow && !collapsed)\n  // navigating from the overlay drawer (a nav link or a search suggestion — both change the route) auto-\n  // closes it, so you land on the page instead of the still-open sidebar; desktop navigation is untouched\n  const pathname = useRouterState({ select: (s) => s.location.pathname })\n  useEffect(() => {\n    if (isNarrow) setCollapsed(true)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pathname])\n  // on a 404 the URL often partially matches a named layout route (e.g. `/core/xxx` still resolves\n  // \"Core\" as the active section), so the auto page title + breadcrumbs would show a stale, wrong trail.\n  // suppress both when the router is in a notFound state — automatic, no opt-out needed. `statusCode ===\n  // 404` is the primary signal; a `notFound` match status is the fallback.\n  const isNotFound = useRouterState({\n    select: (s) => s.statusCode === 404 || s.matches.some((m) => m.status === 'notFound'),\n  })\n  const [settingsOpen, setSettingsOpen] = useState(false)\n  // declarative page-title-row actions from the current route's `staticData.actions` — `to` navigates\n  // via the router; `onClick` is a plain handler. Resolved to the `ActionSet` shape here.\n  const navigate = useNavigate()\n  const routeActions = useLeafActions()\n  const pageActions: PageAction[] = (routeActions ?? []).map((a) => ({\n    label: a.label,\n    icon: a.icon,\n    color: a.color,\n    variant: a.variant,\n    disabled: a.disabled,\n    onClick:\n      a.onClick ??\n      (a.to\n        ? () =>\n            navigate({ to: a.to as LinkProps['to'], params: a.params, search: a.search } as never)\n        : undefined),\n  }))\n\n  return (\n    <div className={clsx(styles.shell, collapsed && styles.shellCollapsed)}>\n      <aside className={styles.sidebar}>\n        {/* fixed-width inner: the outer <aside> animates its width to 0 (and clips via overflow),\n            while this keeps the sidebar's real width so the content never reflows mid-collapse */}\n        <div className={styles.sidebarInner}>\n          {logo ? (\n            <div className={styles.brand}>\n              {logo}\n              {/* in-drawer close — only shown when the sidebar overlays (narrow), where the header\n                  toggle is behind the backdrop; closes the drawer */}\n              <IconButton\n                variant=\"filled\"\n                size=\"sm\"\n                className={styles.sidebarClose}\n                aria-label={t('common.close')}\n                onClick={() => setCollapsed(true)}\n              >\n                <Icon name=\"Close\" />\n              </IconButton>\n            </div>\n          ) : null}\n          {/* the search lives in the header on desktop; below 576px (full-width drawer) it moves here,\n              between the logo and the menu (CSS toggles which instance shows) */}\n          {showSearch ? (\n            <div className={styles.sidebarSearch}>\n              <NavSearch />\n            </div>\n          ) : null}\n          <div className={styles.navScroll}>\n            <Sidebar />\n          </div>\n          {sidebarFooter ? <div className={styles.sidebarFooter}>{sidebarFooter}</div> : null}\n        </div>\n      </aside>\n      {/* dim backdrop behind the overlay sidebar — a sibling of the sidebar (same stacking context, so the\n          sidebar reliably sits above it, unlike a body-portaled Overlay). Only shown/interactive below\n          1280px while open (CSS); clicking it closes the drawer. On desktop the sidebar is a grid column. */}\n      <div className={styles.backdrop} onClick={() => setCollapsed(true)} aria-hidden=\"true\" />\n      <div className={styles.main}>\n        <header className={clsx(styles.topbar, headerSticky && styles.topbarSticky)}>\n          <div className={styles.headerStart}>\n            <IconButton\n              aria-label={collapsed ? 'Show sidebar' : 'Hide sidebar'}\n              aria-expanded={!collapsed}\n              variant=\"filled\"\n              size=\"sm\"\n              onClick={() => setCollapsed((c) => !c)}\n            >\n              <Icon name=\"Menu\" />\n            </IconButton>\n            {showSearch ? (\n              <div className={styles.headerSearch}>\n                <NavSearch />\n              </div>\n            ) : null}\n          </div>\n          <div className={styles.headerEnd}>\n            {showFullscreen ? <FullscreenToggle variant=\"filled\" size=\"sm\" /> : null}\n            {showTheme ? <ThemeToggle variant=\"filled\" size=\"sm\" /> : null}\n            {showLanguages && languages.length > 1 ? (\n              <Dropdown\n                placement=\"bottom-end\"\n                trigger={\n                  <IconButton variant=\"filled\" size=\"sm\" aria-label={t('language.label')}>\n                    <Icon name=\"Global\" />\n                  </IconButton>\n                }\n              >\n                {languages.map((l) => (\n                  <ListItem\n                    key={l.code}\n                    clickable\n                    selected={l.code === language}\n                    onClick={() => setLanguage(l.code)}\n                    icon={<Flag code={l.code} />}\n                  >\n                    {l.label ?? l.code}\n                  </ListItem>\n                ))}\n              </Dropdown>\n            ) : null}\n            {showSettings ? (\n              <IconButton\n                aria-label={t('settings.label')}\n                variant=\"text\"\n                size=\"sm\"\n                className={styles.settings}\n                onClick={() => setSettingsOpen(true)}\n              >\n                <Icon name=\"Setting5\" />\n              </IconButton>\n            ) : null}\n            {onLogout ? (\n              <Dropdown\n                placement=\"bottom-end\"\n                style={{ minWidth: 230 }}\n                trigger={\n                  <button type=\"button\" className={styles.account} aria-label={t('account.label')}>\n                    <Avatar size=\"md\" name={user?.name} src={user?.avatar} color=\"primary\" />\n                  </button>\n                }\n              >\n                {user ? (\n                  <>\n                    <Row gap={8} align=\"center\" padding=\"var(--tz-space-xxs) var(--tz-space-xs)\">\n                      <Avatar size=\"md\" name={user.name} src={user.avatar} color=\"primary\" />\n                      <Col gap={2}>\n                        {/* name, or a \"Welcome\" greeting fallback when no name is given */}\n                        <Typography variant=\"body\">{user.name ?? t('userCard.welcome')}</Typography>\n                        {user.email ? (\n                          <Typography variant=\"bodySmall\" color=\"muted\">\n                            {user.email}\n                          </Typography>\n                        ) : null}\n                      </Col>\n                    </Row>\n                    <Divider />\n                  </>\n                ) : null}\n                {/* app-supplied items (e.g. \"Account\"), between the user block and Sign out */}\n                {accountMenu.map((item, i) => (\n                  <ListItem\n                    key={i}\n                    icon={item.icon ? <Icon name={item.icon} color={item.color} /> : undefined}\n                    color={item.color}\n                    clickable\n                    disabled={item.disabled}\n                    onClick={item.onClick}\n                  >\n                    {item.label}\n                  </ListItem>\n                ))}\n                {/* keep the destructive Sign out visually separated from the custom items */}\n                {accountMenu.length > 0 ? <Divider /> : null}\n                <ListItem icon={<Icon name=\"Logout2\" color=\"error\" />} clickable onClick={onLogout}>\n                  {t('userCard.signOut')}\n                </ListItem>\n              </Dropdown>\n            ) : null}\n          </div>\n        </header>\n        <main className={styles.content}>\n          {showBreadcrumbs && !isNotFound ? <Breadcrumbs /> : null}\n          {showPageTitle && !isNotFound && (title || onBack) ? (\n            <div className={styles.pageTitleRow}>\n              {onBack ? (\n                <IconButton\n                  aria-label={t('pageTitle.back')}\n                  variant=\"filled\"\n                  color=\"accent\"\n                  className={styles.backButton}\n                  onClick={onBack}\n                  size=\"sm\"\n                >\n                  <Icon name=\"ArrowLeft\" />\n                </IconButton>\n              ) : null}\n              {title ? (\n                <Typography variant=\"h2\" className={styles.pageTitle}>\n                  {title}\n                </Typography>\n              ) : null}\n              {/* right-aligned page actions from the route's `staticData.actions` */}\n              {pageActions.length > 0 ? (\n                <div className={styles.pageActions}>\n                  <ActionSet actions={pageActions} />\n                </div>\n              ) : null}\n            </div>\n          ) : null}\n          {children}\n        </main>\n      </div>\n      {toaster !== false && <Toaster {...toasterProps} />}\n      {showSettings ? (\n        <SettingsDrawer\n          open={settingsOpen}\n          onClose={() => setSettingsOpen(false)}\n          showTheme={showTheme}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"names":["ALT_SWATCHES","SettingsDrawer","open","onClose","showTheme","mode","setMode","accentColors","defaultAccentColors","setAccentColor","headerSticky","setHeaderSticky","fontFamily","setFontFamily","shape","setShape","useTheme","t","useT","fontQuery","setFontQuery","useState","q","base","DEFAULT_FONT_FAMILY","fontOptions","f","picker","label","def","colors","c","jsx","SwatchPicker","color","jsxs","Modal","Fragment","Typography","ChoiceCardGroup","v","Divider","Col","Select","iconNode","icon","Icon","speedDialIcon","a","styles","ActionSet","actions","isXs","useMediaQuery","SpeedDial","i","Button","RootLayout","logo","sidebarFooter","header","toaster","children","title","usePageTitle","onBack","usePageBack","language","setLanguage","languages","useLanguage","h","useHeaderConfig","showFullscreen","showSettings","showSearch","showLanguages","showBreadcrumbs","toasterProps","showPageTitle","onLogout","user","accountMenu","isNarrow","collapsed","setCollapsed","useEffect","useLockBodyScroll","pathname","useRouterState","s","isNotFound","m","settingsOpen","setSettingsOpen","navigate","useNavigate","pageActions","useLeafActions","clsx","IconButton","NavSearch","Sidebar","FullscreenToggle","ThemeToggle","Dropdown","l","ListItem","Flag","Avatar","Row","item","Breadcrumbs","Toaster"],"mappings":"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"}

package/dist/{Select-CVy5BnKe.cjs → Select-7vEGJCvA.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("react"),M=require("clsx"),Te=require("./formContext-bTWrqdEV.cjs"),De=require("./FloatingPanel-U6sGYiSK.cjs"),Le=require("./names-BJnFU_5m.cjs"),T=require("./Icon-BVULqOJD.cjs"),Ce=require("./List-ChXO0Hz-.cjs"),Ee=require("./ListItem-yXXjtepZ.cjs"),Se=require("./Loader-CxLrhAz9.cjs"),O=require("./Typography-BFatE1_A.cjs"),Re=require("./ConfigProvider-CUG8Mfy2.cjs"),Me="_field_17o9l_1",Oe="_fullWidth_17o9l_7",Pe="_label_17o9l_13",Ae="_required_17o9l_22",Be="_control_17o9l_28",Ke="_open_17o9l_47",We="_error_17o9l_52",Fe="_disabled_17o9l_60",Ve="_value_17o9l_70",$e="_valueIcon_17o9l_78",He="_valueLabel_17o9l_82",Qe="_placeholder_17o9l_87",ze="_clear_17o9l_92",Ue="_chevron_17o9l_111",Ge="_sm_17o9l_121",Je="_md_17o9l_125",Xe="_lg_17o9l_129",Ye="_helper_17o9l_134",Ze="_popover_17o9l_139",el="_search_17o9l_147",ll="_searchIcon_17o9l_156",sl="_searchInput_17o9l_160",ol="_listbox_17o9l_176",rl="_active_17o9l_184",tl="_noOptions_17o9l_188",nl="_loading_17o9l_194",o={field:Me,fullWidth:Oe,label:Pe,required:Ae,control:Be,open:Ke,error:We,disabled:Fe,value:Ve,valueIcon:$e,valueLabel:He,placeholder:Qe,clear:ze,chevron:Ue,sm:Ge,md:Je,lg:Xe,helper:Ye,popover:Ze,search:el,searchIcon:ll,searchInput:sl,listbox:ol,active:rl,noOptions:tl,loading:nl},al=new Set(Le.ICON_NAMES);function cl(m,h){return m==null?null:typeof m=="string"&&al.has(m)?s.jsx(T.Icon,{name:m,size:h}):m}const il=n.forwardRef(function({label:h,options:D,size:y="md",error:te,helperText:ne,required:Q=!1,fullWidth:ae=!0,disabled:p=!1,value:P,defaultValue:ce,onChange:A,placeholder:ie,clearable:ue=!0,searchable:u=!1,searchPlaceholder:de,onSearchChange:g,loading:fe=!1,loadingText:pe,noOptionsText:L,showSelectedTick:_e=!0,name:v,id:me,className:he,style:ve},j){const be=n.useId(),w=me??be,B=`${w}-label`,K=`${w}-listbox`,z=`${w}-helper`,W=e=>`${w}-opt-${e}`,N=Re.useT(),U=de??N("common.search"),C=Te.useFormContext(),E=!!(C&&v),c=E?C.field(v):void 0,xe=P!==void 0?P:E?C.values[v]??"":void 0,G=P!==void 0||E,[Ie,ye]=n.useState(ce??""),S=G?xe:Ie,F=te??(c==null?void 0:c.error)??!1,V=ne??(c==null?void 0:c.helperText),_=D.find(e=>e.value===S),ge=_!=null,J=e=>{G||ye(e),E&&C.setValue(v,e),A==null||A(e)},b=n.useRef(null),X=n.useRef(null),$=n.useRef({buffer:"",timer:0}),R=n.useRef(void 0);R.current=c?()=>c.onBlur({}):void 0;const[r,Y]=n.useState(!1),[x,Z]=n.useState(""),[d,i]=n.useState(-1),je=n.useCallback(e=>{b.current=e,typeof j=="function"?j(e):j&&(j.current=e)},[j]),a=n.useMemo(()=>{if(!u||g||!x.trim())return D;const e=x.trim().toLowerCase();return D.filter(l=>l.label.toLowerCase().includes(e))},[u,g,x,D]),I=n.useCallback((e,l)=>{let t=e;for(;t>=0&&t<a.length;){if(!a[t].disabled)return t;t+=l}return-1},[a]),ee=n.useRef(null),k=n.useCallback(e=>{var l,t;Y(!1),Z(""),window.clearTimeout($.current.timer),$.current.buffer="",(l=R.current)==null||l.call(R),e&&((t=b.current)==null||t.focus())},[]);n.useEffect(()=>{if(!r)return;const e=a.findIndex(l=>l.value===S);i(e>=0&&!a[e].disabled?e:I(0,1)),u&&requestAnimationFrame(()=>{var l;return(l=X.current)==null?void 0:l.focus()})},[r]),n.useEffect(()=>{var e,l;!r||d<0||(l=(e=document.getElementById(W(d)))==null?void 0:e.scrollIntoView)==null||l.call(e,{block:"nearest"})},[r,d]),n.useEffect(()=>{r&&u&&i(I(0,1))},[x]),n.useEffect(()=>{r&&i(e=>e<a.length?e:I(0,1))},[a.length]);const q=()=>{p||Y(!0)},H=e=>{!e||e.disabled||(J(e.value),k(!0))},le=e=>{i(l=>{const t=l<0?e>0?0:a.length-1:l+e,f=I(t,e);return f===-1?l:f})},we=e=>{const l=$.current;window.clearTimeout(l.timer),l.buffer+=e.toLowerCase(),l.timer=window.setTimeout(()=>l.buffer="",500);const t=a.findIndex(f=>!f.disabled&&f.label.toLowerCase().startsWith(l.buffer));t>=0&&i(t)},se=e=>{if(!p)switch(e.key){case"ArrowDown":e.preventDefault(),r?le(1):q();break;case"ArrowUp":e.preventDefault(),r?le(-1):q();break;case"Enter":e.preventDefault(),r?H(a[d]):q();break;case" ":r?u||(e.preventDefault(),H(a[d])):(e.preventDefault(),q());break;case"Escape":r&&(e.preventDefault(),e.stopPropagation(),k(!0));break;case"Tab":r&&k(!0);break;case"Home":r&&(e.preventDefault(),i(I(0,1)));break;case"End":r&&(e.preventDefault(),i(I(a.length-1,-1)));break;default:!u&&r&&e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&we(e.key)}},Ne=e=>{var t,f;const l=e.relatedTarget;l&&((t=ee.current)!=null&&t.contains(l)||(f=b.current)!=null&&f.contains(l))||c==null||c.onBlur(e)},ke=e=>{var l;e.stopPropagation(),J(""),(l=b.current)==null||l.focus()},oe=r&&d>=0?W(d):void 0,qe=y==="sm"?"sm":"md",re=y==="sm"?16:y==="md"?14:12;return s.jsxs("div",{className:M.clsx(o.field,o[y],ae&&o.fullWidth,F&&o.error,p&&o.disabled,he),style:ve,children:[h!=null&&s.jsxs("span",{id:B,className:o.label,onClick:()=>{var e;return!p&&((e=b.current)==null?void 0:e.focus())},children:[s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:h}),Q&&s.jsx("span",{className:o.required,"aria-hidden":"true",children:"*"})]}),s.jsxs("div",{ref:je,id:w,...v?{name:v}:{},role:"combobox",tabIndex:p?-1:0,"aria-haspopup":"listbox","aria-expanded":r,"aria-controls":r?K:void 0,"aria-activedescendant":u?void 0:oe,"aria-labelledby":h!=null?B:void 0,"aria-disabled":p||void 0,"aria-required":Q||void 0,"aria-invalid":F||void 0,"aria-describedby":V!=null?z:void 0,className:M.clsx(o.control,r&&o.open),onClick:()=>r?k(!1):q(),onKeyDown:se,onBlur:Ne,children:[s.jsxs("span",{className:M.clsx(o.value,!ge&&o.placeholder),children:[(_==null?void 0:_.icon)!=null&&s.jsx("span",{className:o.valueIcon,children:cl(_.icon,qe)}),s.jsx("span",{className:o.valueLabel,children:_?_.label:ie??N("select.placeholder")})]}),ue&&S!==""&&!p&&s.jsx("button",{type:"button",className:o.clear,"aria-label":N("select.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:ke,children:s.jsx(T.Icon,{name:"CloseCircle",size:"sm"})}),s.jsx(T.Icon,{name:"ArrowDown4",className:o.chevron,style:{width:re,height:re},"aria-hidden":"true"})]}),s.jsxs(De.FloatingPanel,{ref:ee,open:r,triggerRef:b,onClose:k,matchTriggerWidth:!0,className:o.popover,children:[u&&s.jsxs("div",{className:o.search,children:[s.jsx(T.Icon,{name:"SearchNormal",size:"sm",className:o.searchIcon,"aria-hidden":"true"}),s.jsx("input",{ref:X,className:o.searchInput,type:"text",role:"combobox","aria-expanded":"true","aria-controls":K,"aria-activedescendant":oe,"aria-autocomplete":"list","aria-label":U,placeholder:U,value:x,spellCheck:!1,onChange:e=>{Z(e.target.value),g==null||g(e.target.value)},onKeyDown:se})]}),s.jsx(Ce.List,{role:"listbox",id:K,"aria-labelledby":h!=null?B:void 0,size:y,className:o.listbox,onMouseLeave:()=>i(-1),children:fe?s.jsxs("div",{className:o.loading,children:[s.jsx(Se.Loader,{size:"sm"}),s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:pe??N("common.loading")})]}):a.length===0?s.jsx("div",{className:o.noOptions,children:s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:L==null?N("select.noOptions"):typeof L=="function"?L(x):L})}):a.map((e,l)=>{const t=e.value===S;return s.jsx(Ee.ListItem,{id:W(l),role:"option",tabIndex:-1,"aria-selected":t,"aria-current":void 0,clickable:!0,selected:t,disabled:e.disabled,icon:e.icon,className:M.clsx(l===d&&o.active),trailing:t&&_e?s.jsx(T.Icon,{name:"TickCircle",size:"sm"}):void 0,onMouseEnter:()=>!e.disabled&&i(l),onClick:()=>H(e),children:e.label},e.value)})})]}),V!=null&&s.jsx(O.Typography,{as:"span",id:z,variant:"bodySmall",color:F?"error":"muted",className:o.helper,children:V})]})});exports.Select=il;
-//# sourceMappingURL=Select-CVy5BnKe.cjs.map
+"use strict";const s=require("react/jsx-runtime"),n=require("react"),M=require("clsx"),Te=require("./formContext-bTWrqdEV.cjs"),De=require("./FloatingPanel-U6sGYiSK.cjs"),Le=require("./names-BJnFU_5m.cjs"),T=require("./Icon-BVULqOJD.cjs"),Ce=require("./List-ChXO0Hz-.cjs"),Ee=require("./ListItem-yXXjtepZ.cjs"),Se=require("./Loader-B5YqzEYy.cjs"),O=require("./Typography-BFatE1_A.cjs"),Re=require("./ConfigProvider-Bszl3Wr3.cjs"),Me="_field_17o9l_1",Oe="_fullWidth_17o9l_7",Pe="_label_17o9l_13",Ae="_required_17o9l_22",Be="_control_17o9l_28",Ke="_open_17o9l_47",We="_error_17o9l_52",Fe="_disabled_17o9l_60",Ve="_value_17o9l_70",$e="_valueIcon_17o9l_78",He="_valueLabel_17o9l_82",Qe="_placeholder_17o9l_87",ze="_clear_17o9l_92",Ue="_chevron_17o9l_111",Ge="_sm_17o9l_121",Je="_md_17o9l_125",Xe="_lg_17o9l_129",Ye="_helper_17o9l_134",Ze="_popover_17o9l_139",el="_search_17o9l_147",ll="_searchIcon_17o9l_156",sl="_searchInput_17o9l_160",ol="_listbox_17o9l_176",rl="_active_17o9l_184",tl="_noOptions_17o9l_188",nl="_loading_17o9l_194",o={field:Me,fullWidth:Oe,label:Pe,required:Ae,control:Be,open:Ke,error:We,disabled:Fe,value:Ve,valueIcon:$e,valueLabel:He,placeholder:Qe,clear:ze,chevron:Ue,sm:Ge,md:Je,lg:Xe,helper:Ye,popover:Ze,search:el,searchIcon:ll,searchInput:sl,listbox:ol,active:rl,noOptions:tl,loading:nl},al=new Set(Le.ICON_NAMES);function cl(m,h){return m==null?null:typeof m=="string"&&al.has(m)?s.jsx(T.Icon,{name:m,size:h}):m}const il=n.forwardRef(function({label:h,options:D,size:y="md",error:te,helperText:ne,required:Q=!1,fullWidth:ae=!0,disabled:p=!1,value:P,defaultValue:ce,onChange:A,placeholder:ie,clearable:ue=!0,searchable:u=!1,searchPlaceholder:de,onSearchChange:g,loading:fe=!1,loadingText:pe,noOptionsText:L,showSelectedTick:_e=!0,name:v,id:me,className:he,style:ve},j){const be=n.useId(),w=me??be,B=`${w}-label`,K=`${w}-listbox`,z=`${w}-helper`,W=e=>`${w}-opt-${e}`,N=Re.useT(),U=de??N("common.search"),C=Te.useFormContext(),E=!!(C&&v),c=E?C.field(v):void 0,xe=P!==void 0?P:E?C.values[v]??"":void 0,G=P!==void 0||E,[Ie,ye]=n.useState(ce??""),S=G?xe:Ie,F=te??(c==null?void 0:c.error)??!1,V=ne??(c==null?void 0:c.helperText),_=D.find(e=>e.value===S),ge=_!=null,J=e=>{G||ye(e),E&&C.setValue(v,e),A==null||A(e)},b=n.useRef(null),X=n.useRef(null),$=n.useRef({buffer:"",timer:0}),R=n.useRef(void 0);R.current=c?()=>c.onBlur({}):void 0;const[r,Y]=n.useState(!1),[x,Z]=n.useState(""),[d,i]=n.useState(-1),je=n.useCallback(e=>{b.current=e,typeof j=="function"?j(e):j&&(j.current=e)},[j]),a=n.useMemo(()=>{if(!u||g||!x.trim())return D;const e=x.trim().toLowerCase();return D.filter(l=>l.label.toLowerCase().includes(e))},[u,g,x,D]),I=n.useCallback((e,l)=>{let t=e;for(;t>=0&&t<a.length;){if(!a[t].disabled)return t;t+=l}return-1},[a]),ee=n.useRef(null),k=n.useCallback(e=>{var l,t;Y(!1),Z(""),window.clearTimeout($.current.timer),$.current.buffer="",(l=R.current)==null||l.call(R),e&&((t=b.current)==null||t.focus())},[]);n.useEffect(()=>{if(!r)return;const e=a.findIndex(l=>l.value===S);i(e>=0&&!a[e].disabled?e:I(0,1)),u&&requestAnimationFrame(()=>{var l;return(l=X.current)==null?void 0:l.focus()})},[r]),n.useEffect(()=>{var e,l;!r||d<0||(l=(e=document.getElementById(W(d)))==null?void 0:e.scrollIntoView)==null||l.call(e,{block:"nearest"})},[r,d]),n.useEffect(()=>{r&&u&&i(I(0,1))},[x]),n.useEffect(()=>{r&&i(e=>e<a.length?e:I(0,1))},[a.length]);const q=()=>{p||Y(!0)},H=e=>{!e||e.disabled||(J(e.value),k(!0))},le=e=>{i(l=>{const t=l<0?e>0?0:a.length-1:l+e,f=I(t,e);return f===-1?l:f})},we=e=>{const l=$.current;window.clearTimeout(l.timer),l.buffer+=e.toLowerCase(),l.timer=window.setTimeout(()=>l.buffer="",500);const t=a.findIndex(f=>!f.disabled&&f.label.toLowerCase().startsWith(l.buffer));t>=0&&i(t)},se=e=>{if(!p)switch(e.key){case"ArrowDown":e.preventDefault(),r?le(1):q();break;case"ArrowUp":e.preventDefault(),r?le(-1):q();break;case"Enter":e.preventDefault(),r?H(a[d]):q();break;case" ":r?u||(e.preventDefault(),H(a[d])):(e.preventDefault(),q());break;case"Escape":r&&(e.preventDefault(),e.stopPropagation(),k(!0));break;case"Tab":r&&k(!0);break;case"Home":r&&(e.preventDefault(),i(I(0,1)));break;case"End":r&&(e.preventDefault(),i(I(a.length-1,-1)));break;default:!u&&r&&e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&we(e.key)}},Ne=e=>{var t,f;const l=e.relatedTarget;l&&((t=ee.current)!=null&&t.contains(l)||(f=b.current)!=null&&f.contains(l))||c==null||c.onBlur(e)},ke=e=>{var l;e.stopPropagation(),J(""),(l=b.current)==null||l.focus()},oe=r&&d>=0?W(d):void 0,qe=y==="sm"?"sm":"md",re=y==="sm"?16:y==="md"?14:12;return s.jsxs("div",{className:M.clsx(o.field,o[y],ae&&o.fullWidth,F&&o.error,p&&o.disabled,he),style:ve,children:[h!=null&&s.jsxs("span",{id:B,className:o.label,onClick:()=>{var e;return!p&&((e=b.current)==null?void 0:e.focus())},children:[s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:h}),Q&&s.jsx("span",{className:o.required,"aria-hidden":"true",children:"*"})]}),s.jsxs("div",{ref:je,id:w,...v?{name:v}:{},role:"combobox",tabIndex:p?-1:0,"aria-haspopup":"listbox","aria-expanded":r,"aria-controls":r?K:void 0,"aria-activedescendant":u?void 0:oe,"aria-labelledby":h!=null?B:void 0,"aria-disabled":p||void 0,"aria-required":Q||void 0,"aria-invalid":F||void 0,"aria-describedby":V!=null?z:void 0,className:M.clsx(o.control,r&&o.open),onClick:()=>r?k(!1):q(),onKeyDown:se,onBlur:Ne,children:[s.jsxs("span",{className:M.clsx(o.value,!ge&&o.placeholder),children:[(_==null?void 0:_.icon)!=null&&s.jsx("span",{className:o.valueIcon,children:cl(_.icon,qe)}),s.jsx("span",{className:o.valueLabel,children:_?_.label:ie??N("select.placeholder")})]}),ue&&S!==""&&!p&&s.jsx("button",{type:"button",className:o.clear,"aria-label":N("select.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:ke,children:s.jsx(T.Icon,{name:"CloseCircle",size:"sm"})}),s.jsx(T.Icon,{name:"ArrowDown4",className:o.chevron,style:{width:re,height:re},"aria-hidden":"true"})]}),s.jsxs(De.FloatingPanel,{ref:ee,open:r,triggerRef:b,onClose:k,matchTriggerWidth:!0,className:o.popover,children:[u&&s.jsxs("div",{className:o.search,children:[s.jsx(T.Icon,{name:"SearchNormal",size:"sm",className:o.searchIcon,"aria-hidden":"true"}),s.jsx("input",{ref:X,className:o.searchInput,type:"text",role:"combobox","aria-expanded":"true","aria-controls":K,"aria-activedescendant":oe,"aria-autocomplete":"list","aria-label":U,placeholder:U,value:x,spellCheck:!1,onChange:e=>{Z(e.target.value),g==null||g(e.target.value)},onKeyDown:se})]}),s.jsx(Ce.List,{role:"listbox",id:K,"aria-labelledby":h!=null?B:void 0,size:y,className:o.listbox,onMouseLeave:()=>i(-1),children:fe?s.jsxs("div",{className:o.loading,children:[s.jsx(Se.Loader,{size:"sm"}),s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:pe??N("common.loading")})]}):a.length===0?s.jsx("div",{className:o.noOptions,children:s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:L==null?N("select.noOptions"):typeof L=="function"?L(x):L})}):a.map((e,l)=>{const t=e.value===S;return s.jsx(Ee.ListItem,{id:W(l),role:"option",tabIndex:-1,"aria-selected":t,"aria-current":void 0,clickable:!0,selected:t,disabled:e.disabled,icon:e.icon,className:M.clsx(l===d&&o.active),trailing:t&&_e?s.jsx(T.Icon,{name:"TickCircle",size:"sm"}):void 0,onMouseEnter:()=>!e.disabled&&i(l),onClick:()=>H(e),children:e.label},e.value)})})]}),V!=null&&s.jsx(O.Typography,{as:"span",id:z,variant:"bodySmall",color:F?"error":"muted",className:o.helper,children:V})]})});exports.Select=il;
+//# sourceMappingURL=Select-7vEGJCvA.cjs.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"Select-7vEGJCvA.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":"+xCAyBMA,GAAgB,IAAI,IAAYC,aAAU,EAiBhD,SAASC,GAAWC,EAA4BC,EAA8B,CAC5E,OAAID,GAAQ,KAAa,KACrB,OAAOA,GAAS,UAAYH,GAAc,IAAIG,CAAI,EAC7CE,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMH,EAAkB,KAAAC,CAAA,CAAY,EAC5CD,CACT,CAyEO,MAAMI,GAASC,EAAAA,WAAwC,SAC5D,CACE,MAAAC,EACA,QAAAC,EACA,KAAAN,EAAO,KACP,MAAAO,GACA,WAAAC,GACA,SAAAC,EAAW,GACX,UAAAC,GAAY,GACZ,SAAAC,EAAW,GACX,MAAAC,EACA,aAAAC,GACA,SAAAC,EACA,YAAAC,GACA,UAAAC,GAAY,GACZ,WAAAC,EAAa,GACb,kBAAAC,GACA,eAAAC,EACA,QAAAC,GAAU,GACV,YAAAC,GACA,cAAAC,EACA,iBAAAC,GAAmB,GACnB,KAAAC,EACA,GAAIC,GACJ,UAAAC,GACA,MAAAC,EACF,EACAC,EACA,CACA,MAAMC,GAAUC,EAAAA,MAAA,EACVC,EAAKN,IAAUI,GACfG,EAAU,GAAGD,CAAE,SACfE,EAAY,GAAGF,CAAE,WACjBG,EAAW,GAAGH,CAAE,UAChBI,EAAYC,GAAkB,GAAGL,CAAE,QAAQK,CAAK,GAEhDC,EAAIC,GAAAA,KAAA,EACJC,EAAWrB,IAAqBmB,EAAE,eAAe,EAGjDG,EAAOC,GAAAA,eAAA,EACPC,EAAc,GAAQF,GAAQhB,GAC9BmB,EAAQD,EAAcF,EAAM,MAAMhB,CAAK,EAAI,OAC3CoB,GACJhC,IAAU,OACNA,EACA8B,EACIF,EAAM,OAAOhB,CAAK,GAA4B,GAChD,OACFqB,EAAejC,IAAU,QAAa8B,EACtC,CAACI,GAAUC,EAAW,EAAIC,EAAAA,SAAiBnC,IAAgB,EAAE,EAC7DoC,EAAeJ,EAAeD,GAAiBE,GAE/CI,EAAgB3C,KAASoC,GAAA,YAAAA,EAAO,QAAS,GACzCQ,EAAqB3C,KAAcmC,GAAA,YAAAA,EAAO,YAE1CS,EAAW9C,EAAQ,KAAM+C,GAAMA,EAAE,QAAUJ,CAAY,EACvDK,GAAWF,GAAY,KAEvBG,EAAUC,GAAiB,CAC1BX,GAAcE,GAAYS,CAAI,EAC/Bd,GAAaF,EAAM,SAAShB,EAAOgC,CAAI,EAC3C1C,GAAA,MAAAA,EAAW0C,EACb,EAGMC,EAAaC,EAAAA,OAA8B,IAAI,EAC/CC,EAAiBD,EAAAA,OAAgC,IAAI,EACrDE,EAAYF,EAAAA,OAAO,CAAE,OAAQ,GAAI,MAAO,EAAG,EAE3CG,EAAYH,EAAAA,OAAiC,MAAS,EAC5DG,EAAU,QAAUlB,EAAQ,IAAMA,EAAM,OAAO,CAAA,CAAkC,EAAI,OACrF,KAAM,CAACmB,EAAMC,CAAO,EAAIf,EAAAA,SAAS,EAAK,EAChC,CAACgB,EAAaC,CAAc,EAAIjB,EAAAA,SAAS,EAAE,EAC3C,CAACkB,EAAkBC,CAAmB,EAAInB,EAAAA,SAAS,EAAE,EAErDoB,GAAgBC,EAAAA,YACnBC,GAAgC,CAC/Bb,EAAW,QAAUa,EACjB,OAAO1C,GAAQ,WAAYA,EAAI0C,CAAI,EAC9B1C,IAAMA,EAA2C,QAAU0C,EACtE,EACA,CAAC1C,CAAG,CAAA,EAKA2C,EAAkBC,EAAAA,QAAQ,IAAM,CACpC,GAAI,CAACvD,GAAcE,GAAkB,CAAC6C,EAAY,KAAA,EAAQ,OAAO1D,EACjE,MAAMmE,EAAIT,EAAY,KAAA,EAAO,YAAA,EAC7B,OAAO1D,EAAQ,OAAQ+C,GAAMA,EAAE,MAAM,YAAA,EAAc,SAASoB,CAAC,CAAC,CAChE,EAAG,CAACxD,EAAYE,EAAgB6C,EAAa1D,CAAO,CAAC,EAE/CoE,EAAcL,EAAAA,YAClB,CAACM,EAAeC,IAAkB,CAChC,IAAIC,EAAIF,EACR,KAAOE,GAAK,GAAKA,EAAIN,EAAgB,QAAQ,CAC3C,GAAI,CAACA,EAAgBM,CAAC,EAAE,SAAU,OAAOA,EACzCA,GAAKD,CACP,CACA,MAAO,EACT,EACA,CAACL,CAAe,CAAA,EAIZO,GAAapB,EAAAA,OAA8B,IAAI,EAG/CqB,EAAYV,cAAaW,GAAqB,SAClDjB,EAAQ,EAAK,EACbE,EAAe,EAAE,EACjB,OAAO,aAAaL,EAAU,QAAQ,KAAK,EAC3CA,EAAU,QAAQ,OAAS,IAC3BqB,EAAApB,EAAU,UAAV,MAAAoB,EAAA,KAAApB,GACImB,KAASE,EAAAzB,EAAW,UAAX,MAAAyB,EAAoB,QACnC,EAAG,CAAA,CAAE,EAGLC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACrB,EAAM,OACX,MAAMsB,EAASb,EAAgB,UAAWlB,GAAMA,EAAE,QAAUJ,CAAY,EACxEkB,EACEiB,GAAU,GAAK,CAACb,EAAgBa,CAAM,EAAE,SAAWA,EAASV,EAAY,EAAG,CAAC,CAAA,EAE1EzD,GAAY,sBAAsB,IAAA,OAAM,OAAAgE,EAAAtB,EAAe,UAAf,YAAAsB,EAAwB,QAAO,CAE7E,EAAG,CAACnB,CAAI,CAAC,EAGTqB,EAAAA,UAAU,IAAM,SACV,CAACrB,GAAQI,EAAmB,IAChCgB,GAAAD,EAAA,SAAS,eAAe9C,EAAS+B,CAAgB,CAAC,IAAlD,YAAAe,EAAqD,iBAArD,MAAAC,EAAA,KAAAD,EAAsE,CAAE,MAAO,WAEjF,EAAG,CAACnB,EAAMI,CAAgB,CAAC,EAG3BiB,EAAAA,UAAU,IAAM,CACVrB,GAAQ7C,GAAYkD,EAAoBO,EAAY,EAAG,CAAC,CAAC,CAE/D,EAAG,CAACV,CAAW,CAAC,EAGhBmB,EAAAA,UAAU,IAAM,CACVrB,GAAMK,EAAqBU,GAAOA,EAAIN,EAAgB,OAASM,EAAIH,EAAY,EAAG,CAAC,CAAE,CAE3F,EAAG,CAACH,EAAgB,MAAM,CAAC,EAE3B,MAAMc,EAAW,IAAM,CAChB1E,GAAUoD,EAAQ,EAAI,CAC7B,EACMuB,EAAgBC,GAAkC,CAClD,CAACA,GAAOA,EAAI,WAChBhC,EAAOgC,EAAI,KAAK,EAChBR,EAAU,EAAI,EAChB,EACMS,GAAiBZ,GAAkB,CACvCT,EAAqBsB,GAAQ,CAC3B,MAAMd,EAAQc,EAAM,EAAKb,EAAQ,EAAI,EAAIL,EAAgB,OAAS,EAAKkB,EAAMb,EACvEc,EAAQhB,EAAYC,EAAOC,CAAK,EACtC,OAAOc,IAAU,GAAKD,EAAMC,CAC9B,CAAC,CACH,EAGMC,GAAmBC,GAAiB,CACxC,MAAMvD,EAAIuB,EAAU,QACpB,OAAO,aAAavB,EAAE,KAAK,EAC3BA,EAAE,QAAUuD,EAAK,YAAA,EACjBvD,EAAE,MAAQ,OAAO,WAAW,IAAOA,EAAE,OAAS,GAAK,GAAG,EACtD,MAAMwD,EAAQtB,EAAgB,UAC3BlB,GAAM,CAACA,EAAE,UAAYA,EAAE,MAAM,YAAA,EAAc,WAAWhB,EAAE,MAAM,CAAA,EAE7DwD,GAAS,GAAG1B,EAAoB0B,CAAK,CAC3C,EAEMC,GAAiBC,GAA8B,CACnD,GAAI,CAAApF,EACJ,OAAQoF,EAAM,IAAA,CACZ,IAAK,YACHA,EAAM,eAAA,EACNjC,EAAO0B,GAAc,CAAC,EAAIH,EAAA,EAC1B,MACF,IAAK,UACHU,EAAM,eAAA,EACNjC,EAAO0B,GAAc,EAAE,EAAIH,EAAA,EAC3B,MACF,IAAK,QACHU,EAAM,eAAA,EACDjC,EACAwB,EAAaf,EAAgBL,CAAgB,CAAC,EADxCmB,EAAA,EAEX,MACF,IAAK,IAGEvB,EAGO7C,IACV8E,EAAM,eAAA,EACNT,EAAaf,EAAgBL,CAAgB,CAAC,IAJ9C6B,EAAM,eAAA,EACNV,EAAA,GAKF,MACF,IAAK,SACCvB,IACFiC,EAAM,eAAA,EACNA,EAAM,gBAAA,EACNhB,EAAU,EAAI,GAEhB,MACF,IAAK,MAGCjB,KAAgB,EAAI,EACxB,MACF,IAAK,OACCA,IACFiC,EAAM,eAAA,EACN5B,EAAoBO,EAAY,EAAG,CAAC,CAAC,GAEvC,MACF,IAAK,MACCZ,IACFiC,EAAM,eAAA,EACN5B,EAAoBO,EAAYH,EAAgB,OAAS,EAAG,EAAE,CAAC,GAEjE,MACF,QAEI,CAACtD,GACD6C,GACAiC,EAAM,IAAI,SAAW,GACrB,CAACA,EAAM,SACP,CAACA,EAAM,SACP,CAACA,EAAM,QAEPJ,GAAgBI,EAAM,GAAG,CAC3B,CAEN,EAEMC,GAAqBD,GAAsC,SAE/D,MAAMvC,EAAOuC,EAAM,cACfvC,KAASyB,EAAAH,GAAW,UAAX,MAAAG,EAAoB,SAASzB,KAAS0B,EAAAzB,EAAW,UAAX,MAAAyB,EAAoB,SAAS1B,KAChFb,GAAA,MAAAA,EAAO,OAAOoD,EAChB,EAEME,GAAeF,GAA2B,OAC9CA,EAAM,gBAAA,EACNxC,EAAO,EAAE,GACT0B,EAAAxB,EAAW,UAAX,MAAAwB,EAAoB,OACtB,EAEMiB,GAAWpC,GAAQI,GAAoB,EAAI/B,EAAS+B,CAAgB,EAAI,OACxEiC,GAAwBnG,IAAS,KAAO,KAAO,KAE/CoG,GAAYpG,IAAS,KAAO,GAAKA,IAAS,KAAO,GAAK,GAE5D,OACEqG,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KACTC,EAAO,MACPA,EAAOvG,CAAI,EACXU,IAAa6F,EAAO,UACpBrD,GAAiBqD,EAAO,MACxB5F,GAAY4F,EAAO,SACnB7E,EAAA,EAEF,MAAAC,GAEC,SAAA,CAAAtB,GAAS,MACRgG,EAAAA,KAAC,OAAA,CACC,GAAIrE,EACJ,UAAWuE,EAAO,MAClB,QAAS,IAAA,OAAM,OAAC5F,KAAYsE,EAAAxB,EAAW,UAAX,YAAAwB,EAAoB,UAEhD,SAAA,CAAAhF,EAAAA,IAACuG,EAAAA,YAAW,GAAG,OAAO,QAAQ,YAAY,MAAM,QAC7C,SAAAnG,CAAA,CACH,EACCI,SACE,OAAA,CAAK,UAAW8F,EAAO,SAAU,cAAY,OAAO,SAAA,GAAA,CAErD,CAAA,CAAA,CAAA,EAKNF,EAAAA,KAAC,MAAA,CACC,IAAKjC,GACL,GAAArC,EAEC,GAAIP,EAAO,CAAE,KAAAA,CAAA,EAAS,CAAA,EACvB,KAAK,WACL,SAAUb,EAAW,GAAK,EAC1B,gBAAc,UACd,gBAAemD,EACf,gBAAeA,EAAO7B,EAAY,OAClC,wBAAuBhB,EAAa,OAAYiF,GAChD,kBAAiB7F,GAAS,KAAO2B,EAAU,OAC3C,gBAAerB,GAAY,OAC3B,gBAAeF,GAAY,OAC3B,eAAcyC,GAAiB,OAC/B,mBAAkBC,GAAsB,KAAOjB,EAAW,OAC1D,UAAWoE,EAAAA,KAAKC,EAAO,QAASzC,GAAQyC,EAAO,IAAI,EACnD,QAAS,IAAOzC,EAAOiB,EAAU,EAAK,EAAIM,EAAA,EAC1C,UAAWS,GACX,OAAQE,GAER,SAAA,CAAAK,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,KAAKC,EAAO,MAAO,CAACjD,IAAYiD,EAAO,WAAW,EAChE,SAAA,EAAAnD,GAAA,YAAAA,EAAU,OAAQ,MACjBnD,EAAAA,IAAC,OAAA,CAAK,UAAWsG,EAAO,UAAY,SAAAzG,GAAWsD,EAAS,KAAM+C,EAAQ,CAAA,CAAE,EAE1ElG,EAAAA,IAAC,OAAA,CAAK,UAAWsG,EAAO,WACrB,SAAAnD,EAAWA,EAAS,MAASrC,IAAesB,EAAE,oBAAoB,CAAA,CACrE,CAAA,EACF,EAECrB,IAAaiC,IAAiB,IAAM,CAACtC,GACpCV,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWsG,EAAO,MAClB,aAAYlE,EAAE,cAAc,EAC5B,SAAU,GACV,YAAc,GAAM,EAAE,eAAA,EACtB,QAAS4D,GAET,SAAAhG,EAAAA,IAACC,OAAA,CAAK,KAAK,cAAc,KAAK,IAAA,CAAK,CAAA,CAAA,EAIvCD,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,aACL,UAAWqG,EAAO,QAClB,MAAO,CAAE,MAAOH,GAAW,OAAQA,EAAA,EACnC,cAAY,MAAA,CAAA,CACd,CAAA,CAAA,EAGFC,EAAAA,KAACI,GAAAA,cAAA,CACC,IAAK3B,GACL,KAAAhB,EACA,WAAAL,EACA,QAASsB,EACT,kBAAiB,GACjB,UAAWwB,EAAO,QAEjB,SAAA,CAAAtF,GACCoF,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,OACrB,SAAA,CAAAtG,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,eAAe,KAAK,KAAK,UAAWqG,EAAO,WAAY,cAAY,MAAA,CAAO,EACrFtG,EAAAA,IAAC,QAAA,CACC,IAAK0D,EACL,UAAW4C,EAAO,YAClB,KAAK,OACL,KAAK,WACL,gBAAc,OACd,gBAAetE,EACf,wBAAuBiE,GACvB,oBAAkB,OAClB,aAAY3D,EACZ,YAAaA,EACb,MAAOyB,EACP,WAAY,GACZ,SAAW,GAAM,CACfC,EAAe,EAAE,OAAO,KAAK,EAC7B9C,GAAA,MAAAA,EAAiB,EAAE,OAAO,MAC5B,EACA,UAAW2E,EAAA,CAAA,CACb,EACF,EAIF7F,EAAAA,IAACyG,GAAAA,KAAA,CACC,KAAK,UACL,GAAIzE,EACJ,kBAAiB5B,GAAS,KAAO2B,EAAU,OAC3C,KAAAhC,EACA,UAAWuG,EAAO,QAElB,aAAc,IAAMpC,EAAoB,EAAE,EAEzC,SAAA/C,GACCiF,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,QACrB,SAAA,CAAAtG,EAAAA,IAAC0G,GAAAA,OAAA,CAAO,KAAK,IAAA,CAAK,EAClB1G,EAAAA,IAACuG,EAAAA,WAAA,CAAW,GAAG,OAAO,QAAQ,YAAY,MAAM,QAC7C,SAAAnF,IAAegB,EAAE,gBAAgB,CAAA,CACpC,CAAA,CAAA,CACF,EACEkC,EAAgB,SAAW,QAC5B,MAAA,CAAI,UAAWgC,EAAO,UACrB,eAACC,aAAA,CAAW,GAAG,OAAO,QAAQ,YAAY,MAAM,QAC7C,SAAAlF,GAAiB,KACde,EAAE,kBAAkB,EACpB,OAAOf,GAAkB,WACvBA,EAAc0C,CAAW,EACzB1C,CAAA,CACR,EACF,EAEAiD,EAAgB,IAAI,CAACgB,EAAKnD,IAAU,CAClC,MAAMwE,EAAarB,EAAI,QAAUtC,EACjC,OACEhD,EAAAA,IAAC4G,GAAAA,SAAA,CAEC,GAAI1E,EAASC,CAAK,EAClB,KAAK,SACL,SAAU,GACV,gBAAewE,EACf,eAAc,OACd,UAAS,GACT,SAAUA,EACV,SAAUrB,EAAI,SACd,KAAMA,EAAI,KACV,UAAWe,EAAAA,KAAKlE,IAAU8B,GAAoBqC,EAAO,MAAM,EAC3D,SACEK,GAAcrF,GACZtB,EAAAA,IAACC,EAAAA,MAAK,KAAK,aAAa,KAAK,IAAA,CAAK,EAChC,OAEN,aAAc,IAAM,CAACqF,EAAI,UAAYpB,EAAoB/B,CAAK,EAC9D,QAAS,IAAMkD,EAAaC,CAAG,EAE9B,SAAAA,EAAI,KAAA,EAnBAA,EAAI,KAAA,CAsBf,CAAC,CAAA,CAAA,CAEL,CAAA,CAAA,EAGDpC,GAAsB,MACrBlD,EAAAA,IAACuG,EAAAA,WAAA,CACC,GAAG,OACH,GAAItE,EACJ,QAAQ,YACR,MAAOgB,EAAgB,QAAU,QACjC,UAAWqD,EAAO,OAEjB,SAAApD,CAAA,CAAA,CACH,CAAA,CAAA,CAIR,CAAC"}

package/dist/{Select-ChT-6_bM.js → Select-CdX3Ks7y.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-DwmyJFwG.js";
+import { L as Fe } from "./Loader-BZIa8hwv.js";
 import { T as W } from "./Typography-Cta6Rg4L.js";
-import { a as Pe } from "./ConfigProvider-Blhvj6UQ.js";
+import { a as Pe } from "./ConfigProvider-DR9YMy9U.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-ChT-6_bM.js.map
+//# sourceMappingURL=Select-CdX3Ks7y.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"Select-CdX3Ks7y.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyBMA,KAAgB,IAAI,IAAYC,EAAU;AAiBhD,SAASC,GAAWC,GAA4BC,GAA8B;AAC5E,SAAID,KAAQ,OAAa,OACrB,OAAOA,KAAS,YAAYH,GAAc,IAAIG,CAAI,IAC7C,gBAAAE,EAACC,GAAA,EAAK,MAAMH,GAAkB,MAAAC,EAAA,CAAY,IAC5CD;AACT;AAyEO,MAAMI,KAASC,GAAwC,SAC5D;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAN,IAAO;AAAA,EACP,OAAAO;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,KAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,KAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC,KAAU;AAAA,EACV,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC,KAAmB;AAAA,EACnB,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,WAAAC;AAAA,EACA,OAAAC;AACF,GACAC,GACA;AACA,QAAMC,KAAUC,GAAA,GACVC,IAAKN,MAAUI,IACfG,IAAU,GAAGD,CAAE,UACfE,IAAY,GAAGF,CAAE,YACjBG,IAAW,GAAGH,CAAE,WAChBI,IAAW,CAACC,MAAkB,GAAGL,CAAE,QAAQK,CAAK,IAEhDC,IAAIC,GAAA,GACJC,IAAWrB,MAAqBmB,EAAE,eAAe,GAGjDG,IAAOC,GAAA,GACPC,IAAc,GAAQF,KAAQhB,IAC9BmB,IAAQD,IAAcF,EAAM,MAAMhB,CAAK,IAAI,QAC3CoB,KACJhC,MAAU,SACNA,IACA8B,IACIF,EAAM,OAAOhB,CAAK,KAA4B,KAChD,QACFqB,IAAejC,MAAU,UAAa8B,GACtC,CAACI,IAAUC,EAAW,IAAIC,EAAiBnC,MAAgB,EAAE,GAC7DoC,IAAeJ,IAAeD,KAAiBE,IAE/CI,IAAgB3C,OAASoC,KAAA,gBAAAA,EAAO,UAAS,IACzCQ,IAAqB3C,OAAcmC,KAAA,gBAAAA,EAAO,aAE1CS,IAAW9C,EAAQ,KAAK,CAAC+C,MAAMA,EAAE,UAAUJ,CAAY,GACvDK,KAAWF,KAAY,MAEvBG,KAAS,CAACC,MAAiB;AAC/B,IAAKX,KAAcE,GAAYS,CAAI,GAC/Bd,KAAaF,EAAM,SAAShB,GAAOgC,CAAI,GAC3C1C,KAAA,QAAAA,EAAW0C;AAAA,EACb,GAGMC,IAAaC,EAA8B,IAAI,GAC/CC,KAAiBD,EAAgC,IAAI,GACrDE,IAAYF,EAAO,EAAE,QAAQ,IAAI,OAAO,GAAG,GAE3CG,IAAYH,EAAiC,MAAS;AAC5D,EAAAG,EAAU,UAAUlB,IAAQ,MAAMA,EAAM,OAAO,CAAA,CAAkC,IAAI;AACrF,QAAM,CAACmB,GAAMC,EAAO,IAAIf,EAAS,EAAK,GAChC,CAACgB,GAAaC,EAAc,IAAIjB,EAAS,EAAE,GAC3C,CAACkB,GAAkBC,CAAmB,IAAInB,EAAS,EAAE,GAErDoB,KAAgBC;AAAA,IACpB,CAACC,MAAgC;AAC/B,MAAAb,EAAW,UAAUa,GACjB,OAAO1C,KAAQ,aAAYA,EAAI0C,CAAI,IAC9B1C,MAAMA,EAA2C,UAAU0C;AAAA,IACtE;AAAA,IACA,CAAC1C,CAAG;AAAA,EAAA,GAKA2C,IAAkBC,GAAQ,MAAM;AACpC,QAAI,CAACvD,KAAcE,KAAkB,CAAC6C,EAAY,KAAA,EAAQ,QAAO1D;AACjE,UAAMmE,IAAIT,EAAY,KAAA,EAAO,YAAA;AAC7B,WAAO1D,EAAQ,OAAO,CAAC,MAAM,EAAE,MAAM,YAAA,EAAc,SAASmE,CAAC,CAAC;AAAA,EAChE,GAAG,CAACxD,GAAYE,GAAgB6C,GAAa1D,CAAO,CAAC,GAE/CoE,IAAcL;AAAA,IAClB,CAACM,GAAeC,MAAkB;AAChC,UAAIC,IAAIF;AACR,aAAOE,KAAK,KAAKA,IAAIN,EAAgB,UAAQ;AAC3C,YAAI,CAACA,EAAgBM,CAAC,EAAE,SAAU,QAAOA;AACzC,QAAAA,KAAKD;AAAA,MACP;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAACL,CAAe;AAAA,EAAA,GAIZO,KAAapB,EAA8B,IAAI,GAG/CqB,IAAYV,EAAY,CAACW,MAAqB;;AAClD,IAAAjB,GAAQ,EAAK,GACbE,GAAe,EAAE,GACjB,OAAO,aAAaL,EAAU,QAAQ,KAAK,GAC3CA,EAAU,QAAQ,SAAS,KAC3BqB,IAAApB,EAAU,YAAV,QAAAoB,EAAA,KAAApB,IACImB,OAASE,IAAAzB,EAAW,YAAX,QAAAyB,EAAoB;AAAA,EACnC,GAAG,CAAA,CAAE;AAGL,EAAAC,EAAU,MAAM;AACd,QAAI,CAACrB,EAAM;AACX,UAAMsB,IAASb,EAAgB,UAAU,CAAC,MAAM,EAAE,UAAUtB,CAAY;AACxE,IAAAkB;AAAA,MACEiB,KAAU,KAAK,CAACb,EAAgBa,CAAM,EAAE,WAAWA,IAASV,EAAY,GAAG,CAAC;AAAA,IAAA,GAE1EzD,KAAY,sBAAsB,MAAA;;AAAM,cAAAgE,IAAAtB,GAAe,YAAf,gBAAAsB,EAAwB;AAAA,KAAO;AAAA,EAE7E,GAAG,CAACnB,CAAI,CAAC,GAGTqB,EAAU,MAAM;;AACd,IAAI,CAACrB,KAAQI,IAAmB,MAChCgB,KAAAD,IAAA,SAAS,eAAe9C,EAAS+B,CAAgB,CAAC,MAAlD,gBAAAe,EAAqD,mBAArD,QAAAC,EAAA,KAAAD,GAAsE,EAAE,OAAO;EAEjF,GAAG,CAACnB,GAAMI,CAAgB,CAAC,GAG3BiB,EAAU,MAAM;AACd,IAAIrB,KAAQ7C,KAAYkD,EAAoBO,EAAY,GAAG,CAAC,CAAC;AAAA,EAE/D,GAAG,CAACV,CAAW,CAAC,GAGhBmB,EAAU,MAAM;AACd,IAAIrB,KAAMK,EAAoB,CAACU,MAAOA,IAAIN,EAAgB,SAASM,IAAIH,EAAY,GAAG,CAAC,CAAE;AAAA,EAE3F,GAAG,CAACH,EAAgB,MAAM,CAAC;AAE3B,QAAMc,IAAW,MAAM;AACrB,IAAK1E,KAAUoD,GAAQ,EAAI;AAAA,EAC7B,GACMuB,IAAe,CAACC,MAAkC;AACtD,IAAI,CAACA,KAAOA,EAAI,aAChBhC,GAAOgC,EAAI,KAAK,GAChBR,EAAU,EAAI;AAAA,EAChB,GACMS,KAAgB,CAACZ,MAAkB;AACvC,IAAAT,EAAoB,CAACsB,MAAQ;AAC3B,YAAMd,IAAQc,IAAM,IAAKb,IAAQ,IAAI,IAAIL,EAAgB,SAAS,IAAKkB,IAAMb,GACvEc,IAAQhB,EAAYC,GAAOC,CAAK;AACtC,aAAOc,MAAU,KAAKD,IAAMC;AAAA,IAC9B,CAAC;AAAA,EACH,GAGMC,KAAkB,CAACC,MAAiB;AACxC,UAAMvD,IAAIuB,EAAU;AACpB,WAAO,aAAavB,EAAE,KAAK,GAC3BA,EAAE,UAAUuD,EAAK,YAAA,GACjBvD,EAAE,QAAQ,OAAO,WAAW,MAAOA,EAAE,SAAS,IAAK,GAAG;AACtD,UAAMwD,IAAQtB,EAAgB;AAAA,MAC5B,CAAClB,MAAM,CAACA,EAAE,YAAYA,EAAE,MAAM,YAAA,EAAc,WAAWhB,EAAE,MAAM;AAAA,IAAA;AAEjE,IAAIwD,KAAS,KAAG1B,EAAoB0B,CAAK;AAAA,EAC3C,GAEMC,KAAgB,CAACC,MAA8B;AACnD,QAAI,CAAApF;AACJ,cAAQoF,EAAM,KAAA;AAAA,QACZ,KAAK;AACH,UAAAA,EAAM,eAAA,GACNjC,IAAO0B,GAAc,CAAC,IAAIH,EAAA;AAC1B;AAAA,QACF,KAAK;AACH,UAAAU,EAAM,eAAA,GACNjC,IAAO0B,GAAc,EAAE,IAAIH,EAAA;AAC3B;AAAA,QACF,KAAK;AACH,UAAAU,EAAM,eAAA,GACDjC,IACAwB,EAAaf,EAAgBL,CAAgB,CAAC,IADxCmB,EAAA;AAEX;AAAA,QACF,KAAK;AAGH,UAAKvB,IAGO7C,MACV8E,EAAM,eAAA,GACNT,EAAaf,EAAgBL,CAAgB,CAAC,MAJ9C6B,EAAM,eAAA,GACNV,EAAA;AAKF;AAAA,QACF,KAAK;AACH,UAAIvB,MACFiC,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNhB,EAAU,EAAI;AAEhB;AAAA,QACF,KAAK;AAGH,UAAIjB,OAAgB,EAAI;AACxB;AAAA,QACF,KAAK;AACH,UAAIA,MACFiC,EAAM,eAAA,GACN5B,EAAoBO,EAAY,GAAG,CAAC,CAAC;AAEvC;AAAA,QACF,KAAK;AACH,UAAIZ,MACFiC,EAAM,eAAA,GACN5B,EAAoBO,EAAYH,EAAgB,SAAS,GAAG,EAAE,CAAC;AAEjE;AAAA,QACF;AACE,UACE,CAACtD,KACD6C,KACAiC,EAAM,IAAI,WAAW,KACrB,CAACA,EAAM,WACP,CAACA,EAAM,WACP,CAACA,EAAM,UAEPJ,GAAgBI,EAAM,GAAG;AAAA,MAC3B;AAAA,EAEN,GAEMC,KAAoB,CAACD,MAAsC;;AAE/D,UAAMvC,IAAOuC,EAAM;AACnB,IAAIvC,OAASyB,IAAAH,GAAW,YAAX,QAAAG,EAAoB,SAASzB,OAAS0B,IAAAzB,EAAW,YAAX,QAAAyB,EAAoB,SAAS1B,OAChFb,KAAA,QAAAA,EAAO,OAAOoD;AAAA,EAChB,GAEME,KAAc,CAACF,MAA2B;;AAC9C,IAAAA,EAAM,gBAAA,GACNxC,GAAO,EAAE,IACT0B,IAAAxB,EAAW,YAAX,QAAAwB,EAAoB;AAAA,EACtB,GAEMiB,KAAWpC,KAAQI,KAAoB,IAAI/B,EAAS+B,CAAgB,IAAI,QACxEiC,KAAwBnG,MAAS,OAAO,OAAO,MAE/CoG,KAAYpG,MAAS,OAAO,KAAKA,MAAS,OAAO,KAAK;AAE5D,SACE,gBAAAqG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOvG,CAAI;AAAA,QACXU,MAAa6F,EAAO;AAAA,QACpBrD,KAAiBqD,EAAO;AAAA,QACxB5F,KAAY4F,EAAO;AAAA,QACnB7E;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEC,UAAA;AAAA,QAAAtB,KAAS,QACR,gBAAAgG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIrE;AAAA,YACJ,WAAWuE,EAAO;AAAA,YAClB,SAAS,MAAA;;AAAM,sBAAC5F,OAAYsE,IAAAxB,EAAW,YAAX,gBAAAwB,EAAoB;AAAA;AAAA,YAEhD,UAAA;AAAA,cAAA,gBAAAhF,EAACuG,KAAW,IAAG,QAAO,SAAQ,aAAY,OAAM,SAC7C,UAAAnG,EAAA,CACH;AAAA,cACCI,uBACE,QAAA,EAAK,WAAW8F,EAAO,UAAU,eAAY,QAAO,UAAA,IAAA,CAErD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAKN,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKjC;AAAA,YACL,IAAArC;AAAA,YAEC,GAAIP,IAAO,EAAE,MAAAA,EAAA,IAAS,CAAA;AAAA,YACvB,MAAK;AAAA,YACL,UAAUb,IAAW,KAAK;AAAA,YAC1B,iBAAc;AAAA,YACd,iBAAemD;AAAA,YACf,iBAAeA,IAAO7B,IAAY;AAAA,YAClC,yBAAuBhB,IAAa,SAAYiF;AAAA,YAChD,mBAAiB7F,KAAS,OAAO2B,IAAU;AAAA,YAC3C,iBAAerB,KAAY;AAAA,YAC3B,iBAAeF,KAAY;AAAA,YAC3B,gBAAcyC,KAAiB;AAAA,YAC/B,oBAAkBC,KAAsB,OAAOjB,IAAW;AAAA,YAC1D,WAAWoE,EAAKC,EAAO,SAASzC,KAAQyC,EAAO,IAAI;AAAA,YACnD,SAAS,MAAOzC,IAAOiB,EAAU,EAAK,IAAIM,EAAA;AAAA,YAC1C,WAAWS;AAAA,YACX,QAAQE;AAAA,YAER,UAAA;AAAA,cAAA,gBAAAK,EAAC,QAAA,EAAK,WAAWC,EAAKC,EAAO,OAAO,CAACjD,MAAYiD,EAAO,WAAW,GAChE,UAAA;AAAA,iBAAAnD,KAAA,gBAAAA,EAAU,SAAQ,QACjB,gBAAAnD,EAAC,QAAA,EAAK,WAAWsG,EAAO,WAAY,UAAAzG,GAAWsD,EAAS,MAAM+C,EAAQ,EAAA,CAAE;AAAA,gBAE1E,gBAAAlG,EAAC,QAAA,EAAK,WAAWsG,EAAO,YACrB,UAAAnD,IAAWA,EAAS,QAASrC,MAAesB,EAAE,oBAAoB,EAAA,CACrE;AAAA,cAAA,GACF;AAAA,cAECrB,MAAaiC,MAAiB,MAAM,CAACtC,KACpC,gBAAAV;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWsG,EAAO;AAAA,kBAClB,cAAYlE,EAAE,cAAc;AAAA,kBAC5B,UAAU;AAAA,kBACV,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,kBACtB,SAAS4D;AAAA,kBAET,UAAA,gBAAAhG,EAACC,GAAA,EAAK,MAAK,eAAc,MAAK,KAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIvC,gBAAAD;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWqG,EAAO;AAAA,kBAClB,OAAO,EAAE,OAAOH,IAAW,QAAQA,GAAA;AAAA,kBACnC,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAK3B;AAAA,YACL,MAAAhB;AAAA,YACA,YAAAL;AAAA,YACA,SAASsB;AAAA,YACT,mBAAiB;AAAA,YACjB,WAAWwB,EAAO;AAAA,YAEjB,UAAA;AAAA,cAAAtF,KACC,gBAAAoF,EAAC,OAAA,EAAI,WAAWE,EAAO,QACrB,UAAA;AAAA,gBAAA,gBAAAtG,EAACC,GAAA,EAAK,MAAK,gBAAe,MAAK,MAAK,WAAWqG,EAAO,YAAY,eAAY,OAAA,CAAO;AAAA,gBACrF,gBAAAtG;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAK0D;AAAA,oBACL,WAAW4C,EAAO;AAAA,oBAClB,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,iBAAc;AAAA,oBACd,iBAAetE;AAAA,oBACf,yBAAuBiE;AAAA,oBACvB,qBAAkB;AAAA,oBAClB,cAAY3D;AAAA,oBACZ,aAAaA;AAAA,oBACb,OAAOyB;AAAA,oBACP,YAAY;AAAA,oBACZ,UAAU,CAAC,MAAM;AACf,sBAAAC,GAAe,EAAE,OAAO,KAAK,GAC7B9C,KAAA,QAAAA,EAAiB,EAAE,OAAO;AAAA,oBAC5B;AAAA,oBACA,WAAW2E;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACb,GACF;AAAA,cAIF,gBAAA7F;AAAA,gBAACyG;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,IAAIzE;AAAA,kBACJ,mBAAiB5B,KAAS,OAAO2B,IAAU;AAAA,kBAC3C,MAAAhC;AAAA,kBACA,WAAWuG,EAAO;AAAA,kBAElB,cAAc,MAAMpC,EAAoB,EAAE;AAAA,kBAEzC,UAAA/C,KACC,gBAAAiF,EAAC,OAAA,EAAI,WAAWE,EAAO,SACrB,UAAA;AAAA,oBAAA,gBAAAtG,EAAC0G,IAAA,EAAO,MAAK,KAAA,CAAK;AAAA,oBAClB,gBAAA1G,EAACuG,GAAA,EAAW,IAAG,QAAO,SAAQ,aAAY,OAAM,SAC7C,UAAAnF,MAAegB,EAAE,gBAAgB,EAAA,CACpC;AAAA,kBAAA,EAAA,CACF,IACEkC,EAAgB,WAAW,sBAC5B,OAAA,EAAI,WAAWgC,EAAO,WACrB,4BAACC,GAAA,EAAW,IAAG,QAAO,SAAQ,aAAY,OAAM,SAC7C,UAAAlF,KAAiB,OACde,EAAE,kBAAkB,IACpB,OAAOf,KAAkB,aACvBA,EAAc0C,CAAW,IACzB1C,EAAA,CACR,GACF,IAEAiD,EAAgB,IAAI,CAACgB,GAAKnD,MAAU;AAClC,0BAAMwE,IAAarB,EAAI,UAAUtC;AACjC,2BACE,gBAAAhD;AAAA,sBAAC4G;AAAA,sBAAA;AAAA,wBAEC,IAAI1E,EAASC,CAAK;AAAA,wBAClB,MAAK;AAAA,wBACL,UAAU;AAAA,wBACV,iBAAewE;AAAA,wBACf,gBAAc;AAAA,wBACd,WAAS;AAAA,wBACT,UAAUA;AAAA,wBACV,UAAUrB,EAAI;AAAA,wBACd,MAAMA,EAAI;AAAA,wBACV,WAAWe,EAAKlE,MAAU8B,KAAoBqC,EAAO,MAAM;AAAA,wBAC3D,UACEK,KAAcrF,KACZ,gBAAAtB,EAACC,KAAK,MAAK,cAAa,MAAK,KAAA,CAAK,IAChC;AAAA,wBAEN,cAAc,MAAM,CAACqF,EAAI,YAAYpB,EAAoB/B,CAAK;AAAA,wBAC9D,SAAS,MAAMkD,EAAaC,CAAG;AAAA,wBAE9B,UAAAA,EAAI;AAAA,sBAAA;AAAA,sBAnBAA,EAAI;AAAA,oBAAA;AAAA,kBAsBf,CAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGDpC,KAAsB,QACrB,gBAAAlD;AAAA,UAACuG;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAItE;AAAA,YACJ,SAAQ;AAAA,YACR,OAAOgB,IAAgB,UAAU;AAAA,YACjC,WAAWqD,EAAO;AAAA,YAEjB,UAAApD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/{Sidebar-D2MsR33k.cjs → Sidebar-DcKIEfhy.cjs}

@@ -1,2 +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
+"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-Df_kGy2l.cjs"),M=require("./access-DPUHbE-S.cjs"),V=require("./ConfigProvider-Bszl3Wr3.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-DcKIEfhy.cjs.map