@techzyapp/ui-library 1.0.37 → 1.0.38

package/dist/RootLayout-fsVJvS8l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootLayout-fsVJvS8l.js","sources":["../src/components/RootLayout/SettingsDrawer.tsx","../src/components/RootLayout/RootLayout.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport { DEFAULT_FONT_FAMILY, useT, useTheme } from '../../theme'\nimport { Blockquote } from '../Blockquote'\nimport { Button } from '../Button'\nimport { Col } from '../Flex'\nimport { Icon } from '../Icon'\nimport { Divider } from '../Divider'\nimport { Modal } from '../Modal'\nimport { Popconfirm } from '../Popconfirm'\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`). A\n * note on top (a `Blockquote`) says changes apply and save instantly — there's no Save step; a\n * footer **Reset to Defaults** button (`filled` `error`, behind a `Popconfirm`) (`useTheme().resetPreferences`, disabled while nothing differs) puts\n * every one of them back to the app's configured defaults.\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    hasCustomPreferences,\n    resetPreferences,\n  } = useTheme()\n  const t = useT()\n  // the drawer content — after a Reset the (now disabled) footer button drops focus to <body>, outside the\n  // drawer's focus trap, so focus is moved back onto the first section's selected control\n  const contentRef = useRef<HTMLDivElement | null>(null)\n  const handleReset = () => {\n    resetPreferences()\n    requestAnimationFrame(() => {\n      const root = contentRef.current\n      const target =\n        root?.querySelector<HTMLElement>('input:checked, [aria-checked=\"true\"]') ??\n        root?.querySelector<HTMLElement>('input, button, [tabindex]:not([tabindex=\"-1\"])')\n      target?.focus()\n    })\n  }\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      footer={\n        // one action: put every appearance choice back to the app's defaults (disabled while unchanged),\n        // behind a quick confirm — it undoes several choices at once\n        <Popconfirm\n          title={t('settings.resetConfirmTitle')}\n          description={t('settings.resetConfirmDesc')}\n          confirmLabel={t('settings.resetConfirm')}\n          icon=\"RotateLeft\"\n          disabled={!hasCustomPreferences}\n          onConfirm={handleReset}\n        >\n          <Button\n            variant=\"filled\"\n            size=\"sm\"\n            color=\"error\"\n            fullWidth\n            startIcon={<Icon name=\"RotateLeft\" />}\n            disabled={!hasCustomPreferences}\n          >\n            {t('settings.reset')}\n          </Button>\n        </Popconfirm>\n      }\n    >\n      <div ref={contentRef}>\n        {/* no Save step: every choice below applies instantly and is persisted on change */}\n        <Blockquote size=\"sm\" style={{ marginBottom: 'var(--tz-space-md)' }}>\n          {t('settings.autoSaveNote')}\n        </Blockquote>\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      </div>\n    </Modal>\n  )\n}\n","import { useEffect, useState, type ReactNode } from 'react'\nimport { Link, 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 HeaderAction,\n  type HeaderConfig,\n  type HeaderEnvironment,\n  type HeaderMenuItem,\n  type HeaderUser,\n} from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Badge } from '../Badge'\nimport { Chip } from '../Chip'\nimport { Col, Row } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem, type ListItemProps } from '../List'\nimport { FullscreenToggle } from '../FullscreenToggle'\nimport { ThemeToggle } from '../ThemeToggle'\nimport { Tooltip } from '../Tooltip'\nimport { Typography } from '../Typography'\nimport { Breadcrumbs } from '../Breadcrumbs'\nimport { Toaster, type ToasterProps } from '../Toast'\nimport { NavSearch, Sidebar, useFirstNavTo } from '../Sidebar/Sidebar'\nimport { Flag } from '../Flag'\nimport { SettingsDrawer } from './SettingsDrawer'\nimport { isDev } from '../ErrorState/errorMessage'\nimport styles from './RootLayout.module.css'\n\n/**\n * `header.environment` → the chip to show, or `null` for none (empty, or production). A string gets its first\n * letter capitalized, the `warning` tint and the `Code` icon; an object is used as given. Exported for tests.\n */\nexport function resolveEnvironment(\n  environment: HeaderConfig['environment'],\n): Required<HeaderEnvironment> | null {\n  if (environment == null) return null\n  const env = typeof environment === 'string' ? { label: environment } : environment\n  const label = env.label.trim()\n  if (!label || /^prod(uction)?$/i.test(label)) return null\n  return {\n    label: typeof environment === 'string' ? label.charAt(0).toUpperCase() + label.slice(1) : label,\n    color: env.color ?? 'warning',\n    icon: env.icon ?? 'Code',\n  }\n}\n\n// `ListItem as={Link}` — `to` / `params` / `search` are router props ListItem doesn't type itself\nconst MenuLink = ListItem as unknown as (\n  props: ListItemProps & Pick<HeaderMenuItem, 'to' | 'params' | 'search'>,\n) => ReactNode\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  /**\n   * Where clicking the logo goes. Defaults to the **first page in the menu** the user may open (the same\n   * \"home\" as the breadcrumbs' first crumb and `FirstRouteRedirect`) — so the logo always leads back to the\n   * page the panel opens on. Pass a path to send it elsewhere, or `false` for a plain, non-clickable logo.\n   */\n  logoTo?: LinkProps['to'] | false\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`), and the 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 **`Breadcrumbs` → `children`**; each page wraps its\n * body in `PageLayout`, which owns the page heading (`pageTitle`), the back button (`back`) and the\n * title-row actions (`pageActions`). On a 404 the breadcrumbs are suppressed automatically (a partial route\n * match would otherwise show a stale section), regardless of `header.breadcrumbs`. 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  logoTo,\n  sidebarFooter,\n  header,\n  toaster = true,\n  children,\n}: RootLayoutProps) {\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  // the logo links \"home\" — the first menu page the user may open, unless the app points it elsewhere\n  const firstNavTo = useFirstNavTo()\n  const logoHref = logoTo === false ? undefined : (logoTo ?? firstNavTo)\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 onLogout = h.onLogout\n  const user = h.user\n  const environment = resolveEnvironment(h.environment)\n  const accountMenu = h.menu ?? [] // custom account-menu items (between the user block and Sign out)\n  // app header actions: inline IconButtons — on xs they fold into the account menu (when there is one)\n  const headerActions = h.actions ?? []\n  const isXs = useMediaQuery('xs')\n  const actionsInMenu = isXs && onLogout != null\n  const runAction = (a: HeaderAction) => {\n    a.onClick?.()\n    if (a.to) navigate({ to: a.to as LinkProps['to'], params: a.params, search: a.search } as never)\n  }\n  // an account-menu item with nothing to do is almost always a config slip — say so in development\n  const inertMenuItems = accountMenu\n    .filter((item) => !item.to && !item.onClick)\n    .map((item) => item.label)\n    .join(', ')\n  useEffect(() => {\n    if (inertMenuItems && isDev())\n      console.warn(\n        `[RootLayout] header.menu items without \\`to\\` or \\`onClick\\`: ${inertMenuItems}`,\n      )\n  }, [inertMenuItems])\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 breadcrumbs would show a stale, wrong trail.\n  // suppress them 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  const navigate = useNavigate()\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              {logoHref ? (\n                <Link to={logoHref} className={styles.brandLink} aria-label={t('sidebar.home')}>\n                  {logo}\n                </Link>\n              ) : (\n                logo\n              )}\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            {/* the environment badge — on every screen size, unlike `extra` */}\n            {environment ? (\n              <Chip\n                size=\"sm\"\n                color={environment.color}\n                startIcon={environment.icon ? <Icon name={environment.icon} /> : undefined}\n                className={styles.environment}\n              >\n                {environment.label}\n              </Chip>\n            ) : null}\n            {h.extra != null && !isXs ? <div className={styles.headerExtra}>{h.extra}</div> : null}\n            {!actionsInMenu\n              ? headerActions.map((a, i) => (\n                  <Badge\n                    key={`${a.label}-${i}`}\n                    content={a.dot ? undefined : a.badge}\n                    dot={a.dot}\n                    color={a.badgeColor ?? 'error'}\n                  >\n                    <Tooltip content={a.label} placement=\"bottom\">\n                      <IconButton\n                        variant=\"filled\"\n                        size=\"sm\"\n                        color={a.color}\n                        aria-label={a.label}\n                        disabled={a.disabled}\n                        onClick={() => runAction(a)}\n                      >\n                        <Icon name={a.icon} />\n                      </IconButton>\n                    </Tooltip>\n                  </Badge>\n                ))\n              : null}\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                {/* on xs the header actions fold in here, above the app's own menu items */}\n                {actionsInMenu\n                  ? headerActions.map((a, i) => (\n                      <ListItem\n                        key={`action-${a.label}-${i}`}\n                        icon={<Icon name={a.icon} color={a.color} />}\n                        clickable\n                        disabled={a.disabled}\n                        onClick={() => runAction(a)}\n                        trailing={\n                          a.dot ? (\n                            <span\n                              className={styles.menuDot}\n                              style={{ background: `var(--tz-color-${a.badgeColor ?? 'error'})` }}\n                              aria-hidden=\"true\"\n                            />\n                          ) : a.badge != null && a.badge !== 0 && a.badge !== '' ? (\n                            <Chip size=\"sm\" color={a.badgeColor ?? 'error'}>\n                              {typeof a.badge === 'number' && a.badge > 99 ? '99+' : a.badge}\n                            </Chip>\n                          ) : undefined\n                        }\n                      >\n                        {a.label}\n                      </ListItem>\n                    ))\n                  : null}\n                {actionsInMenu && headerActions.length > 0 ? <Divider /> : null}\n                {/* app-supplied items (e.g. \"Account\"), between the user block and Sign out */}\n                {accountMenu.map((item, i) => {\n                  const itemProps = {\n                    icon: item.icon ? <Icon name={item.icon} color={item.color} /> : undefined,\n                    color: item.color,\n                    clickable: true,\n                    disabled: item.disabled,\n                    onClick: item.onClick,\n                    children: item.label,\n                  }\n                  // `to` → a real router link (href, new-tab clicks); the Dropdown still closes on select\n                  // and roves to it (`a[href]`). Link runs `onClick` first, then navigates.\n                  return item.to && !item.disabled ? (\n                    <MenuLink\n                      key={i}\n                      {...itemProps}\n                      as={Link}\n                      to={item.to}\n                      params={item.params}\n                      search={item.search}\n                    />\n                  ) : (\n                    <ListItem key={i} {...itemProps} />\n                  )\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          {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","hasCustomPreferences","resetPreferences","useTheme","t","useT","contentRef","useRef","handleReset","root","target","fontQuery","setFontQuery","useState","q","base","DEFAULT_FONT_FAMILY","fontOptions","f","picker","label","def","colors","c","jsx","SwatchPicker","color","Modal","Popconfirm","Button","Icon","jsxs","Blockquote","Fragment","Typography","ChoiceCardGroup","v","Divider","Col","Select","resolveEnvironment","environment","env","MenuLink","ListItem","RootLayout","logo","logoTo","sidebarFooter","header","toaster","children","language","setLanguage","languages","useLanguage","firstNavTo","useFirstNavTo","logoHref","h","useHeaderConfig","showFullscreen","showSettings","showSearch","showLanguages","showBreadcrumbs","toasterProps","onLogout","user","accountMenu","headerActions","isXs","useMediaQuery","actionsInMenu","runAction","a","_a","navigate","inertMenuItems","item","useEffect","isDev","isNarrow","collapsed","setCollapsed","useLockBodyScroll","pathname","useRouterState","s","isNotFound","m","settingsOpen","setSettingsOpen","useNavigate","clsx","styles","Link","IconButton","NavSearch","Sidebar","Chip","i","Badge","Tooltip","FullscreenToggle","ThemeToggle","Dropdown","l","Flag","Avatar","Row","itemProps","Breadcrumbs","Toaster"],"mappings":"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"}

package/dist/{Select-BbgueWwN.cjs → Select-It6dlL1v.cjs}

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),_=require("react"),S=require("clsx"),ue=require("./formContext-bTWrqdEV.cjs"),de=require("./names-YOCJ4B5J.cjs"),C=require("./Icon-BUP5_kRs.cjs"),P=require("./useOptionMenu-OAYGUWP_.cjs"),V=require("./Typography-d97DdbNd.cjs"),_e=require("./ConfigProvider-th4GYhcU.cjs"),me="_field_7r95m_1",pe="_fullWidth_7r95m_7",ve="_label_7r95m_13",he="_required_7r95m_22",fe="_control_7r95m_28",xe="_open_7r95m_47",Ie="_error_7r95m_52",be="_disabled_7r95m_60",ye="_value_7r95m_70",ge="_valueIcon_7r95m_78",je="_valueLabel_7r95m_82",Ne="_placeholder_7r95m_87",qe="_clear_7r95m_92",Se="_chevron_7r95m_111",Ce="_sm_7r95m_121",Te="_md_7r95m_125",Re="_lg_7r95m_129",we="_helper_7r95m_134",r={field:me,fullWidth:pe,label:ve,required:he,control:fe,open:xe,error:Ie,disabled:be,value:ye,valueIcon:ge,valueLabel:je,placeholder:Ne,clear:qe,chevron:Se,sm:Ce,md:Te,lg:Re,helper:we},Be=new Set(de.ICON_NAMES);function Me(t,c){return t==null?null:typeof t=="string"&&Be.has(t)?l.jsx(C.Icon,{name:t,size:c}):t}const ke=_.forwardRef(function({label:c,options:T,size:m="md",error:W,helperText:A,required:R=!1,fullWidth:F=!0,disabled:a=!1,value:I,defaultValue:K,onChange:b,placeholder:$,clearable:H=!0,searchable:w=!1,searchPlaceholder:G,onSearchChange:J,loading:Q=!1,loadingText:U,noOptionsText:X,showSelectedTick:Y=!0,name:i,id:Z,className:z,style:ee},p){const re=_.useId(),v=Z??re,y=`${v}-label`,B=`${v}-helper`,M=_e.useT(),h=ue.useFormContext(),f=!!(h&&i),o=f?h.field(i):void 0,le=I!==void 0?I:f?h.values[i]??"":void 0,k=I!==void 0||f,[oe,ne]=_.useState(K??""),g=k?le:oe,j=W??(o==null?void 0:o.error)??!1,N=A??(o==null?void 0:o.helperText),n=T.find(e=>e.value===g),se=n!=null,D=e=>{k||ne(e),f&&h.setValue(i,e),b==null||b(e)},u=_.useRef(null),x=_.useRef(void 0);x.current=o?()=>o.onBlur({}):void 0;const te=_.useCallback(e=>{u.current=e,typeof p=="function"?p(e):p&&(p.current=e)},[p]),s=P.useOptionMenu({idBase:v,options:T,isSelected:e=>e.value===g,onPick:e=>D(e.value),searchable:w,onSearchChange:J,disabled:a,focusRef:u,onClose:()=>{var e;return(e=x.current)==null?void 0:e.call(x)}}),{open:q}=s,ce=e=>{var E,L;const d=e.relatedTarget;d&&((E=s.popoverRef.current)!=null&&E.contains(d)||(L=u.current)!=null&&L.contains(d))||o==null||o.onBlur(e)},ae=e=>{var d;e.stopPropagation(),D(""),(d=u.current)==null||d.focus()},ie=m==="sm"?"sm":"md",O=m==="sm"?16:m==="md"?14:12;return l.jsxs("div",{className:S.clsx(r.field,r[m],F&&r.fullWidth,j&&r.error,a&&r.disabled,z),style:ee,children:[c!=null&&l.jsxs("span",{id:y,className:r.label,onClick:()=>{var e;return!a&&((e=u.current)==null?void 0:e.focus())},children:[l.jsx(V.Typography,{as:"span",variant:"bodySmall",color:"muted",children:c}),R&&l.jsx("span",{className:r.required,"aria-hidden":"true",children:"*"})]}),l.jsxs("div",{ref:te,id:v,...i?{name:i}:{},role:"combobox",tabIndex:a?-1:0,"aria-haspopup":"listbox","aria-expanded":q,"aria-controls":q?s.listboxId:void 0,"aria-activedescendant":w?void 0:s.activeId,"aria-labelledby":c!=null?y:void 0,"aria-disabled":a||void 0,"aria-required":R||void 0,"aria-invalid":j||void 0,"aria-describedby":N!=null?B:void 0,className:S.clsx(r.control,q&&r.open),onClick:s.toggleMenu,onKeyDown:s.handleKeyDown,onBlur:ce,children:[l.jsxs("span",{className:S.clsx(r.value,!se&&r.placeholder),children:[(n==null?void 0:n.icon)!=null&&l.jsx("span",{className:r.valueIcon,children:Me(n.icon,ie)}),l.jsx("span",{className:r.valueLabel,children:n?n.label:$??M("select.placeholder")})]}),H&&g!==""&&!a&&l.jsx("button",{type:"button",className:r.clear,"aria-label":M("select.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:ae,children:l.jsx(C.Icon,{name:"CloseCircle",size:"sm"})}),l.jsx(C.Icon,{name:"ArrowDown4",className:r.chevron,style:{width:O,height:O},"aria-hidden":"true"})]}),l.jsx(P.OptionMenu,{menu:s,anchorRef:u,size:m,searchPlaceholder:G,loading:Q,loadingText:U,noOptionsText:X,showSelectedTick:Y,labelledBy:c!=null?y:void 0}),N!=null&&l.jsx(V.Typography,{as:"span",id:B,variant:"bodySmall",color:j?"error":"muted",className:r.helper,children:N})]})});exports.Select=ke;
-//# sourceMappingURL=Select-BbgueWwN.cjs.map
+"use strict";const l=require("react/jsx-runtime"),_=require("react"),S=require("clsx"),ue=require("./formContext-bTWrqdEV.cjs"),de=require("./names-YOCJ4B5J.cjs"),C=require("./Icon-BUP5_kRs.cjs"),P=require("./useOptionMenu-C0uz30xp.cjs"),V=require("./Typography-d97DdbNd.cjs"),_e=require("./ConfigProvider-B_Bb6pk1.cjs"),me="_field_7r95m_1",pe="_fullWidth_7r95m_7",ve="_label_7r95m_13",he="_required_7r95m_22",fe="_control_7r95m_28",xe="_open_7r95m_47",Ie="_error_7r95m_52",be="_disabled_7r95m_60",ye="_value_7r95m_70",ge="_valueIcon_7r95m_78",je="_valueLabel_7r95m_82",Ne="_placeholder_7r95m_87",qe="_clear_7r95m_92",Se="_chevron_7r95m_111",Ce="_sm_7r95m_121",Te="_md_7r95m_125",Re="_lg_7r95m_129",we="_helper_7r95m_134",r={field:me,fullWidth:pe,label:ve,required:he,control:fe,open:xe,error:Ie,disabled:be,value:ye,valueIcon:ge,valueLabel:je,placeholder:Ne,clear:qe,chevron:Se,sm:Ce,md:Te,lg:Re,helper:we},Be=new Set(de.ICON_NAMES);function Me(t,c){return t==null?null:typeof t=="string"&&Be.has(t)?l.jsx(C.Icon,{name:t,size:c}):t}const ke=_.forwardRef(function({label:c,options:T,size:m="md",error:W,helperText:A,required:R=!1,fullWidth:F=!0,disabled:a=!1,value:I,defaultValue:K,onChange:b,placeholder:$,clearable:H=!0,searchable:w=!1,searchPlaceholder:G,onSearchChange:J,loading:Q=!1,loadingText:U,noOptionsText:X,showSelectedTick:Y=!0,name:i,id:Z,className:z,style:ee},p){const re=_.useId(),v=Z??re,y=`${v}-label`,B=`${v}-helper`,M=_e.useT(),h=ue.useFormContext(),f=!!(h&&i),o=f?h.field(i):void 0,le=I!==void 0?I:f?h.values[i]??"":void 0,k=I!==void 0||f,[oe,ne]=_.useState(K??""),g=k?le:oe,j=W??(o==null?void 0:o.error)??!1,N=A??(o==null?void 0:o.helperText),n=T.find(e=>e.value===g),se=n!=null,D=e=>{k||ne(e),f&&h.setValue(i,e),b==null||b(e)},u=_.useRef(null),x=_.useRef(void 0);x.current=o?()=>o.onBlur({}):void 0;const te=_.useCallback(e=>{u.current=e,typeof p=="function"?p(e):p&&(p.current=e)},[p]),s=P.useOptionMenu({idBase:v,options:T,isSelected:e=>e.value===g,onPick:e=>D(e.value),searchable:w,onSearchChange:J,disabled:a,focusRef:u,onClose:()=>{var e;return(e=x.current)==null?void 0:e.call(x)}}),{open:q}=s,ce=e=>{var E,L;const d=e.relatedTarget;d&&((E=s.popoverRef.current)!=null&&E.contains(d)||(L=u.current)!=null&&L.contains(d))||o==null||o.onBlur(e)},ae=e=>{var d;e.stopPropagation(),D(""),(d=u.current)==null||d.focus()},ie=m==="sm"?"sm":"md",O=m==="sm"?16:m==="md"?14:12;return l.jsxs("div",{className:S.clsx(r.field,r[m],F&&r.fullWidth,j&&r.error,a&&r.disabled,z),style:ee,children:[c!=null&&l.jsxs("span",{id:y,className:r.label,onClick:()=>{var e;return!a&&((e=u.current)==null?void 0:e.focus())},children:[l.jsx(V.Typography,{as:"span",variant:"bodySmall",color:"muted",children:c}),R&&l.jsx("span",{className:r.required,"aria-hidden":"true",children:"*"})]}),l.jsxs("div",{ref:te,id:v,...i?{name:i}:{},role:"combobox",tabIndex:a?-1:0,"aria-haspopup":"listbox","aria-expanded":q,"aria-controls":q?s.listboxId:void 0,"aria-activedescendant":w?void 0:s.activeId,"aria-labelledby":c!=null?y:void 0,"aria-disabled":a||void 0,"aria-required":R||void 0,"aria-invalid":j||void 0,"aria-describedby":N!=null?B:void 0,className:S.clsx(r.control,q&&r.open),onClick:s.toggleMenu,onKeyDown:s.handleKeyDown,onBlur:ce,children:[l.jsxs("span",{className:S.clsx(r.value,!se&&r.placeholder),children:[(n==null?void 0:n.icon)!=null&&l.jsx("span",{className:r.valueIcon,children:Me(n.icon,ie)}),l.jsx("span",{className:r.valueLabel,children:n?n.label:$??M("select.placeholder")})]}),H&&g!==""&&!a&&l.jsx("button",{type:"button",className:r.clear,"aria-label":M("select.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:ae,children:l.jsx(C.Icon,{name:"CloseCircle",size:"sm"})}),l.jsx(C.Icon,{name:"ArrowDown4",className:r.chevron,style:{width:O,height:O},"aria-hidden":"true"})]}),l.jsx(P.OptionMenu,{menu:s,anchorRef:u,size:m,searchPlaceholder:G,loading:Q,loadingText:U,noOptionsText:X,showSelectedTick:Y,labelledBy:c!=null?y:void 0}),N!=null&&l.jsx(V.Typography,{as:"span",id:B,variant:"bodySmall",color:j?"error":"muted",className:r.helper,children:N})]})});exports.Select=ke;
+//# sourceMappingURL=Select-It6dlL1v.cjs.map

package/dist/{Select-BbgueWwN.cjs.map → Select-It6dlL1v.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-BbgueWwN.cjs","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' | 'md' | 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). */\nfunction renderIcon(icon: IconName | ReactNode, size: 'sm' | 'md'): ReactNode {\n  if (icon == null) return null\n  if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n    return <Icon name={icon as IconName} size={size} />\n  return icon\n}\n\nexport interface SelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen option's `value` (`''` = nothing selected). */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the next value (`''` when cleared). */\n  onChange?: (value: string) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Shows a clear (×) button in the trigger when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No Options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). */\n  showSelectedTick?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search **server-side** (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n */\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    showSelectedTick = true,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  const t = useT()\n\n  // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const selected = options.find((o) => o.value === currentValue)\n  const hasValue = selected != null\n\n  const commit = (next: string) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── the option popover (state + keys shared with MultiSelect / PhoneField) ─────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => o.value === currentValue,\n    onPick: (o) => commit(o.value),\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    // mark the form field touched only when focus leaves the whole widget (not into the popover)\n    const next = event.relatedTarget as Node | null\n    if (next && (menu.popoverRef.current?.contains(next) || triggerRef.current?.contains(next)))\n      return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  const handleClear = (event: ReactMouseEvent) => {\n    event.stopPropagation()\n    commit('')\n    triggerRef.current?.focus()\n  }\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        // `name` lets the form's scroll-to-error find + focus this field\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? menu.listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : menu.activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open)}\n        onClick={menu.toggleMenu}\n        onKeyDown={menu.handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n          {selected?.icon != null && (\n            <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n          )}\n          <span className={styles.valueLabel}>\n            {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n          </span>\n        </span>\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('select.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={triggerRef}\n        size={size}\n        searchPlaceholder={searchPlaceholder}\n        loading={loading}\n        loadingText={loadingText}\n        noOptionsText={noOptionsText}\n        showSelectedTick={showSelectedTick}\n        labelledBy={label != null ? labelId : undefined}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":"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"}
+{"version":3,"file":"Select-It6dlL1v.cjs","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' | 'md' | 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). */\nfunction renderIcon(icon: IconName | ReactNode, size: 'sm' | 'md'): ReactNode {\n  if (icon == null) return null\n  if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n    return <Icon name={icon as IconName} size={size} />\n  return icon\n}\n\nexport interface SelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen option's `value` (`''` = nothing selected). */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the next value (`''` when cleared). */\n  onChange?: (value: string) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Shows a clear (×) button in the trigger when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No Options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). */\n  showSelectedTick?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search **server-side** (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n */\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    showSelectedTick = true,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  const t = useT()\n\n  // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const selected = options.find((o) => o.value === currentValue)\n  const hasValue = selected != null\n\n  const commit = (next: string) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── the option popover (state + keys shared with MultiSelect / PhoneField) ─────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => o.value === currentValue,\n    onPick: (o) => commit(o.value),\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    // mark the form field touched only when focus leaves the whole widget (not into the popover)\n    const next = event.relatedTarget as Node | null\n    if (next && (menu.popoverRef.current?.contains(next) || triggerRef.current?.contains(next)))\n      return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  const handleClear = (event: ReactMouseEvent) => {\n    event.stopPropagation()\n    commit('')\n    triggerRef.current?.focus()\n  }\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        // `name` lets the form's scroll-to-error find + focus this field\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? menu.listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : menu.activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open)}\n        onClick={menu.toggleMenu}\n        onKeyDown={menu.handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n          {selected?.icon != null && (\n            <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n          )}\n          <span className={styles.valueLabel}>\n            {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n          </span>\n        </span>\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('select.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={triggerRef}\n        size={size}\n        searchPlaceholder={searchPlaceholder}\n        loading={loading}\n        loadingText={loadingText}\n        noOptionsText={noOptionsText}\n        showSelectedTick={showSelectedTick}\n        labelledBy={label != null ? labelId : undefined}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":"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"}

package/dist/{Select-DEi_ZUHR.js → Select-TVfg_miK.js}

@@ -4,9 +4,9 @@ import { clsx as w } from "clsx";
 import { u as pe } from "./formContext-B7ln1Miy.js";
 import { a as fe } from "./names-BR1uJs0-.js";
 import { I as C } from "./Icon-CGQ5yGSZ.js";
-import { u as ve, O as he } from "./useOptionMenu-DNYlfNO_.js";
+import { u as ve, O as he } from "./useOptionMenu-tLAmCiZ0.js";
 import { T as A } from "./Typography-ChSuxgkc.js";
-import { a as be } from "./ConfigProvider-DZMtq2Fz.js";
+import { a as be } from "./ConfigProvider-DeMASTVo.js";
 const Ie = "_field_7r95m_1", xe = "_fullWidth_7r95m_7", ye = "_label_7r95m_13", Ne = "_required_7r95m_22", ge = "_control_7r95m_28", Se = "_open_7r95m_47", Te = "_error_7r95m_52", we = "_disabled_7r95m_60", Ce = "_value_7r95m_70", Be = "_valueIcon_7r95m_78", Re = "_valueLabel_7r95m_82", Me = "_placeholder_7r95m_87", ke = "_clear_7r95m_92", De = "_chevron_7r95m_111", Oe = "_sm_7r95m_121", qe = "_md_7r95m_125", Ee = "_lg_7r95m_129", Le = "_helper_7r95m_134", r = {
   field: Ie,
   fullWidth: xe,
@@ -196,4 +196,4 @@ const Qe = de(function({
 export {
   Qe as S
 };
-//# sourceMappingURL=Select-DEi_ZUHR.js.map
+//# sourceMappingURL=Select-TVfg_miK.js.map

package/dist/{Select-DEi_ZUHR.js.map → Select-TVfg_miK.js.map}

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

package/dist/Sidebar-C4i3P_Lu.cjs

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

package/dist/Sidebar-C4i3P_Lu.cjs.map

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