@techzyapp/ui-library 1.0.21 → 1.0.25

package/dist/Sidebar-YH-DoNG9.js.map

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

package/dist/{SpeedDial-D6sO-9ES.cjs → SpeedDial-9_Yk8AGx.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("react"),_=require("clsx"),A=require("./names-BJnFU_5m.cjs"),C=require("./Icon-BVULqOJD.cjs"),R=require("./IconButton-Lv0sDDR9.cjs"),G=require("./Tooltip-Ao7az09p.cjs"),M=o.createContext(null);function H(){return o.useContext(M)}const J="_speedDial_1qwl9_4",Q="_fab_1qwl9_9",U="_fabIcon_1qwl9_17",V="_fabIconOpen_1qwl9_21",X="_actions_1qwl9_26",Y="_up_1qwl9_47",ee="_down_1qwl9_53",te="_left_1qwl9_59",ne="_right_1qwl9_65",se="_action_1qwl9_26",oe="_actionWrap_1qwl9_91",ce="_actionLabel_1qwl9_95",re="_labelLeft_1qwl9_110",ae="_labelTop_1qwl9_117",s={speedDial:J,fab:Q,fabIcon:U,fabIconOpen:V,actions:X,up:Y,down:ee,left:te,right:ne,action:se,actionWrap:oe,actionLabel:ce,labelLeft:re,labelTop:ae},le=new Set(A.ICON_NAMES),k=o.forwardRef(function({icon:a,label:c,tooltipOpen:i,hideTooltip:b=!1,onClick:u,disabled:m,className:w,...I},f){const t=H(),N=typeof a=="string"&&le.has(a)?n.jsx(C.Icon,{name:a}):a,p=n.jsx(R.IconButton,{ref:f,rounded:!0,variant:"contained",color:"surface",size:(t==null?void 0:t.size)??"sm",disabled:m,"aria-label":typeof c=="string"?c:void 0,className:_.clsx(s.action,w),onClick:E=>{u==null||u(E),t!=null&&t.closeOnClick&&t.requestClose()},...I,children:N});if(c==null||b)return p;const d=(t==null?void 0:t.placement)??"left";return i??(t==null?void 0:t.persistentLabels)??!1?n.jsxs("span",{className:_.clsx(s.actionWrap,d==="top"?s.labelTop:s.labelLeft),children:[p,n.jsx("span",{className:s.actionLabel,children:c})]}):n.jsx(G.Tooltip,{content:c,placement:d,children:p})}),ie=new Set(A.ICON_NAMES),ue={sm:"sm",md:"sm",lg:"md"},fe={up:"left",down:"left",left:"top",right:"top"},pe=o.forwardRef(function({ariaLabel:a,icon:c="Add",openIcon:i,direction:b="up",color:u="primary",size:m="md",open:w,defaultOpen:I=!1,onOpenChange:f,openOnHover:t=!0,closeOnActionClick:N=!0,tooltipOpen:p=!1,actions:d,disabled:L=!1,children:E,className:P,style:W,...B},q){const S=o.useRef(null),j=o.useRef(null),v=o.useId(),O=w!==void 0,[z,K]=o.useState(I),r=O?w:z,l=e=>{O||K(e),f==null||f(e)},D=o.useRef(l);D.current=l,o.useEffect(()=>{if(!r)return;const e=h=>{S.current&&!S.current.contains(h.target)&&D.current(!1)},x=h=>{var y;h.key==="Escape"&&(D.current(!1),(y=j.current)==null||y.focus())};return document.addEventListener("pointerdown",e),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",e),document.removeEventListener("keydown",x)}},[r]);const Z=e=>{S.current=e,typeof q=="function"?q(e):q&&(q.current=e)},T=e=>typeof e=="string"&&ie.has(e)?n.jsx(C.Icon,{name:e}):e,$={size:ue[m],placement:fe[b],closeOnClick:N,persistentLabels:p,requestClose:()=>l(!1)},F=t&&!L?{onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)}:{};return n.jsxs("div",{ref:Z,className:_.clsx(s.speedDial,P),style:W,...F,...B,children:[n.jsx("div",{id:v,className:_.clsx(s.actions,s[b]),"data-open":r?"true":"false",children:n.jsx(M.Provider,{value:$,children:d?d.map((e,x)=>n.jsx(k,{icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled},e.key??x)):E})}),n.jsx(R.IconButton,{ref:j,rounded:!0,variant:"contained",color:u,size:m,disabled:L,"aria-label":a,"aria-haspopup":"true","aria-expanded":r,"aria-controls":v,className:s.fab,onClick:()=>l(!r),children:n.jsx("span",{className:_.clsx(s.fabIcon,!i&&r&&s.fabIconOpen),children:r&&i!=null?T(i):T(c)})})]})});exports.SpeedDial=pe;exports.SpeedDialAction=k;
-//# sourceMappingURL=SpeedDial-D6sO-9ES.cjs.map
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),_=require("clsx"),A=require("./names-BJnFU_5m.cjs"),C=require("./Icon-BVULqOJD.cjs"),R=require("./IconButton-BN-bZxEi.cjs"),G=require("./Tooltip-Ao7az09p.cjs"),M=o.createContext(null);function H(){return o.useContext(M)}const J="_speedDial_1qwl9_4",Q="_fab_1qwl9_9",U="_fabIcon_1qwl9_17",V="_fabIconOpen_1qwl9_21",X="_actions_1qwl9_26",Y="_up_1qwl9_47",ee="_down_1qwl9_53",te="_left_1qwl9_59",ne="_right_1qwl9_65",se="_action_1qwl9_26",oe="_actionWrap_1qwl9_91",ce="_actionLabel_1qwl9_95",re="_labelLeft_1qwl9_110",ae="_labelTop_1qwl9_117",s={speedDial:J,fab:Q,fabIcon:U,fabIconOpen:V,actions:X,up:Y,down:ee,left:te,right:ne,action:se,actionWrap:oe,actionLabel:ce,labelLeft:re,labelTop:ae},le=new Set(A.ICON_NAMES),k=o.forwardRef(function({icon:a,label:c,tooltipOpen:i,hideTooltip:b=!1,onClick:u,disabled:m,className:w,...I},f){const t=H(),N=typeof a=="string"&&le.has(a)?n.jsx(C.Icon,{name:a}):a,p=n.jsx(R.IconButton,{ref:f,rounded:!0,variant:"contained",color:"surface",size:(t==null?void 0:t.size)??"sm",disabled:m,"aria-label":typeof c=="string"?c:void 0,className:_.clsx(s.action,w),onClick:E=>{u==null||u(E),t!=null&&t.closeOnClick&&t.requestClose()},...I,children:N});if(c==null||b)return p;const d=(t==null?void 0:t.placement)??"left";return i??(t==null?void 0:t.persistentLabels)??!1?n.jsxs("span",{className:_.clsx(s.actionWrap,d==="top"?s.labelTop:s.labelLeft),children:[p,n.jsx("span",{className:s.actionLabel,children:c})]}):n.jsx(G.Tooltip,{content:c,placement:d,children:p})}),ie=new Set(A.ICON_NAMES),ue={sm:"sm",md:"sm",lg:"md"},fe={up:"left",down:"left",left:"top",right:"top"},pe=o.forwardRef(function({ariaLabel:a,icon:c="Add",openIcon:i,direction:b="up",color:u="primary",size:m="md",open:w,defaultOpen:I=!1,onOpenChange:f,openOnHover:t=!0,closeOnActionClick:N=!0,tooltipOpen:p=!1,actions:d,disabled:L=!1,children:E,className:P,style:W,...B},q){const S=o.useRef(null),j=o.useRef(null),v=o.useId(),O=w!==void 0,[z,K]=o.useState(I),r=O?w:z,l=e=>{O||K(e),f==null||f(e)},D=o.useRef(l);D.current=l,o.useEffect(()=>{if(!r)return;const e=h=>{S.current&&!S.current.contains(h.target)&&D.current(!1)},x=h=>{var y;h.key==="Escape"&&(D.current(!1),(y=j.current)==null||y.focus())};return document.addEventListener("pointerdown",e),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",e),document.removeEventListener("keydown",x)}},[r]);const Z=e=>{S.current=e,typeof q=="function"?q(e):q&&(q.current=e)},T=e=>typeof e=="string"&&ie.has(e)?n.jsx(C.Icon,{name:e}):e,$={size:ue[m],placement:fe[b],closeOnClick:N,persistentLabels:p,requestClose:()=>l(!1)},F=t&&!L?{onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)}:{};return n.jsxs("div",{ref:Z,className:_.clsx(s.speedDial,P),style:W,...F,...B,children:[n.jsx("div",{id:v,className:_.clsx(s.actions,s[b]),"data-open":r?"true":"false",children:n.jsx(M.Provider,{value:$,children:d?d.map((e,x)=>n.jsx(k,{icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled},e.key??x)):E})}),n.jsx(R.IconButton,{ref:j,rounded:!0,variant:"contained",color:u,size:m,disabled:L,"aria-label":a,"aria-haspopup":"true","aria-expanded":r,"aria-controls":v,className:s.fab,onClick:()=>l(!r),children:n.jsx("span",{className:_.clsx(s.fabIcon,!i&&r&&s.fabIconOpen),children:r&&i!=null?T(i):T(c)})})]})});exports.SpeedDial=pe;exports.SpeedDialAction=k;
+//# sourceMappingURL=SpeedDial-9_Yk8AGx.cjs.map

package/dist/{SpeedDial-D6sO-9ES.cjs.map → SpeedDial-9_Yk8AGx.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SpeedDial-D6sO-9ES.cjs","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
+{"version":3,"file":"SpeedDial-9_Yk8AGx.cjs","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}

package/dist/{SpeedDial-Bb0ioXaO.js → SpeedDial-DWNuC6f8.js}

@@ -3,7 +3,7 @@ import { createContext as H, useContext as J, forwardRef as k, useRef as D, useI
 import { clsx as _ } from "clsx";
 import { a as M } from "./names-r21QPjcU.js";
 import { I as g } from "./Icon-DaTvzLBu.js";
-import { I as P } from "./IconButton-DXMmtuLA.js";
+import { I as P } from "./IconButton-BEGWfcVc.js";
 import { T as X } from "./Tooltip-Cb_FKxT9.js";
 const R = H(null);
 function Y() {
@@ -162,4 +162,4 @@ export {
   De as S,
   me as a
 };
-//# sourceMappingURL=SpeedDial-Bb0ioXaO.js.map
+//# sourceMappingURL=SpeedDial-DWNuC6f8.js.map

package/dist/{SpeedDial-Bb0ioXaO.js.map → SpeedDial-DWNuC6f8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SpeedDial-Bb0ioXaO.js","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
+{"version":3,"file":"SpeedDial-DWNuC6f8.js","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}

package/dist/{Stepper-CVY8NJEI.cjs → Stepper-B1z_u650.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),o=require("react"),j=require("clsx"),X=require("./names-BJnFU_5m.cjs"),A=require("./Icon-BVULqOJD.cjs"),Y=require("./ConfigProvider-C7DUWHrb.cjs"),Z="_root_1xfvk_2",H="_list_1xfvk_5",ee="_horizontal_1xfvk_11",ne="_vertical_1xfvk_24",te="_sm_1xfvk_29",se="_md_1xfvk_34",re="_lg_1xfvk_39",ce="_step_1xfvk_47",oe="_disabled_1xfvk_64",le="_main_1xfvk_69",ie="_indicator_1xfvk_99",ae="_number_1xfvk_125",de="_completed_1xfvk_130",ue="_active_1xfvk_136",fe="_error_1xfvk_144",_e="_text_1xfvk_151",me="_label_1xfvk_167",ve="_description_1xfvk_181",xe="_optional_1xfvk_186",he="_connector_1xfvk_193",be="_done_1xfvk_198",we="_panel_1xfvk_224",pe="_stepContent_1xfvk_228",t={root:Z,list:H,horizontal:ee,vertical:ne,sm:te,md:se,lg:re,step:ce,disabled:oe,main:le,indicator:ie,number:ae,completed:de,active:ue,error:fe,text:_e,label:me,description:ve,optional:xe,connector:he,done:be,panel:we,stepContent:pe},ke=new Set(X.ICON_NAMES),Ne=o.forwardRef(function({steps:a,activeStep:f,defaultStep:g,onStepChange:u,queryKey:y,pushHistory:R=!1,orientation:_="horizontal",size:b="md",color:I="primary",onStepClick:m,"aria-label":M,className:B,style:K},O){var P;const E=_==="vertical",T=m!=null,U=Y.useStepQueryKey(),l=y===!0?U:y||void 0,v=o.useCallback(e=>e!=null&&Number.isInteger(e)&&e>=0&&e<a.length&&!a[e].disabled,[a]),w=o.useCallback(()=>{if(!l||typeof window>"u")return null;const e=new URLSearchParams(window.location.search).get(l);return e!=null&&/^\d+$/.test(e)?Number(e)-1:null},[l]),W=Math.max(a.findIndex(e=>!e.disabled),0),[F,L]=o.useState(()=>{const e=w();return v(e)?e:v(g)?g:W}),q=f!==void 0,r=q?f:F,p=o.useRef(r);p.current=r;const x=o.useRef(u);x.current=u;const k=o.useRef(!1),z=o.useCallback((e,n)=>{if(!l||typeof window>"u")return;const c=new URLSearchParams(window.location.search),i=String(e+1);if(c.get(l)===i)return;c.set(l,i);const d=`${window.location.pathname}?${c.toString()}${window.location.hash}`;window.history[n?"pushState":"replaceState"](window.history.state,"",d)},[l]),D=e=>{e!==p.current&&(k.current=!0,q||L(e),u==null||u(e))};o.useEffect(()=>{if(!l||typeof window>"u"||!Number.isInteger(r)||r<0||r>=a.length)return;const e=k.current&&R;k.current=!1,z(r,e)},[l,r,R,z,a.length]),o.useEffect(()=>{if(!l||typeof window>"u")return;const e=()=>{var c;const n=w();v(n)&&n!==p.current&&(f===void 0&&L(n),(c=x.current)==null||c.call(x,n))};return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[l,w,v,f]);const $=(P=a[r])==null?void 0:P.content,C=o.useRef(null);o.useEffect(()=>{if(_==="vertical")return;const e=C.current,n=e==null?void 0:e.children[r];if(!e||!n)return;const c=e.getBoundingClientRect(),i=n.getBoundingClientRect(),d=i.left-c.left+e.scrollLeft,h=d+i.width;d<e.scrollLeft?e.scrollLeft=d:h>e.scrollLeft+e.clientWidth&&(e.scrollLeft=h-e.clientWidth)},[r,_]);const G=e=>typeof e=="string"&&ke.has(e)?s.jsx(A.Icon,{name:e,size:b}):e;return s.jsxs("div",{ref:O,className:j.clsx(t.root,t[_],t[b],B),style:{"--tz-btn-rgb":`var(--tz-color-${I}-rgb)`,"--tz-btn-on":`var(--tz-color-${I}-contrast, #fff)`,...K},children:[s.jsx("ol",{ref:C,"aria-label":M,className:t.list,children:a.map((e,n)=>{const c=!!e.error,i=!c&&(e.completed||n<r),d=!c&&!i&&n===r,h=c?"error":i?"completed":d?"active":"upcoming",J=n===a.length-1,N=G(e.icon),S=N??(i?s.jsx(A.Icon,{name:"Check",size:b}):s.jsx("span",{className:t.number,children:n+1})),V=e.label!=null||e.description!=null||e.optional!=null,Q=s.jsxs(s.Fragment,{children:[s.jsx("span",{className:t.indicator,"aria-hidden":N==null&&!i?void 0:!0,children:S}),V&&s.jsxs("span",{className:t.text,children:[e.label!=null&&s.jsx("span",{className:t.label,children:e.label}),e.description!=null&&s.jsx("span",{className:t.description,children:e.description}),e.optional!=null&&s.jsx("span",{className:t.optional,children:e.optional})]})]});return s.jsxs("li",{className:j.clsx(t.step,t[h],e.disabled&&t.disabled),children:[T?s.jsx("button",{type:"button",className:t.main,disabled:e.disabled,"aria-current":d?"step":void 0,onClick:()=>{m==null||m(n),D(n)},children:Q}):s.jsx("div",{className:t.main,"aria-current":d?"step":void 0,children:Q}),!J&&s.jsx("span",{className:j.clsx(t.connector,n<r&&t.done),"aria-hidden":"true"}),E&&n===r&&e.content!=null&&s.jsx("div",{className:t.stepContent,children:e.content})]},n)})}),!E&&$!=null&&s.jsx("div",{className:t.panel,children:$})]})});exports.Stepper=Ne;
-//# sourceMappingURL=Stepper-CVY8NJEI.cjs.map
+"use strict";const s=require("react/jsx-runtime"),o=require("react"),j=require("clsx"),X=require("./names-BJnFU_5m.cjs"),A=require("./Icon-BVULqOJD.cjs"),Y=require("./ConfigProvider-Bszl3Wr3.cjs"),Z="_root_1xfvk_2",H="_list_1xfvk_5",ee="_horizontal_1xfvk_11",ne="_vertical_1xfvk_24",te="_sm_1xfvk_29",se="_md_1xfvk_34",re="_lg_1xfvk_39",ce="_step_1xfvk_47",oe="_disabled_1xfvk_64",le="_main_1xfvk_69",ie="_indicator_1xfvk_99",ae="_number_1xfvk_125",de="_completed_1xfvk_130",ue="_active_1xfvk_136",fe="_error_1xfvk_144",_e="_text_1xfvk_151",me="_label_1xfvk_167",ve="_description_1xfvk_181",xe="_optional_1xfvk_186",he="_connector_1xfvk_193",be="_done_1xfvk_198",we="_panel_1xfvk_224",pe="_stepContent_1xfvk_228",t={root:Z,list:H,horizontal:ee,vertical:ne,sm:te,md:se,lg:re,step:ce,disabled:oe,main:le,indicator:ie,number:ae,completed:de,active:ue,error:fe,text:_e,label:me,description:ve,optional:xe,connector:he,done:be,panel:we,stepContent:pe},ke=new Set(X.ICON_NAMES),Ne=o.forwardRef(function({steps:a,activeStep:f,defaultStep:g,onStepChange:u,queryKey:y,pushHistory:R=!1,orientation:_="horizontal",size:b="md",color:I="primary",onStepClick:m,"aria-label":M,className:B,style:K},O){var P;const E=_==="vertical",T=m!=null,U=Y.useStepQueryKey(),l=y===!0?U:y||void 0,v=o.useCallback(e=>e!=null&&Number.isInteger(e)&&e>=0&&e<a.length&&!a[e].disabled,[a]),w=o.useCallback(()=>{if(!l||typeof window>"u")return null;const e=new URLSearchParams(window.location.search).get(l);return e!=null&&/^\d+$/.test(e)?Number(e)-1:null},[l]),W=Math.max(a.findIndex(e=>!e.disabled),0),[F,L]=o.useState(()=>{const e=w();return v(e)?e:v(g)?g:W}),q=f!==void 0,r=q?f:F,p=o.useRef(r);p.current=r;const x=o.useRef(u);x.current=u;const k=o.useRef(!1),z=o.useCallback((e,n)=>{if(!l||typeof window>"u")return;const c=new URLSearchParams(window.location.search),i=String(e+1);if(c.get(l)===i)return;c.set(l,i);const d=`${window.location.pathname}?${c.toString()}${window.location.hash}`;window.history[n?"pushState":"replaceState"](window.history.state,"",d)},[l]),D=e=>{e!==p.current&&(k.current=!0,q||L(e),u==null||u(e))};o.useEffect(()=>{if(!l||typeof window>"u"||!Number.isInteger(r)||r<0||r>=a.length)return;const e=k.current&&R;k.current=!1,z(r,e)},[l,r,R,z,a.length]),o.useEffect(()=>{if(!l||typeof window>"u")return;const e=()=>{var c;const n=w();v(n)&&n!==p.current&&(f===void 0&&L(n),(c=x.current)==null||c.call(x,n))};return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[l,w,v,f]);const $=(P=a[r])==null?void 0:P.content,C=o.useRef(null);o.useEffect(()=>{if(_==="vertical")return;const e=C.current,n=e==null?void 0:e.children[r];if(!e||!n)return;const c=e.getBoundingClientRect(),i=n.getBoundingClientRect(),d=i.left-c.left+e.scrollLeft,h=d+i.width;d<e.scrollLeft?e.scrollLeft=d:h>e.scrollLeft+e.clientWidth&&(e.scrollLeft=h-e.clientWidth)},[r,_]);const G=e=>typeof e=="string"&&ke.has(e)?s.jsx(A.Icon,{name:e,size:b}):e;return s.jsxs("div",{ref:O,className:j.clsx(t.root,t[_],t[b],B),style:{"--tz-btn-rgb":`var(--tz-color-${I}-rgb)`,"--tz-btn-on":`var(--tz-color-${I}-contrast, #fff)`,...K},children:[s.jsx("ol",{ref:C,"aria-label":M,className:t.list,children:a.map((e,n)=>{const c=!!e.error,i=!c&&(e.completed||n<r),d=!c&&!i&&n===r,h=c?"error":i?"completed":d?"active":"upcoming",J=n===a.length-1,N=G(e.icon),S=N??(i?s.jsx(A.Icon,{name:"Check",size:b}):s.jsx("span",{className:t.number,children:n+1})),V=e.label!=null||e.description!=null||e.optional!=null,Q=s.jsxs(s.Fragment,{children:[s.jsx("span",{className:t.indicator,"aria-hidden":N==null&&!i?void 0:!0,children:S}),V&&s.jsxs("span",{className:t.text,children:[e.label!=null&&s.jsx("span",{className:t.label,children:e.label}),e.description!=null&&s.jsx("span",{className:t.description,children:e.description}),e.optional!=null&&s.jsx("span",{className:t.optional,children:e.optional})]})]});return s.jsxs("li",{className:j.clsx(t.step,t[h],e.disabled&&t.disabled),children:[T?s.jsx("button",{type:"button",className:t.main,disabled:e.disabled,"aria-current":d?"step":void 0,onClick:()=>{m==null||m(n),D(n)},children:Q}):s.jsx("div",{className:t.main,"aria-current":d?"step":void 0,children:Q}),!J&&s.jsx("span",{className:j.clsx(t.connector,n<r&&t.done),"aria-hidden":"true"}),E&&n===r&&e.content!=null&&s.jsx("div",{className:t.stepContent,children:e.content})]},n)})}),!E&&$!=null&&s.jsx("div",{className:t.panel,children:$})]})});exports.Stepper=Ne;
+//# sourceMappingURL=Stepper-B1z_u650.cjs.map

package/dist/{Stepper-CVY8NJEI.cjs.map → Stepper-B1z_u650.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Stepper-CVY8NJEI.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 { 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   * 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.\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    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  // 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","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","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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"}
+{"version":3,"file":"Stepper-B1z_u650.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 { 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   * 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.\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    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  // 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","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","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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"}

package/dist/{Stepper-BaEOUnYe.js → Stepper-CuqFpamY.js}

@@ -3,7 +3,7 @@ import { forwardRef as tt, useCallback as y, useState as nt, useRef as p, useEff
 import { clsx as L } from "clsx";
 import { a as et } from "./names-r21QPjcU.js";
 import { I as O } from "./Icon-DaTvzLBu.js";
-import { j as ot } from "./ConfigProvider-DT0yrgmd.js";
+import { j as ot } from "./ConfigProvider-DR9YMy9U.js";
 const rt = "_root_1xfvk_2", ct = "_list_1xfvk_5", lt = "_horizontal_1xfvk_11", st = "_vertical_1xfvk_24", at = "_sm_1xfvk_29", it = "_md_1xfvk_34", dt = "_lg_1xfvk_39", ft = "_step_1xfvk_47", ut = "_disabled_1xfvk_64", _t = "_main_1xfvk_69", mt = "_indicator_1xfvk_99", vt = "_number_1xfvk_125", ht = "_completed_1xfvk_130", bt = "_active_1xfvk_136", pt = "_error_1xfvk_144", xt = "_text_1xfvk_151", wt = "_label_1xfvk_167", kt = "_description_1xfvk_181", Nt = "_optional_1xfvk_186", gt = "_connector_1xfvk_193", yt = "_done_1xfvk_198", It = "_panel_1xfvk_224", Lt = "_stepContent_1xfvk_228", e = {
   root: rt,
   list: ct,
@@ -162,4 +162,4 @@ const rt = "_root_1xfvk_2", ct = "_list_1xfvk_5", lt = "_horizontal_1xfvk_11", s
 export {
   Pt as S
 };
-//# sourceMappingURL=Stepper-BaEOUnYe.js.map
+//# sourceMappingURL=Stepper-CuqFpamY.js.map