@techzyapp/ui-library 1.0.41 → 1.0.42

package/dist/RootLayout-DIOquzrU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RootLayout-DIOquzrU.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   * Show the **Sidebar** section (Floating / Docked). The shell hides it when its `sidebarVariant` prop pins the\n   * look — the user's choice wouldn't apply there. Default `true`.\n   */\n  showSidebar?: 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`); a **Sidebar** section (an exclusive `ChoiceCardGroup` **Floating** / **Docked**\n * driving `setSidebarVariant`; hidden when `showSidebar` is off); 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({\n  open,\n  onClose,\n  showTheme = true,\n  showSidebar = true,\n}: SettingsDrawerProps) {\n  const {\n    mode,\n    setMode,\n    accentColors,\n    defaultAccentColors,\n    setAccentColor,\n    headerSticky,\n    setHeaderSticky,\n    sidebarVariant,\n    setSidebarVariant,\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        {showSidebar && (\n          <>\n            <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n            <Typography variant=\"subtitle\" as=\"h3\">\n              {t('settings.sidebarTitle')}\n            </Typography>\n            <Typography\n              variant=\"bodySmall\"\n              color=\"muted\"\n              as=\"p\"\n              style={{ marginTop: 'var(--tz-space-xxs)' }}\n            >\n              {t('settings.sidebarDesc')}\n            </Typography>\n            <ChoiceCardGroup\n              exclusive\n              color=\"accent\"\n              minCardWidth={130}\n              value={sidebarVariant}\n              // exclusive (radio) → always a string; the two values are exactly the SidebarVariant union\n              onChange={(v) => {\n                if (v === 'floating' || v === 'docked') setSidebarVariant(v)\n              }}\n              options={[\n                {\n                  value: 'floating',\n                  label: t('settings.floating'),\n                  description: t('settings.floatingDesc'),\n                },\n                {\n                  value: 'docked',\n                  label: t('settings.docked'),\n                  description: t('settings.dockedDesc'),\n                },\n              ]}\n              aria-label={t('settings.sidebarTitle')}\n              style={{ marginTop: 'var(--tz-space-sm)' }}\n            />\n          </>\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  type SidebarVariant,\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\n/** How the sidebar sits in the shell (the theme layer's `SidebarVariant`, under the historical `RootLayout*` name). */\nexport type RootLayoutSidebarVariant = SidebarVariant\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   * The sidebar's look. `'floating'` (default): a rounded, bordered card inset from the window edges.\n   * `'docked'`: flush against the top, left and bottom edges, no radius, a single border on its right —\n   * the content keeps its inset. Below 1280px, where the sidebar is an overlay drawer, `'docked'` only\n   * drops the drawer's rounded corners. **Unset (recommended)**, the user picks it in the header Settings drawer\n   * (persisted), defaulting to the app-wide `config.sidebar.variant`; **set**, it pins this shell's look and the\n   * Settings drawer's Sidebar section is hidden.\n   */\n  sidebarVariant?: RootLayoutSidebarVariant\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 — or, with the `'docked'` look (the user's Settings choice,\n * seeded from `config.sidebar.variant`, or pinned by the `sidebarVariant` prop), a sidebar flush to the\n * window edges. 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 appearance — theme, accent colors, font, header, sidebar, shape), plus an account\n * `Avatar` whose menu has a **Sign out** item when `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  sidebarVariant,\n  header,\n  toaster = true,\n  children,\n}: RootLayoutProps) {\n  // the user's persisted header + sidebar choices (seeded from config.header.sticky / config.sidebar.variant)\n  const { headerSticky, sidebarVariant: chosenSidebarVariant } = 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  // sidebar look: this shell's prop pins it; otherwise the user's choice (Settings), seeded from config\n  const variant = sidebarVariant ?? chosenSidebarVariant\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\n      className={clsx(\n        styles.shell,\n        variant === 'docked' && styles.shellDocked,\n        collapsed && styles.shellCollapsed,\n      )}\n    >\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          showSidebar={sidebarVariant === undefined}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"names":["ALT_SWATCHES","SettingsDrawer","open","onClose","showTheme","showSidebar","mode","setMode","accentColors","defaultAccentColors","setAccentColor","headerSticky","setHeaderSticky","sidebarVariant","setSidebarVariant","fontFamily","setFontFamily","shape","setShape","hasCustomPreferences","resetPreferences","useTheme","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","chosenSidebarVariant","language","setLanguage","languages","useLanguage","t","firstNavTo","useFirstNavTo","logoHref","configHeader","useHeaderConfig","variant","h","showFullscreen","showSettings","showSearch","showLanguages","showBreadcrumbs","toasterProps","onLogout","user","accountMenu","headerActions","isXs","useMediaQuery","actionsInMenu","runAction","_a","navigate","inertMenuItems","item","useEffect","isDev","isNarrow","collapsed","setCollapsed","useLockBodyScroll","pathname","useRouterState","s","isNotFound","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/Sidebar-CfEx7W7i.cjs

@@ -1,2 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("react"),v=require("@tanstack/react-router"),q=require("clsx"),M=require("./Icon-B6lz-V0A.cjs"),D=require("./List-B5Ppe9R1.cjs"),z=require("./ListItem-Qo1Tt6Fi.cjs"),A=require("./TextField-BRaoadxk.cjs"),O=require("./Typography-d97DdbNd.cjs"),E=require("./access-DPUHbE-S.cjs"),K=require("./ConfigProvider-DELhJlqo.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-CfEx7W7i.cjs.map

package/dist/Slider-0joKXhPo.cjs

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),F=require("react"),v=require("clsx"),ie=require("./formContext-bTWrqdEV.cjs"),q=require("./Typography-d97DdbNd.cjs"),c=require("./TextField.module-DsNCo8vN.cjs"),oe="_sm_s0efw_5",de="_md_s0efw_9",ue="_lg_s0efw_13",_e="_labelRow_s0efw_18",he="_value_s0efw_24",fe="_track_s0efw_30",pe="_hasMarks_s0efw_37",ye="_input_s0efw_42",ve="_marks_s0efw_109",ge="_mark_s0efw_109",we="_tick_s0efw_128",ke="_markLabel_s0efw_134",me="_rangeTrack_s0efw_141",xe="_rail_s0efw_146",je="_rangeFill_s0efw_147",Ne="_rangeInput_s0efw_164",l={sm:oe,md:de,lg:ue,labelRow:_e,value:he,track:fe,hasMarks:pe,input:ye,marks:ve,mark:ge,tick:we,markLabel:ke,rangeTrack:me,rail:xe,rangeFill:je,rangeInput:Ne},g=(w,r,i)=>Math.min(Math.max(w,r),i),b=(w,r,i)=>i>r?(w-r)/(i-r)*100:0,Se=F.forwardRef(function({label:r,size:i="md",error:K,helperText:O,required:Q=!1,fullWidth:U=!0,range:k=!1,value:V,defaultValue:X,onChange:M,min:a=0,max:t=100,step:I=1,color:Y="accent",disabled:m=!1,valueLabel:T=!0,marks:h,name:o,onBlur:$,id:Z,className:ee,style:se,...z},A){const le=F.useId(),x=Z??le,j=`${x}-helper`,f=ie.useFormContext(),B=!!(f&&o),n=f&&o?f.field(o):void 0,P=k?[a,t]:a,C=V!==void 0?V:B?f.values[o]??P:void 0,L=C!==void 0,[ae,te]=F.useState(X??P),u=L?C:ae,N=Array.isArray(u)?u:[a,u],d=g(Math.min(N[0],N[1]),a,t),_=g(Math.max(N[0],N[1]),a,t),S=g(Array.isArray(u)?u[0]:u,a,t),p=K??(n==null?void 0:n.error)??!1,y=O??(n==null?void 0:n.helperText),E=e=>{L||te(e),B&&f.setValue(o,e),M==null||M(e)},H=(e,ce)=>{const G=g(e,a,t),J=g(ce,a,t);E([Math.min(G,J),Math.max(G,J)])},R=e=>{n==null||n.onBlur(e),$==null||$(e)},W=T!==!1,re=typeof T=="function"?T(k?[d,_]:S):k?`${d} – ${_}`:S,D=b(d,a,t),ne=b(_,a,t);return s.jsxs("div",{className:v.clsx(c.fieldStyles.field,c.fieldStyles[i],l[i],U&&c.fieldStyles.fullWidth,p&&c.fieldStyles.error,m&&c.fieldStyles.disabled,ee),style:{"--tz-btn-rgb":`var(--tz-color-${Y}-rgb)`,"--tz-slider-fill":`${b(S,a,t)}%`,...se},children:[(r!=null||W)&&s.jsxs("div",{className:l.labelRow,children:[r!=null?s.jsxs("label",{htmlFor:x,className:c.fieldStyles.label,children:[s.jsx(q.Typography,{as:"span",variant:"bodySmall",color:"muted",children:r}),Q&&s.jsx("span",{className:c.fieldStyles.required,"aria-hidden":"true",children:"*"})]}):s.jsx("span",{}),W&&s.jsx(q.Typography,{as:"span",variant:"bodySmall",className:l.value,children:re})]}),k?s.jsxs("div",{className:v.clsx(l.track,l.rangeTrack),children:[s.jsx("span",{className:l.rail,"aria-hidden":!0}),s.jsx("span",{className:l.rangeFill,"aria-hidden":!0,style:{left:`${D}%`,width:`${ne-D}%`}}),s.jsx("input",{ref:A,id:x,name:o,type:"range",min:a,max:t,step:I,value:d,onChange:e=>H(Math.min(Number(e.target.value),_),_),onBlur:R,disabled:m,className:v.clsx(l.input,l.rangeInput),style:{zIndex:d>=t?5:3},"aria-label":r!=null?`${String(r)} start`:"Range start","aria-invalid":p||void 0,"aria-describedby":y!=null?j:void 0,...z}),s.jsx("input",{type:"range",min:a,max:t,step:I,value:_,onChange:e=>H(d,Math.max(Number(e.target.value),d)),onBlur:R,disabled:m,className:v.clsx(l.input,l.rangeInput),style:{zIndex:4},"aria-label":r!=null?`${String(r)} end`:"Range end","aria-invalid":p||void 0,"aria-describedby":y!=null?j:void 0})]}):s.jsxs("div",{className:v.clsx(l.track,h!=null&&h.length>0&&l.hasMarks),children:[s.jsx("input",{ref:A,id:x,name:o,type:"range",min:a,max:t,step:I,value:S,onChange:e=>E(Number(e.target.value)),onBlur:R,disabled:m,className:l.input,"aria-invalid":p||void 0,"aria-describedby":y!=null?j:void 0,...z}),h!=null&&h.length>0&&s.jsx("div",{className:l.marks,"aria-hidden":!0,children:h.map(e=>s.jsxs("span",{className:l.mark,style:{left:`${b(e.value,a,t)}%`},children:[s.jsx("span",{className:l.tick}),e.label!=null&&s.jsx("span",{className:l.markLabel,children:e.label})]},e.value))})]}),y!=null&&s.jsx(q.Typography,{as:"span",id:j,variant:"bodySmall",color:p?"error":"muted",className:c.fieldStyles.helper,children:y})]})});exports.Slider=Se;
-//# sourceMappingURL=Slider-0joKXhPo.cjs.map

package/dist/Slider-0joKXhPo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider-0joKXhPo.cjs","sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useState,\n  type CSSProperties,\n  type ChangeEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { Typography } from '../Typography'\nimport type { ThemeColor } from '../../theme'\n// shared field chrome (wrapper / label / helper / required / error / sizes)\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './Slider.module.css'\n\nexport type SliderSize = 'sm' | 'md' | 'lg'\n/** A single value, or a `[start, end]` tuple when `range`. */\nexport type SliderValue = number | [number, number]\n\n/** A labeled tick under the track. */\nexport interface SliderMark {\n  value: number\n  label?: ReactNode\n}\n\nexport interface SliderProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'color'\n> {\n  /** Label rendered above the track. */\n  label?: ReactNode\n  /** Preset size — drives the track + thumb dimensions and the label/helper font. */\n  size?: SliderSize\n  /** Marks the field invalid: red focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the track. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the slider to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Two-thumb range mode — pick a `[start, end]` span (e.g. 5–10). The value becomes a tuple. */\n  range?: boolean\n  /** Controlled value — a `number`, or a `[start, end]` tuple when `range`. */\n  value?: SliderValue\n  /** Initial value for uncontrolled use. Defaults to `min` (or `[min, max]` when `range`). */\n  defaultValue?: SliderValue\n  /** Fires with the next value (a `number`, or a `[start, end]` tuple when `range`). */\n  onChange?: (value: SliderValue) => void\n  /** Minimum value. Defaults to `0`. */\n  min?: number\n  /** Maximum value. Defaults to `100`. */\n  max?: number\n  /** Increment the thumb snaps to (arrow keys + drag). Defaults to `1`. */\n  step?: number\n  /** Theme palette token that tints the fill + thumb. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Disables the slider. */\n  disabled?: boolean\n  /**\n   * Show the current value at the end of the label row. Defaults to `true`. Pass a function to format\n   * it (receives the `number` or `[start, end]`), or `false` to hide it.\n   */\n  valueLabel?: boolean | ((value: SliderValue) => ReactNode)\n  /** Optional labeled ticks under the track (e.g. `[{ value: 0, label: 'Min' }, …]`). */\n  marks?: SliderMark[]\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(Math.max(n, lo), hi)\nconst toPercent = (v: number, min: number, max: number) =>\n  max > min ? ((v - min) / (max - min)) * 100 : 0\n\n/**\n * A range slider — drag (or arrow-key / Home / End) a thumb along the track to pick a number, snapping\n * to `step`. Built on a native `<input type=\"range\">`, so keyboard, dragging, step/min/max, and a11y\n * come for free; the track / fill / thumb are styled with `--tz-*` tokens and tinted by `color`. Pass\n * **`range`** for a two-thumb span (the value becomes a `[start, end]` tuple). Controlled (`value` +\n * `onChange`) or uncontrolled (`defaultValue`); a `name` binds it to a surrounding `<Form>` — the form\n * value is a real `number` (or `[start, end]`), validated with `z.number()` / `z.tuple([…])`.\n */\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(function Slider(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    range = false,\n    value,\n    defaultValue,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    color = 'accent',\n    disabled = false,\n    valueLabel = true,\n    marks,\n    name,\n    onBlur,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is a real number (or tuple); the\n  // touched/error state comes from field(), the raw value from values[name] (tuples must not be coerced).\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const fallback: SliderValue = range ? [min, max] : min\n  const externalValue: SliderValue | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as SliderValue | undefined) ?? fallback)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<SliderValue>(defaultValue ?? fallback)\n  const raw = isControlled ? externalValue! : internal\n\n  // Normalize to the active shape (clamped, and — for a range — ordered low ≤ high).\n  const tuple = Array.isArray(raw) ? raw : [min, raw]\n  const lo = clamp(Math.min(tuple[0], tuple[1]), min, max)\n  const hi = clamp(Math.max(tuple[0], tuple[1]), min, max)\n  const single = clamp(Array.isArray(raw) ? raw[0] : raw, min, max)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: SliderValue) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n  const commitRange = (nextLo: number, nextHi: number) => {\n    const l = clamp(nextLo, min, max)\n    const h = clamp(nextHi, min, max)\n    commit([Math.min(l, h), Math.max(l, h)])\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const showValue = valueLabel !== false\n  const currentValue: SliderValue = range ? [lo, hi] : single\n  const renderedValue =\n    typeof valueLabel === 'function' ? valueLabel(currentValue) : range ? `${lo} – ${hi}` : single\n\n  const loPct = toPercent(lo, min, max)\n  const hiPct = toPercent(hi, min, max)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        styles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-slider-fill': `${toPercent(single, min, max)}%`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      {(label != null || showValue) && (\n        <div className={styles.labelRow}>\n          {label != null ? (\n            <label htmlFor={id} className={fieldStyles.label}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {label}\n              </Typography>\n              {required && (\n                <span className={fieldStyles.required} aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          ) : (\n            <span />\n          )}\n          {showValue && (\n            <Typography as=\"span\" variant=\"bodySmall\" className={styles.value}>\n              {renderedValue}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {range ? (\n        <div className={clsx(styles.track, styles.rangeTrack)}>\n          <span className={styles.rail} aria-hidden />\n          <span\n            className={styles.rangeFill}\n            aria-hidden\n            style={{ left: `${loPct}%`, width: `${hiPct - loPct}%` }}\n          />\n          {/* start thumb — can't pass the end thumb */}\n          <input\n            ref={ref}\n            id={id}\n            name={name}\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={lo}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              commitRange(Math.min(Number(e.target.value), hi), hi)\n            }\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={clsx(styles.input, styles.rangeInput)}\n            // end thumb sits on top by default (z 4); raise the start above it (z 5) only when both pile\n            // at max, so whichever thumb needs grabbing is always reachable\n            style={{ zIndex: lo >= max ? 5 : 3 }}\n            aria-label={label != null ? `${String(label)} start` : 'Range start'}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n          {/* end thumb — can't pass the start thumb */}\n          <input\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={hi}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              commitRange(lo, Math.max(Number(e.target.value), lo))\n            }\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={clsx(styles.input, styles.rangeInput)}\n            style={{ zIndex: 4 }}\n            aria-label={label != null ? `${String(label)} end` : 'Range end'}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          />\n        </div>\n      ) : (\n        <div className={clsx(styles.track, marks != null && marks.length > 0 && styles.hasMarks)}>\n          <input\n            ref={ref}\n            id={id}\n            name={name}\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={single}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => commit(Number(e.target.value))}\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={styles.input}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n          {marks != null && marks.length > 0 && (\n            <div className={styles.marks} aria-hidden>\n              {marks.map((mark) => (\n                <span\n                  key={mark.value}\n                  className={styles.mark}\n                  style={{ left: `${toPercent(mark.value, min, max)}%` }}\n                >\n                  <span className={styles.tick} />\n                  {mark.label != null && <span className={styles.markLabel}>{mark.label}</span>}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["clamp","n","lo","hi","toPercent","v","min","max","Slider","forwardRef","label","size","error","helperText","required","fullWidth","range","value","defaultValue","onChange","step","color","disabled","valueLabel","marks","name","onBlur","idProp","className","style","props","ref","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","fallback","externalValue","isControlled","internal","setInternal","useState","raw","tuple","single","resolvedError","resolvedHelperText","commit","next","commitRange","nextLo","nextHi","l","h","handleBlur","event","showValue","renderedValue","loPct","hiPct","jsxs","clsx","fieldStyles","styles","jsx","Typography","mark"],"mappings":"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"}

package/dist/Slider-CwZYxDO0.js

@@ -1,184 +0,0 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { forwardRef as oa, useId as ia, useState as da } from "react";
-import { clsx as g } from "clsx";
-import { u as ua } from "./formContext-B7ln1Miy.js";
-import { T as A } from "./Typography-ChSuxgkc.js";
-import { f as c } from "./TextField.module-6gYcR9TL.js";
-const _a = "_sm_s0efw_5", fa = "_md_s0efw_9", ha = "_lg_s0efw_13", pa = "_labelRow_s0efw_18", va = "_value_s0efw_24", ma = "_track_s0efw_30", ga = "_hasMarks_s0efw_37", wa = "_input_s0efw_42", ka = "_marks_s0efw_109", ya = "_mark_s0efw_109", Na = "_tick_s0efw_128", ba = "_markLabel_s0efw_134", Ma = "_rangeTrack_s0efw_141", Ia = "_rail_s0efw_146", Sa = "_rangeFill_s0efw_147", $a = "_rangeInput_s0efw_164", e = {
-  sm: _a,
-  md: fa,
-  lg: ha,
-  labelRow: pa,
-  value: va,
-  track: ma,
-  hasMarks: ga,
-  input: wa,
-  marks: ka,
-  mark: ya,
-  tick: Na,
-  markLabel: ba,
-  rangeTrack: Ma,
-  rail: Ia,
-  rangeFill: Sa,
-  rangeInput: $a
-}, w = (k, r, o) => Math.min(Math.max(k, r), o), $ = (k, r, o) => o > r ? (k - r) / (o - r) * 100 : 0, Pa = oa(function({
-  label: r,
-  size: o = "md",
-  error: O,
-  helperText: Q,
-  required: U = !1,
-  fullWidth: X = !0,
-  range: y = !1,
-  value: B,
-  defaultValue: Y,
-  onChange: R,
-  min: s = 0,
-  max: l = 100,
-  step: T = 1,
-  color: Z = "accent",
-  disabled: N = !1,
-  valueLabel: F = !0,
-  marks: h,
-  name: i,
-  onBlur: V,
-  id: x,
-  className: aa,
-  style: ea,
-  ...P
-}, j) {
-  const sa = ia(), b = x ?? sa, M = `${b}-helper`, p = ua(), L = !!(p && i), n = p && i ? p.field(i) : void 0, q = y ? [s, l] : s, C = B !== void 0 ? B : L ? p.values[i] ?? q : void 0, E = C !== void 0, [la, ra] = da(Y ?? q), u = E ? C : la, I = Array.isArray(u) ? u : [s, u], d = w(Math.min(I[0], I[1]), s, l), _ = w(Math.max(I[0], I[1]), s, l), S = w(Array.isArray(u) ? u[0] : u, s, l), v = O ?? (n == null ? void 0 : n.error) ?? !1, m = Q ?? (n == null ? void 0 : n.helperText), H = (a) => {
-    E || ra(a), L && p.setValue(i, a), R == null || R(a);
-  }, W = (a, ca) => {
-    const J = w(a, s, l), K = w(ca, s, l);
-    H([Math.min(J, K), Math.max(J, K)]);
-  }, z = (a) => {
-    n == null || n.onBlur(a), V == null || V(a);
-  }, D = F !== !1, ta = typeof F == "function" ? F(y ? [d, _] : S) : y ? `${d} – ${_}` : S, G = $(d, s, l), na = $(_, s, l);
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: g(
-        c.field,
-        c[o],
-        e[o],
-        X && c.fullWidth,
-        v && c.error,
-        N && c.disabled,
-        aa
-      ),
-      style: {
-        "--tz-btn-rgb": `var(--tz-color-${Z}-rgb)`,
-        "--tz-slider-fill": `${$(S, s, l)}%`,
-        ...ea
-      },
-      children: [
-        (r != null || D) && /* @__PURE__ */ f("div", { className: e.labelRow, children: [
-          r != null ? /* @__PURE__ */ f("label", { htmlFor: b, className: c.label, children: [
-            /* @__PURE__ */ t(A, { as: "span", variant: "bodySmall", color: "muted", children: r }),
-            U && /* @__PURE__ */ t("span", { className: c.required, "aria-hidden": "true", children: "*" })
-          ] }) : /* @__PURE__ */ t("span", {}),
-          D && /* @__PURE__ */ t(A, { as: "span", variant: "bodySmall", className: e.value, children: ta })
-        ] }),
-        y ? /* @__PURE__ */ f("div", { className: g(e.track, e.rangeTrack), children: [
-          /* @__PURE__ */ t("span", { className: e.rail, "aria-hidden": !0 }),
-          /* @__PURE__ */ t(
-            "span",
-            {
-              className: e.rangeFill,
-              "aria-hidden": !0,
-              style: { left: `${G}%`, width: `${na - G}%` }
-            }
-          ),
-          /* @__PURE__ */ t(
-            "input",
-            {
-              ref: j,
-              id: b,
-              name: i,
-              type: "range",
-              min: s,
-              max: l,
-              step: T,
-              value: d,
-              onChange: (a) => W(Math.min(Number(a.target.value), _), _),
-              onBlur: z,
-              disabled: N,
-              className: g(e.input, e.rangeInput),
-              style: { zIndex: d >= l ? 5 : 3 },
-              "aria-label": r != null ? `${String(r)} start` : "Range start",
-              "aria-invalid": v || void 0,
-              "aria-describedby": m != null ? M : void 0,
-              ...P
-            }
-          ),
-          /* @__PURE__ */ t(
-            "input",
-            {
-              type: "range",
-              min: s,
-              max: l,
-              step: T,
-              value: _,
-              onChange: (a) => W(d, Math.max(Number(a.target.value), d)),
-              onBlur: z,
-              disabled: N,
-              className: g(e.input, e.rangeInput),
-              style: { zIndex: 4 },
-              "aria-label": r != null ? `${String(r)} end` : "Range end",
-              "aria-invalid": v || void 0,
-              "aria-describedby": m != null ? M : void 0
-            }
-          )
-        ] }) : /* @__PURE__ */ f("div", { className: g(e.track, h != null && h.length > 0 && e.hasMarks), children: [
-          /* @__PURE__ */ t(
-            "input",
-            {
-              ref: j,
-              id: b,
-              name: i,
-              type: "range",
-              min: s,
-              max: l,
-              step: T,
-              value: S,
-              onChange: (a) => H(Number(a.target.value)),
-              onBlur: z,
-              disabled: N,
-              className: e.input,
-              "aria-invalid": v || void 0,
-              "aria-describedby": m != null ? M : void 0,
-              ...P
-            }
-          ),
-          h != null && h.length > 0 && /* @__PURE__ */ t("div", { className: e.marks, "aria-hidden": !0, children: h.map((a) => /* @__PURE__ */ f(
-            "span",
-            {
-              className: e.mark,
-              style: { left: `${$(a.value, s, l)}%` },
-              children: [
-                /* @__PURE__ */ t("span", { className: e.tick }),
-                a.label != null && /* @__PURE__ */ t("span", { className: e.markLabel, children: a.label })
-              ]
-            },
-            a.value
-          )) })
-        ] }),
-        m != null && /* @__PURE__ */ t(
-          A,
-          {
-            as: "span",
-            id: M,
-            variant: "bodySmall",
-            color: v ? "error" : "muted",
-            className: c.helper,
-            children: m
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  Pa as S
-};
-//# sourceMappingURL=Slider-CwZYxDO0.js.map

package/dist/Slider-CwZYxDO0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider-CwZYxDO0.js","sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useState,\n  type CSSProperties,\n  type ChangeEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { Typography } from '../Typography'\nimport type { ThemeColor } from '../../theme'\n// shared field chrome (wrapper / label / helper / required / error / sizes)\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './Slider.module.css'\n\nexport type SliderSize = 'sm' | 'md' | 'lg'\n/** A single value, or a `[start, end]` tuple when `range`. */\nexport type SliderValue = number | [number, number]\n\n/** A labeled tick under the track. */\nexport interface SliderMark {\n  value: number\n  label?: ReactNode\n}\n\nexport interface SliderProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'color'\n> {\n  /** Label rendered above the track. */\n  label?: ReactNode\n  /** Preset size — drives the track + thumb dimensions and the label/helper font. */\n  size?: SliderSize\n  /** Marks the field invalid: red focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the track. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the slider to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Two-thumb range mode — pick a `[start, end]` span (e.g. 5–10). The value becomes a tuple. */\n  range?: boolean\n  /** Controlled value — a `number`, or a `[start, end]` tuple when `range`. */\n  value?: SliderValue\n  /** Initial value for uncontrolled use. Defaults to `min` (or `[min, max]` when `range`). */\n  defaultValue?: SliderValue\n  /** Fires with the next value (a `number`, or a `[start, end]` tuple when `range`). */\n  onChange?: (value: SliderValue) => void\n  /** Minimum value. Defaults to `0`. */\n  min?: number\n  /** Maximum value. Defaults to `100`. */\n  max?: number\n  /** Increment the thumb snaps to (arrow keys + drag). Defaults to `1`. */\n  step?: number\n  /** Theme palette token that tints the fill + thumb. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Disables the slider. */\n  disabled?: boolean\n  /**\n   * Show the current value at the end of the label row. Defaults to `true`. Pass a function to format\n   * it (receives the `number` or `[start, end]`), or `false` to hide it.\n   */\n  valueLabel?: boolean | ((value: SliderValue) => ReactNode)\n  /** Optional labeled ticks under the track (e.g. `[{ value: 0, label: 'Min' }, …]`). */\n  marks?: SliderMark[]\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(Math.max(n, lo), hi)\nconst toPercent = (v: number, min: number, max: number) =>\n  max > min ? ((v - min) / (max - min)) * 100 : 0\n\n/**\n * A range slider — drag (or arrow-key / Home / End) a thumb along the track to pick a number, snapping\n * to `step`. Built on a native `<input type=\"range\">`, so keyboard, dragging, step/min/max, and a11y\n * come for free; the track / fill / thumb are styled with `--tz-*` tokens and tinted by `color`. Pass\n * **`range`** for a two-thumb span (the value becomes a `[start, end]` tuple). Controlled (`value` +\n * `onChange`) or uncontrolled (`defaultValue`); a `name` binds it to a surrounding `<Form>` — the form\n * value is a real `number` (or `[start, end]`), validated with `z.number()` / `z.tuple([…])`.\n */\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(function Slider(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    range = false,\n    value,\n    defaultValue,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    color = 'accent',\n    disabled = false,\n    valueLabel = true,\n    marks,\n    name,\n    onBlur,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is a real number (or tuple); the\n  // touched/error state comes from field(), the raw value from values[name] (tuples must not be coerced).\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const fallback: SliderValue = range ? [min, max] : min\n  const externalValue: SliderValue | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as SliderValue | undefined) ?? fallback)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<SliderValue>(defaultValue ?? fallback)\n  const raw = isControlled ? externalValue! : internal\n\n  // Normalize to the active shape (clamped, and — for a range — ordered low ≤ high).\n  const tuple = Array.isArray(raw) ? raw : [min, raw]\n  const lo = clamp(Math.min(tuple[0], tuple[1]), min, max)\n  const hi = clamp(Math.max(tuple[0], tuple[1]), min, max)\n  const single = clamp(Array.isArray(raw) ? raw[0] : raw, min, max)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: SliderValue) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n  const commitRange = (nextLo: number, nextHi: number) => {\n    const l = clamp(nextLo, min, max)\n    const h = clamp(nextHi, min, max)\n    commit([Math.min(l, h), Math.max(l, h)])\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const showValue = valueLabel !== false\n  const currentValue: SliderValue = range ? [lo, hi] : single\n  const renderedValue =\n    typeof valueLabel === 'function' ? valueLabel(currentValue) : range ? `${lo} – ${hi}` : single\n\n  const loPct = toPercent(lo, min, max)\n  const hiPct = toPercent(hi, min, max)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        styles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-slider-fill': `${toPercent(single, min, max)}%`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      {(label != null || showValue) && (\n        <div className={styles.labelRow}>\n          {label != null ? (\n            <label htmlFor={id} className={fieldStyles.label}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {label}\n              </Typography>\n              {required && (\n                <span className={fieldStyles.required} aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          ) : (\n            <span />\n          )}\n          {showValue && (\n            <Typography as=\"span\" variant=\"bodySmall\" className={styles.value}>\n              {renderedValue}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {range ? (\n        <div className={clsx(styles.track, styles.rangeTrack)}>\n          <span className={styles.rail} aria-hidden />\n          <span\n            className={styles.rangeFill}\n            aria-hidden\n            style={{ left: `${loPct}%`, width: `${hiPct - loPct}%` }}\n          />\n          {/* start thumb — can't pass the end thumb */}\n          <input\n            ref={ref}\n            id={id}\n            name={name}\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={lo}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              commitRange(Math.min(Number(e.target.value), hi), hi)\n            }\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={clsx(styles.input, styles.rangeInput)}\n            // end thumb sits on top by default (z 4); raise the start above it (z 5) only when both pile\n            // at max, so whichever thumb needs grabbing is always reachable\n            style={{ zIndex: lo >= max ? 5 : 3 }}\n            aria-label={label != null ? `${String(label)} start` : 'Range start'}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n          {/* end thumb — can't pass the start thumb */}\n          <input\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={hi}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              commitRange(lo, Math.max(Number(e.target.value), lo))\n            }\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={clsx(styles.input, styles.rangeInput)}\n            style={{ zIndex: 4 }}\n            aria-label={label != null ? `${String(label)} end` : 'Range end'}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          />\n        </div>\n      ) : (\n        <div className={clsx(styles.track, marks != null && marks.length > 0 && styles.hasMarks)}>\n          <input\n            ref={ref}\n            id={id}\n            name={name}\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={single}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => commit(Number(e.target.value))}\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={styles.input}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n          {marks != null && marks.length > 0 && (\n            <div className={styles.marks} aria-hidden>\n              {marks.map((mark) => (\n                <span\n                  key={mark.value}\n                  className={styles.mark}\n                  style={{ left: `${toPercent(mark.value, min, max)}%` }}\n                >\n                  <span className={styles.tick} />\n                  {mark.label != null && <span className={styles.markLabel}>{mark.label}</span>}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["clamp","n","lo","hi","toPercent","v","min","max","Slider","forwardRef","label","size","error","helperText","required","fullWidth","range","value","defaultValue","onChange","step","color","disabled","valueLabel","marks","name","onBlur","idProp","className","style","props","ref","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","fallback","externalValue","isControlled","internal","setInternal","useState","raw","tuple","single","resolvedError","resolvedHelperText","commit","next","commitRange","nextLo","nextHi","l","h","handleBlur","event","showValue","renderedValue","loPct","hiPct","jsxs","clsx","fieldStyles","styles","jsx","Typography","e","mark"],"mappings":"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"}

package/dist/Stepper-D7An-ugU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper-D7An-ugU.cjs","sources":["../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { removeQueryParam, useClearUrlOnUnmount } from '../../hooks/useClearUrlOnUnmount'\nimport { useStepQueryKey, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport styles from './Stepper.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type StepperOrientation = 'horizontal' | 'vertical'\nexport type StepperSize = 'sm' | 'md' | 'lg'\n\nexport interface StepItem {\n  /** Step label. */\n  label?: ReactNode\n  /** Muted secondary line under the label. */\n  description?: ReactNode\n  /** Muted caption under the label (e.g. `\"Optional\"`). */\n  optional?: ReactNode\n  /** Override the step's number indicator with an icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Force the **completed** look regardless of the active step (e.g. an already-saved step). */\n  completed?: boolean\n  /** Marks the step **invalid** — a red indicator + label (e.g. its form section failed validation). */\n  error?: boolean\n  /** Disables the step — dimmed, (when clickable) not selectable, and skipped by the URL restore. */\n  disabled?: boolean\n  /**\n   * Panel content rendered while this step is active — **below the strip** in horizontal mode, and\n   * **inline under the step** (indented beside the rail) in vertical mode. Optional.\n   */\n  content?: ReactNode\n}\n\nexport interface StepperProps {\n  /** The steps, in order. */\n  steps: StepItem[]\n  /**\n   * Controlled current step index (**0-based**). Steps before it read **completed**, the one at it is\n   * **active**, and those after it are **upcoming**. Omit for uncontrolled (see `defaultStep`).\n   */\n  activeStep?: number\n  /**\n   * Initial step index (uncontrolled). Falls back to the URL query (when URL sync is active and the\n   * param is present) and otherwise the first enabled step.\n   */\n  defaultStep?: number\n  /**\n   * Fires with the next step index whenever the stepper itself changes the step — a clicked step head,\n   * or a Back/Forward `popstate` restore. In controlled mode apply it to your `activeStep` state.\n   */\n  onStepChange?: (index: number) => void\n  /**\n   * **Opt-in** URL sync — **off by default** (the URL is never touched when omitted). Pass the bare\n   * prop (**`queryKey`** / `true`) to sync the active step under the configured `keys.stepQueryKey`\n   * (else `'step'`), or a **string** for a custom param name. The URL value is **1-based**\n   * (`?step=2` = index 1) and a page refresh restores it. Two synced steppers on one page need\n   * distinct keys.\n   */\n  queryKey?: boolean | string\n  /**\n   * Push a history entry on each step change, so the browser **Back** button returns to the previous\n   * step. Defaults to `false` — step changes **replace** the URL, so Back leaves the page instead of\n   * stepping back through the wizard (and `popstate` still restores a step when one is in the query).\n   */\n  pushHistory?: boolean\n  /**\n   * With `queryKey` sync on, remove the step param when the stepper unmounts **on the same page** — a wizard\n   * in a closing `Modal`, a finished flow swapped out — so `?step=3` doesn't outlive it. After a navigation to\n   * another pathname nothing is touched. Defaults to `true`.\n   */\n  clearUrlOnUnmount?: boolean\n  /**\n   * Layout direction. `horizontal` (default) centers each label **under** its circle and **scrolls\n   * sideways** when the steps don't fit (so it fits a phone as-is); `vertical` stacks the steps along\n   * a rail connector.\n   */\n  orientation?: StepperOrientation\n  /** Preset size. Defaults to `'md'`. */\n  size?: StepperSize\n  /** Theme palette token tinting the active / completed steps. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /**\n   * Makes steps **clickable** — each step head becomes a `<button>` that fires this with the step index\n   * (a `disabled` step never fires); an uncontrolled stepper also selects the clicked step itself. Omit\n   * for a display-only progress indicator.\n   */\n  onStepClick?: (index: number) => void\n  /** Accessible label for the stepper list. */\n  'aria-label'?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A step progress indicator. Data-driven via `steps` (each: `label`, `description`, `optional`, `icon`,\n * `completed`, `error`, `disabled`, `content`) — controlled (`activeStep`, 0-based) or uncontrolled\n * (`defaultStep`). **Opt-in URL sync:** pass **`queryKey`** (bare/`true` = the configured\n * `keys.stepQueryKey`, else `'step'`; or a custom string) and the active step syncs to that query param\n * (**1-based** — `?step=2`) so a refresh restores it; with no `queryKey` the URL is never touched. A synced\n * stepper that unmounts on the same page removes its param again (`clearUrlOnUnmount`, default `true`).\n * Synced step changes **replace** the URL (Back doesn't walk the wizard); pass **`pushHistory`** to\n * step back with Back.\n * Horizontal (labels centered under the circles) or `vertical` (a rail); when the horizontal steps\n * don't fit, the strip **scrolls sideways** (scrollbar hidden, the active step kept in view) — so it\n * fits a phone as-is. The active step's **`content`** renders below the strip (horizontal) or inline\n * under the step (vertical). Pass **`onStepClick`** to make the steps navigable. Tinted by `color` via\n * the shared `--tz-btn-rgb` pattern; the list is an `<ol>` with `aria-current=\"step\"` on the active step.\n */\nexport const Stepper = forwardRef<HTMLDivElement, StepperProps>(function Stepper(\n  {\n    steps,\n    activeStep,\n    defaultStep,\n    onStepChange,\n    queryKey,\n    pushHistory = false,\n    clearUrlOnUnmount = true,\n    orientation = 'horizontal',\n    size = 'md',\n    color = 'primary',\n    onStepClick,\n    'aria-label': ariaLabel,\n    className,\n    style,\n  },\n  ref,\n) {\n  const vertical = orientation === 'vertical'\n  const clickable = onStepClick != null\n\n  // resolve the URL-sync key — OPT-IN: omitted/false = no sync (URL untouched); the bare/`true` form\n  // uses the configured default (`keys.stepQueryKey`, else 'step'); a string is a custom param name\n  const stepQueryKey = useStepQueryKey()\n  const syncKey = queryKey === true ? stepQueryKey : queryKey || undefined\n\n  const isSelectable = useCallback(\n    (i: number | null | undefined): i is number =>\n      i != null && Number.isInteger(i) && i >= 0 && i < steps.length && !steps[i].disabled,\n    [steps],\n  )\n\n  // the URL carries the step 1-based (`?step=2` = index 1) — human-friendly, like Table's page param\n  const readQuery = useCallback((): number | null => {\n    if (!syncKey || typeof window === 'undefined') return null\n    const raw = new URLSearchParams(window.location.search).get(syncKey)\n    return raw != null && /^\\d+$/.test(raw) ? Number(raw) - 1 : null\n  }, [syncKey])\n\n  const firstEnabled = Math.max(\n    steps.findIndex((s) => !s.disabled),\n    0,\n  )\n\n  const [internal, setInternal] = useState<number>(() => {\n    const q = readQuery()\n    if (isSelectable(q)) return q\n    return isSelectable(defaultStep) ? defaultStep : firstEnabled\n  })\n  const isControlled = activeStep !== undefined\n  // controlled mode renders the given index verbatim (even past the last step — the \"all completed\"\n  // pattern); only the URL/popstate restores are gated by `isSelectable`\n  const active = isControlled ? activeStep : internal\n\n  // keep the latest active / onStepChange / push-intent for the stable effects + popstate listener\n  const activeRef = useRef(active)\n  activeRef.current = active\n  const onStepChangeRef = useRef(onStepChange)\n  onStepChangeRef.current = onStepChange\n  const pushIntent = useRef(false)\n\n  const writeQuery = useCallback(\n    (next: number, push: boolean) => {\n      if (!syncKey || typeof window === 'undefined') return\n      const params = new URLSearchParams(window.location.search)\n      const value = String(next + 1)\n      if (params.get(syncKey) === value) return\n      params.set(syncKey, value)\n      const url = `${window.location.pathname}?${params.toString()}${window.location.hash}`\n      window.history[push ? 'pushState' : 'replaceState'](window.history.state, '', url)\n    },\n    [syncKey],\n  )\n\n  const select = (next: number) => {\n    if (next === activeRef.current) return\n    pushIntent.current = true\n    if (!isControlled) setInternal(next)\n    onStepChange?.(next)\n  }\n\n  // mirror the active step into the URL whenever it changes (and on mount = canonicalize). A\n  // user-driven change `push`es when `pushHistory`; programmatic / popstate changes just `replace`.\n  useEffect(() => {\n    if (!syncKey || typeof window === 'undefined') return\n    // an out-of-range active (e.g. `steps.length` = \"all done\") isn't a step — leave the URL alone\n    if (!Number.isInteger(active) || active < 0 || active >= steps.length) return\n    const push = pushIntent.current && pushHistory\n    pushIntent.current = false\n    writeQuery(active, push)\n  }, [syncKey, active, pushHistory, writeQuery, steps.length])\n\n  // unmount on the same page → drop the step param (shared rule: not after a navigation, StrictMode-safe)\n  useClearUrlOnUnmount(syncKey, clearUrlOnUnmount, () => {\n    if (syncKey) removeQueryParam(syncKey)\n  })\n\n  // Back/Forward → restore the step from the query\n  useEffect(() => {\n    if (!syncKey || typeof window === 'undefined') return\n    const onPopState = () => {\n      const q = readQuery()\n      if (isSelectable(q) && q !== activeRef.current) {\n        if (activeStep === undefined) setInternal(q)\n        onStepChangeRef.current?.(q)\n      }\n    }\n    window.addEventListener('popstate', onPopState)\n    return () => window.removeEventListener('popstate', onPopState)\n  }, [syncKey, readQuery, isSelectable, activeStep])\n\n  const activeContent = steps[active]?.content\n\n  // when the horizontal strip overflows (scrolls sideways), keep the active step in view — by moving\n  // the strip's own scrollLeft only. (scrollIntoView would also scroll every scrollable ancestor —\n  // i.e. the page itself — yanking the viewport down to the stepper on mount.)\n  const listRef = useRef<HTMLOListElement | null>(null)\n  useEffect(() => {\n    if (orientation === 'vertical') return // the vertical rail never scrolls sideways\n    const list = listRef.current\n    const el = list?.children[active] as HTMLElement | undefined\n    if (!list || !el) return\n    const listRect = list.getBoundingClientRect()\n    const elRect = el.getBoundingClientRect()\n    const left = elRect.left - listRect.left + list.scrollLeft\n    const right = left + elRect.width\n    if (left < list.scrollLeft) list.scrollLeft = left\n    else if (right > list.scrollLeft + list.clientWidth) list.scrollLeft = right - list.clientWidth\n  }, [active, orientation])\n\n  const renderIcon = (icon: StepItem['icon']) =>\n    typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={size} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.root, styles[orientation], styles[size], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      <ol ref={listRef} aria-label={ariaLabel} className={styles.list}>\n        {steps.map((step, i) => {\n          const isError = !!step.error\n          const isCompleted = !isError && (step.completed || i < active)\n          const isActive = !isError && !isCompleted && i === active\n          const state = isError\n            ? 'error'\n            : isCompleted\n              ? 'completed'\n              : isActive\n                ? 'active'\n                : 'upcoming'\n          const isLast = i === steps.length - 1\n\n          const icon = renderIcon(step.icon)\n          const indicator =\n            icon != null ? (\n              icon\n            ) : isCompleted ? (\n              <Icon name=\"Check\" size={size} />\n            ) : (\n              <span className={styles.number}>{i + 1}</span>\n            )\n\n          const hasText = step.label != null || step.description != null || step.optional != null\n          const head = (\n            <>\n              <span\n                className={styles.indicator}\n                aria-hidden={icon == null && !isCompleted ? undefined : true}\n              >\n                {indicator}\n              </span>\n              {hasText && (\n                <span className={styles.text}>\n                  {step.label != null && <span className={styles.label}>{step.label}</span>}\n                  {step.description != null && (\n                    <span className={styles.description}>{step.description}</span>\n                  )}\n                  {step.optional != null && (\n                    <span className={styles.optional}>{step.optional}</span>\n                  )}\n                </span>\n              )}\n            </>\n          )\n\n          return (\n            <li\n              key={i}\n              className={clsx(styles.step, styles[state], step.disabled && styles.disabled)}\n            >\n              {clickable ? (\n                <button\n                  type=\"button\"\n                  className={styles.main}\n                  disabled={step.disabled}\n                  aria-current={isActive ? 'step' : undefined}\n                  onClick={() => {\n                    onStepClick?.(i)\n                    select(i)\n                  }}\n                >\n                  {head}\n                </button>\n              ) : (\n                <div className={styles.main} aria-current={isActive ? 'step' : undefined}>\n                  {head}\n                </div>\n              )}\n              {!isLast && (\n                <span\n                  className={clsx(styles.connector, i < active && styles.done)}\n                  aria-hidden=\"true\"\n                />\n              )}\n              {/* vertical: the active step's content sits inline, indented beside the rail */}\n              {vertical && i === active && step.content != null && (\n                <div className={styles.stepContent}>{step.content}</div>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n      {/* horizontal: the active step's content renders as a panel below the strip */}\n      {!vertical && activeContent != null && <div className={styles.panel}>{activeContent}</div>}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","Stepper","forwardRef","steps","activeStep","defaultStep","onStepChange","queryKey","pushHistory","clearUrlOnUnmount","orientation","size","color","onStepClick","ariaLabel","className","style","ref","vertical","clickable","stepQueryKey","useStepQueryKey","syncKey","isSelectable","useCallback","i","readQuery","raw","firstEnabled","s","internal","setInternal","useState","q","isControlled","active","activeRef","useRef","onStepChangeRef","pushIntent","writeQuery","next","push","params","value","url","select","useEffect","useClearUrlOnUnmount","onPopState","_a","activeContent","listRef","list","el","listRect","elRect","left","right","renderIcon","icon","jsx","Icon","jsxs","clsx","styles","step","isError","isCompleted","isActive","state","isLast","indicator","hasText","head","Fragment"],"mappings":"o8BAgBMA,GAAgB,IAAI,IAAYC,YAAU,EAsGnCC,GAAUC,EAAAA,WAAyC,SAC9D,CACE,MAAAC,EACA,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,GACd,kBAAAC,EAAoB,GACpB,YAAAC,EAAc,aACd,KAAAC,EAAO,KACP,MAAAC,EAAQ,UACR,YAAAC,EACA,aAAcC,EACd,UAAAC,EACA,MAAAC,CACF,EACAC,EACA,OACA,MAAMC,EAAWR,IAAgB,WAC3BS,EAAYN,GAAe,KAI3BO,EAAeC,EAAAA,gBAAA,EACfC,EAAUf,IAAa,GAAOa,EAAeb,GAAY,OAEzDgB,EAAeC,EAAAA,YAClBC,GACCA,GAAK,MAAQ,OAAO,UAAUA,CAAC,GAAKA,GAAK,GAAKA,EAAItB,EAAM,QAAU,CAACA,EAAMsB,CAAC,EAAE,SAC9E,CAACtB,CAAK,CAAA,EAIFuB,EAAYF,EAAAA,YAAY,IAAqB,CACjD,GAAI,CAACF,GAAW,OAAO,OAAW,IAAa,OAAO,KACtD,MAAMK,EAAM,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAIL,CAAO,EACnE,OAAOK,GAAO,MAAQ,QAAQ,KAAKA,CAAG,EAAI,OAAOA,CAAG,EAAI,EAAI,IAC9D,EAAG,CAACL,CAAO,CAAC,EAENM,EAAe,KAAK,IACxBzB,EAAM,UAAW0B,GAAM,CAACA,EAAE,QAAQ,EAClC,CAAA,EAGI,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAiB,IAAM,CACrD,MAAMC,EAAIP,EAAA,EACV,OAAIH,EAAaU,CAAC,EAAUA,EACrBV,EAAalB,CAAW,EAAIA,EAAcuB,CACnD,CAAC,EACKM,EAAe9B,IAAe,OAG9B+B,EAASD,EAAe9B,EAAa0B,EAGrCM,EAAYC,EAAAA,OAAOF,CAAM,EAC/BC,EAAU,QAAUD,EACpB,MAAMG,EAAkBD,EAAAA,OAAO/B,CAAY,EAC3CgC,EAAgB,QAAUhC,EAC1B,MAAMiC,EAAaF,EAAAA,OAAO,EAAK,EAEzBG,EAAahB,EAAAA,YACjB,CAACiB,EAAcC,IAAkB,CAC/B,GAAI,CAACpB,GAAW,OAAO,OAAW,IAAa,OAC/C,MAAMqB,EAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM,EACnDC,EAAQ,OAAOH,EAAO,CAAC,EAC7B,GAAIE,EAAO,IAAIrB,CAAO,IAAMsB,EAAO,OACnCD,EAAO,IAAIrB,EAASsB,CAAK,EACzB,MAAMC,EAAM,GAAG,OAAO,SAAS,QAAQ,IAAIF,EAAO,SAAA,CAAU,GAAG,OAAO,SAAS,IAAI,GACnF,OAAO,QAAQD,EAAO,YAAc,cAAc,EAAE,OAAO,QAAQ,MAAO,GAAIG,CAAG,CACnF,EACA,CAACvB,CAAO,CAAA,EAGJwB,EAAUL,GAAiB,CAC3BA,IAASL,EAAU,UACvBG,EAAW,QAAU,GAChBL,GAAcH,EAAYU,CAAI,EACnCnC,GAAA,MAAAA,EAAemC,GACjB,EAIAM,EAAAA,UAAU,IAAM,CAGd,GAFI,CAACzB,GAAW,OAAO,OAAW,KAE9B,CAAC,OAAO,UAAUa,CAAM,GAAKA,EAAS,GAAKA,GAAUhC,EAAM,OAAQ,OACvE,MAAMuC,EAAOH,EAAW,SAAW/B,EACnC+B,EAAW,QAAU,GACrBC,EAAWL,EAAQO,CAAI,CACzB,EAAG,CAACpB,EAASa,EAAQ3B,EAAagC,EAAYrC,EAAM,MAAM,CAAC,EAG3D6C,uBAAqB1B,EAASb,EAAmB,IAAM,CACjDa,sBAA0BA,CAAO,CACvC,CAAC,EAGDyB,EAAAA,UAAU,IAAM,CACd,GAAI,CAACzB,GAAW,OAAO,OAAW,IAAa,OAC/C,MAAM2B,EAAa,IAAM,OACvB,MAAMhB,EAAIP,EAAA,EACNH,EAAaU,CAAC,GAAKA,IAAMG,EAAU,UACjChC,IAAe,QAAW2B,EAAYE,CAAC,GAC3CiB,EAAAZ,EAAgB,UAAhB,MAAAY,EAAA,KAAAZ,EAA0BL,GAE9B,EACA,cAAO,iBAAiB,WAAYgB,CAAU,EACvC,IAAM,OAAO,oBAAoB,WAAYA,CAAU,CAChE,EAAG,CAAC3B,EAASI,EAAWH,EAAcnB,CAAU,CAAC,EAEjD,MAAM+C,GAAgBD,EAAA/C,EAAMgC,CAAM,IAAZ,YAAAe,EAAe,QAK/BE,EAAUf,EAAAA,OAAgC,IAAI,EACpDU,EAAAA,UAAU,IAAM,CACd,GAAIrC,IAAgB,WAAY,OAChC,MAAM2C,EAAOD,EAAQ,QACfE,EAAKD,GAAA,YAAAA,EAAM,SAASlB,GAC1B,GAAI,CAACkB,GAAQ,CAACC,EAAI,OAClB,MAAMC,EAAWF,EAAK,sBAAA,EAChBG,EAASF,EAAG,sBAAA,EACZG,EAAOD,EAAO,KAAOD,EAAS,KAAOF,EAAK,WAC1CK,EAAQD,EAAOD,EAAO,MACxBC,EAAOJ,EAAK,WAAYA,EAAK,WAAaI,EACrCC,EAAQL,EAAK,WAAaA,EAAK,cAAaA,EAAK,WAAaK,EAAQL,EAAK,YACtF,EAAG,CAAClB,EAAQzB,CAAW,CAAC,EAExB,MAAMiD,EAAcC,GAClB,OAAOA,GAAS,UAAY7D,GAAc,IAAI6D,CAAI,EAChDC,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMF,EAAkB,KAAAjD,EAAY,EAE1CiD,EAGJ,OACEG,EAAAA,KAAC,MAAA,CACC,IAAA9C,EACA,UAAW+C,EAAAA,KAAKC,EAAO,KAAMA,EAAOvD,CAAW,EAAGuD,EAAOtD,CAAI,EAAGI,CAAS,EACzE,MACE,CACE,eAAgB,kBAAkBH,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGI,CAAA,EAIP,SAAA,CAAA6C,EAAAA,IAAC,KAAA,CAAG,IAAKT,EAAS,aAAYtC,EAAW,UAAWmD,EAAO,KACxD,SAAA9D,EAAM,IAAI,CAAC+D,EAAMzC,IAAM,CACtB,MAAM0C,EAAU,CAAC,CAACD,EAAK,MACjBE,EAAc,CAACD,IAAYD,EAAK,WAAazC,EAAIU,GACjDkC,EAAW,CAACF,GAAW,CAACC,GAAe3C,IAAMU,EAC7CmC,EAAQH,EACV,QACAC,EACE,YACAC,EACE,SACA,WACFE,EAAS9C,IAAMtB,EAAM,OAAS,EAE9ByD,EAAOD,EAAWO,EAAK,IAAI,EAC3BM,EACJZ,IAEIQ,QACDN,EAAAA,KAAA,CAAK,KAAK,QAAQ,KAAAnD,CAAA,CAAY,EAE/BkD,EAAAA,IAAC,OAAA,CAAK,UAAWI,EAAO,OAAS,WAAI,EAAE,GAGrCQ,EAAUP,EAAK,OAAS,MAAQA,EAAK,aAAe,MAAQA,EAAK,UAAY,KAC7EQ,EACJX,EAAAA,KAAAY,EAAAA,SAAA,CACE,SAAA,CAAAd,EAAAA,IAAC,OAAA,CACC,UAAWI,EAAO,UAClB,cAAaL,GAAQ,MAAQ,CAACQ,EAAc,OAAY,GAEvD,SAAAI,CAAA,CAAA,EAEFC,GACCV,EAAAA,KAAC,OAAA,CAAK,UAAWE,EAAO,KACrB,SAAA,CAAAC,EAAK,OAAS,MAAQL,EAAAA,IAAC,OAAA,CAAK,UAAWI,EAAO,MAAQ,WAAK,KAAA,CAAM,EACjEC,EAAK,aAAe,MACnBL,EAAAA,IAAC,QAAK,UAAWI,EAAO,YAAc,SAAAC,EAAK,WAAA,CAAY,EAExDA,EAAK,UAAY,MAChBL,EAAAA,IAAC,QAAK,UAAWI,EAAO,SAAW,SAAAC,EAAK,QAAA,CAAS,CAAA,CAAA,CAErD,CAAA,EAEJ,EAGF,OACEH,EAAAA,KAAC,KAAA,CAEC,UAAWC,EAAAA,KAAKC,EAAO,KAAMA,EAAOK,CAAK,EAAGJ,EAAK,UAAYD,EAAO,QAAQ,EAE3E,SAAA,CAAA9C,EACC0C,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWI,EAAO,KAClB,SAAUC,EAAK,SACf,eAAcG,EAAW,OAAS,OAClC,QAAS,IAAM,CACbxD,GAAA,MAAAA,EAAcY,GACdqB,EAAOrB,CAAC,CACV,EAEC,SAAAiD,CAAA,CAAA,EAGHb,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAO,KAAM,eAAcI,EAAW,OAAS,OAC5D,SAAAK,CAAA,CACH,EAED,CAACH,GACAV,EAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,KAAKC,EAAO,UAAWxC,EAAIU,GAAU8B,EAAO,IAAI,EAC3D,cAAY,MAAA,CAAA,EAIf/C,GAAYO,IAAMU,GAAU+B,EAAK,SAAW,MAC3CL,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAO,YAAc,SAAAC,EAAK,OAAA,CAAQ,CAAA,CAAA,EA7B/CzC,CAAA,CAiCX,CAAC,CAAA,CACH,EAEC,CAACP,GAAYiC,GAAiB,YAAS,MAAA,CAAI,UAAWc,EAAO,MAAQ,SAAAd,CAAA,CAAc,CAAA,CAAA,CAAA,CAG1F,CAAC"}

package/dist/Stepper-DYpiLhzD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper-DYpiLhzD.js","sources":["../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { removeQueryParam, useClearUrlOnUnmount } from '../../hooks/useClearUrlOnUnmount'\nimport { useStepQueryKey, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport styles from './Stepper.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type StepperOrientation = 'horizontal' | 'vertical'\nexport type StepperSize = 'sm' | 'md' | 'lg'\n\nexport interface StepItem {\n  /** Step label. */\n  label?: ReactNode\n  /** Muted secondary line under the label. */\n  description?: ReactNode\n  /** Muted caption under the label (e.g. `\"Optional\"`). */\n  optional?: ReactNode\n  /** Override the step's number indicator with an icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Force the **completed** look regardless of the active step (e.g. an already-saved step). */\n  completed?: boolean\n  /** Marks the step **invalid** — a red indicator + label (e.g. its form section failed validation). */\n  error?: boolean\n  /** Disables the step — dimmed, (when clickable) not selectable, and skipped by the URL restore. */\n  disabled?: boolean\n  /**\n   * Panel content rendered while this step is active — **below the strip** in horizontal mode, and\n   * **inline under the step** (indented beside the rail) in vertical mode. Optional.\n   */\n  content?: ReactNode\n}\n\nexport interface StepperProps {\n  /** The steps, in order. */\n  steps: StepItem[]\n  /**\n   * Controlled current step index (**0-based**). Steps before it read **completed**, the one at it is\n   * **active**, and those after it are **upcoming**. Omit for uncontrolled (see `defaultStep`).\n   */\n  activeStep?: number\n  /**\n   * Initial step index (uncontrolled). Falls back to the URL query (when URL sync is active and the\n   * param is present) and otherwise the first enabled step.\n   */\n  defaultStep?: number\n  /**\n   * Fires with the next step index whenever the stepper itself changes the step — a clicked step head,\n   * or a Back/Forward `popstate` restore. In controlled mode apply it to your `activeStep` state.\n   */\n  onStepChange?: (index: number) => void\n  /**\n   * **Opt-in** URL sync — **off by default** (the URL is never touched when omitted). Pass the bare\n   * prop (**`queryKey`** / `true`) to sync the active step under the configured `keys.stepQueryKey`\n   * (else `'step'`), or a **string** for a custom param name. The URL value is **1-based**\n   * (`?step=2` = index 1) and a page refresh restores it. Two synced steppers on one page need\n   * distinct keys.\n   */\n  queryKey?: boolean | string\n  /**\n   * Push a history entry on each step change, so the browser **Back** button returns to the previous\n   * step. Defaults to `false` — step changes **replace** the URL, so Back leaves the page instead of\n   * stepping back through the wizard (and `popstate` still restores a step when one is in the query).\n   */\n  pushHistory?: boolean\n  /**\n   * With `queryKey` sync on, remove the step param when the stepper unmounts **on the same page** — a wizard\n   * in a closing `Modal`, a finished flow swapped out — so `?step=3` doesn't outlive it. After a navigation to\n   * another pathname nothing is touched. Defaults to `true`.\n   */\n  clearUrlOnUnmount?: boolean\n  /**\n   * Layout direction. `horizontal` (default) centers each label **under** its circle and **scrolls\n   * sideways** when the steps don't fit (so it fits a phone as-is); `vertical` stacks the steps along\n   * a rail connector.\n   */\n  orientation?: StepperOrientation\n  /** Preset size. Defaults to `'md'`. */\n  size?: StepperSize\n  /** Theme palette token tinting the active / completed steps. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /**\n   * Makes steps **clickable** — each step head becomes a `<button>` that fires this with the step index\n   * (a `disabled` step never fires); an uncontrolled stepper also selects the clicked step itself. Omit\n   * for a display-only progress indicator.\n   */\n  onStepClick?: (index: number) => void\n  /** Accessible label for the stepper list. */\n  'aria-label'?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A step progress indicator. Data-driven via `steps` (each: `label`, `description`, `optional`, `icon`,\n * `completed`, `error`, `disabled`, `content`) — controlled (`activeStep`, 0-based) or uncontrolled\n * (`defaultStep`). **Opt-in URL sync:** pass **`queryKey`** (bare/`true` = the configured\n * `keys.stepQueryKey`, else `'step'`; or a custom string) and the active step syncs to that query param\n * (**1-based** — `?step=2`) so a refresh restores it; with no `queryKey` the URL is never touched. A synced\n * stepper that unmounts on the same page removes its param again (`clearUrlOnUnmount`, default `true`).\n * Synced step changes **replace** the URL (Back doesn't walk the wizard); pass **`pushHistory`** to\n * step back with Back.\n * Horizontal (labels centered under the circles) or `vertical` (a rail); when the horizontal steps\n * don't fit, the strip **scrolls sideways** (scrollbar hidden, the active step kept in view) — so it\n * fits a phone as-is. The active step's **`content`** renders below the strip (horizontal) or inline\n * under the step (vertical). Pass **`onStepClick`** to make the steps navigable. Tinted by `color` via\n * the shared `--tz-btn-rgb` pattern; the list is an `<ol>` with `aria-current=\"step\"` on the active step.\n */\nexport const Stepper = forwardRef<HTMLDivElement, StepperProps>(function Stepper(\n  {\n    steps,\n    activeStep,\n    defaultStep,\n    onStepChange,\n    queryKey,\n    pushHistory = false,\n    clearUrlOnUnmount = true,\n    orientation = 'horizontal',\n    size = 'md',\n    color = 'primary',\n    onStepClick,\n    'aria-label': ariaLabel,\n    className,\n    style,\n  },\n  ref,\n) {\n  const vertical = orientation === 'vertical'\n  const clickable = onStepClick != null\n\n  // resolve the URL-sync key — OPT-IN: omitted/false = no sync (URL untouched); the bare/`true` form\n  // uses the configured default (`keys.stepQueryKey`, else 'step'); a string is a custom param name\n  const stepQueryKey = useStepQueryKey()\n  const syncKey = queryKey === true ? stepQueryKey : queryKey || undefined\n\n  const isSelectable = useCallback(\n    (i: number | null | undefined): i is number =>\n      i != null && Number.isInteger(i) && i >= 0 && i < steps.length && !steps[i].disabled,\n    [steps],\n  )\n\n  // the URL carries the step 1-based (`?step=2` = index 1) — human-friendly, like Table's page param\n  const readQuery = useCallback((): number | null => {\n    if (!syncKey || typeof window === 'undefined') return null\n    const raw = new URLSearchParams(window.location.search).get(syncKey)\n    return raw != null && /^\\d+$/.test(raw) ? Number(raw) - 1 : null\n  }, [syncKey])\n\n  const firstEnabled = Math.max(\n    steps.findIndex((s) => !s.disabled),\n    0,\n  )\n\n  const [internal, setInternal] = useState<number>(() => {\n    const q = readQuery()\n    if (isSelectable(q)) return q\n    return isSelectable(defaultStep) ? defaultStep : firstEnabled\n  })\n  const isControlled = activeStep !== undefined\n  // controlled mode renders the given index verbatim (even past the last step — the \"all completed\"\n  // pattern); only the URL/popstate restores are gated by `isSelectable`\n  const active = isControlled ? activeStep : internal\n\n  // keep the latest active / onStepChange / push-intent for the stable effects + popstate listener\n  const activeRef = useRef(active)\n  activeRef.current = active\n  const onStepChangeRef = useRef(onStepChange)\n  onStepChangeRef.current = onStepChange\n  const pushIntent = useRef(false)\n\n  const writeQuery = useCallback(\n    (next: number, push: boolean) => {\n      if (!syncKey || typeof window === 'undefined') return\n      const params = new URLSearchParams(window.location.search)\n      const value = String(next + 1)\n      if (params.get(syncKey) === value) return\n      params.set(syncKey, value)\n      const url = `${window.location.pathname}?${params.toString()}${window.location.hash}`\n      window.history[push ? 'pushState' : 'replaceState'](window.history.state, '', url)\n    },\n    [syncKey],\n  )\n\n  const select = (next: number) => {\n    if (next === activeRef.current) return\n    pushIntent.current = true\n    if (!isControlled) setInternal(next)\n    onStepChange?.(next)\n  }\n\n  // mirror the active step into the URL whenever it changes (and on mount = canonicalize). A\n  // user-driven change `push`es when `pushHistory`; programmatic / popstate changes just `replace`.\n  useEffect(() => {\n    if (!syncKey || typeof window === 'undefined') return\n    // an out-of-range active (e.g. `steps.length` = \"all done\") isn't a step — leave the URL alone\n    if (!Number.isInteger(active) || active < 0 || active >= steps.length) return\n    const push = pushIntent.current && pushHistory\n    pushIntent.current = false\n    writeQuery(active, push)\n  }, [syncKey, active, pushHistory, writeQuery, steps.length])\n\n  // unmount on the same page → drop the step param (shared rule: not after a navigation, StrictMode-safe)\n  useClearUrlOnUnmount(syncKey, clearUrlOnUnmount, () => {\n    if (syncKey) removeQueryParam(syncKey)\n  })\n\n  // Back/Forward → restore the step from the query\n  useEffect(() => {\n    if (!syncKey || typeof window === 'undefined') return\n    const onPopState = () => {\n      const q = readQuery()\n      if (isSelectable(q) && q !== activeRef.current) {\n        if (activeStep === undefined) setInternal(q)\n        onStepChangeRef.current?.(q)\n      }\n    }\n    window.addEventListener('popstate', onPopState)\n    return () => window.removeEventListener('popstate', onPopState)\n  }, [syncKey, readQuery, isSelectable, activeStep])\n\n  const activeContent = steps[active]?.content\n\n  // when the horizontal strip overflows (scrolls sideways), keep the active step in view — by moving\n  // the strip's own scrollLeft only. (scrollIntoView would also scroll every scrollable ancestor —\n  // i.e. the page itself — yanking the viewport down to the stepper on mount.)\n  const listRef = useRef<HTMLOListElement | null>(null)\n  useEffect(() => {\n    if (orientation === 'vertical') return // the vertical rail never scrolls sideways\n    const list = listRef.current\n    const el = list?.children[active] as HTMLElement | undefined\n    if (!list || !el) return\n    const listRect = list.getBoundingClientRect()\n    const elRect = el.getBoundingClientRect()\n    const left = elRect.left - listRect.left + list.scrollLeft\n    const right = left + elRect.width\n    if (left < list.scrollLeft) list.scrollLeft = left\n    else if (right > list.scrollLeft + list.clientWidth) list.scrollLeft = right - list.clientWidth\n  }, [active, orientation])\n\n  const renderIcon = (icon: StepItem['icon']) =>\n    typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={size} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.root, styles[orientation], styles[size], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      <ol ref={listRef} aria-label={ariaLabel} className={styles.list}>\n        {steps.map((step, i) => {\n          const isError = !!step.error\n          const isCompleted = !isError && (step.completed || i < active)\n          const isActive = !isError && !isCompleted && i === active\n          const state = isError\n            ? 'error'\n            : isCompleted\n              ? 'completed'\n              : isActive\n                ? 'active'\n                : 'upcoming'\n          const isLast = i === steps.length - 1\n\n          const icon = renderIcon(step.icon)\n          const indicator =\n            icon != null ? (\n              icon\n            ) : isCompleted ? (\n              <Icon name=\"Check\" size={size} />\n            ) : (\n              <span className={styles.number}>{i + 1}</span>\n            )\n\n          const hasText = step.label != null || step.description != null || step.optional != null\n          const head = (\n            <>\n              <span\n                className={styles.indicator}\n                aria-hidden={icon == null && !isCompleted ? undefined : true}\n              >\n                {indicator}\n              </span>\n              {hasText && (\n                <span className={styles.text}>\n                  {step.label != null && <span className={styles.label}>{step.label}</span>}\n                  {step.description != null && (\n                    <span className={styles.description}>{step.description}</span>\n                  )}\n                  {step.optional != null && (\n                    <span className={styles.optional}>{step.optional}</span>\n                  )}\n                </span>\n              )}\n            </>\n          )\n\n          return (\n            <li\n              key={i}\n              className={clsx(styles.step, styles[state], step.disabled && styles.disabled)}\n            >\n              {clickable ? (\n                <button\n                  type=\"button\"\n                  className={styles.main}\n                  disabled={step.disabled}\n                  aria-current={isActive ? 'step' : undefined}\n                  onClick={() => {\n                    onStepClick?.(i)\n                    select(i)\n                  }}\n                >\n                  {head}\n                </button>\n              ) : (\n                <div className={styles.main} aria-current={isActive ? 'step' : undefined}>\n                  {head}\n                </div>\n              )}\n              {!isLast && (\n                <span\n                  className={clsx(styles.connector, i < active && styles.done)}\n                  aria-hidden=\"true\"\n                />\n              )}\n              {/* vertical: the active step's content sits inline, indented beside the rail */}\n              {vertical && i === active && step.content != null && (\n                <div className={styles.stepContent}>{step.content}</div>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n      {/* horizontal: the active step's content renders as a panel below the strip */}\n      {!vertical && activeContent != null && <div className={styles.panel}>{activeContent}</div>}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","Stepper","forwardRef","steps","activeStep","defaultStep","onStepChange","queryKey","pushHistory","clearUrlOnUnmount","orientation","size","color","onStepClick","ariaLabel","className","style","ref","vertical","clickable","stepQueryKey","useStepQueryKey","syncKey","isSelectable","useCallback","i","readQuery","raw","firstEnabled","s","internal","setInternal","useState","q","isControlled","active","activeRef","useRef","onStepChangeRef","pushIntent","writeQuery","next","push","params","value","url","select","useEffect","useClearUrlOnUnmount","onPopState","_a","activeContent","listRef","list","el","listRect","elRect","left","right","renderIcon","icon","jsx","Icon","jsxs","clsx","styles","step","isError","isCompleted","isActive","state","isLast","indicator","hasText","head","Fragment"],"mappings":"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"}