@techzyapp/ui-library 1.0.0

package/dist/Sidebar-DRCs2ygZ.js

@@ -0,0 +1,422 @@
+import { jsx as i, jsxs as z, Fragment as $ } from "react/jsx-runtime";
+import { useMemo as y, useState as C, useRef as R, useEffect as P } from "react";
+import { Navigate as M, useRouterState as x, Link as k, useRouter as B, useNavigate as O } from "@tanstack/react-router";
+import { clsx as j } from "clsx";
+import { I as E } from "./Icon-CophpkHo.js";
+import { L as T } from "./List-BHgFI9Ll.js";
+import { L as S } from "./ListItem-B4yqZR-Z.js";
+import { T as K } from "./TextField-DMI1X09n.js";
+import { u as V, h as Y } from "./access-Db4knwyR.js";
+import { a as U } from "./ConfigProvider-2c94kUOk.js";
+const q = "_nav_a1zzi_4", H = "_module_a1zzi_17", G = "_search_a1zzi_25", Q = "_searchPanel_a1zzi_31", W = "_moduleLabel_a1zzi_46", X = "_leaves_a1zzi_61", J = "_navBadge_a1zzi_66", Z = "_navDot_a1zzi_78", ee = "_leafDot_a1zzi_86", te = "_collapsible_a1zzi_95", oe = "_collapsibleClosed_a1zzi_100", ne = "_collapsibleInner_a1zzi_103", ae = "_chevron_a1zzi_109", se = "_chevronButton_a1zzi_119", b = {
+  nav: q,
+  module: H,
+  search: G,
+  searchPanel: Q,
+  moduleLabel: W,
+  leaves: X,
+  navBadge: J,
+  navDot: Z,
+  leafDot: ee,
+  collapsible: te,
+  collapsibleClosed: oe,
+  collapsibleInner: ne,
+  chevron: ae,
+  chevronButton: se
+}, w = S, le = (e) => e.split("-").map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" "), F = (e) => e.replace(/^\/+|\/+$/g, ""), D = (e, a) => e.order - a.order || e.label.localeCompare(a.label);
+function ce(e) {
+  const a = [];
+  for (const o of e) {
+    const c = o.staticData, n = F(o.fullPath);
+    !(c != null && c.name) || !n || a.push({ path: n, name: c.name, sd: c });
+  }
+  const s = new Map(a.map((o) => [o.path, o])), t = a.map((o) => o.path), l = (o) => t.some((c) => c !== o && c.startsWith(`${o}/`)), f = new Set(e.map((o) => o.fullPath)), m = (o) => f.has(`/${o}/`), h = (o, c) => {
+    const n = s.get(o);
+    return {
+      label: (n == null ? void 0 : n.name) ?? le(c),
+      icon: n == null ? void 0 : n.sd.icon,
+      badge: n == null ? void 0 : n.sd.badge,
+      dot: n == null ? void 0 : n.sd.dot,
+      order: (n == null ? void 0 : n.sd.order) ?? Number.POSITIVE_INFINITY
+    };
+  }, p = /* @__PURE__ */ new Map(), u = (o) => {
+    let c = p.get(o);
+    if (!c) {
+      const n = h(o, o);
+      c = { label: n.label, icon: n.icon, order: n.order, groups: /* @__PURE__ */ new Map() }, p.set(o, c);
+    }
+    return c;
+  }, g = [];
+  for (const { path: o, name: c, sd: n } of a) {
+    const _ = o.split("/");
+    if (_.length <= 2 && l(o) || n.hidden) continue;
+    if (_.length === 1) {
+      g.push({
+        label: c,
+        to: `/${o}`,
+        icon: n.icon,
+        badge: n.badge,
+        dot: n.dot,
+        order: n.order ?? Number.POSITIVE_INFINITY
+      });
+      continue;
+    }
+    const r = u(_[0]);
+    if (_.length === 2)
+      r.groups.set(o, {
+        label: c,
+        icon: n.icon,
+        to: `/${o}`,
+        badge: n.badge,
+        dot: n.dot,
+        order: n.order ?? Number.POSITIVE_INFINITY,
+        leaves: [],
+        isContainer: !1
+      });
+    else {
+      const d = _.slice(0, 2).join("/");
+      let v = r.groups.get(d);
+      if (!v) {
+        const N = h(d, _[1]);
+        v = {
+          label: N.label,
+          icon: N.icon,
+          badge: N.badge,
+          dot: N.dot,
+          order: N.order,
+          to: m(d) ? `/${d}` : void 0,
+          leaves: [],
+          isContainer: !0
+        }, r.groups.set(d, v);
+      }
+      v.leaves.push({
+        label: c,
+        to: `/${o}`,
+        icon: n.icon,
+        badge: n.badge,
+        dot: n.dot,
+        order: n.order ?? Number.POSITIVE_INFINITY
+      });
+    }
+  }
+  return {
+    links: g.sort(D).map((o) => ({ label: o.label, to: o.to, icon: o.icon, badge: o.badge, dot: o.dot })),
+    modules: [...p.values()].sort(D).map(
+      (o) => ({
+        module: o.label,
+        icon: o.icon,
+        groups: [...o.groups.values()].sort(D).map(
+          (c) => ({
+            label: c.label,
+            icon: c.icon,
+            to: c.to,
+            badge: c.badge,
+            dot: c.dot,
+            children: c.isContainer ? c.leaves.sort(D).map((n) => ({
+              label: n.label,
+              to: n.to,
+              icon: n.icon,
+              badge: n.badge,
+              dot: n.dot
+            })) : void 0
+          })
+        )
+      })
+    )
+  };
+}
+function L() {
+  const e = B(), a = V();
+  return y(
+    () => ce(
+      Object.values(e.looseRoutesById).map((s) => {
+        var t;
+        return {
+          fullPath: s.fullPath,
+          staticData: (t = s.options) == null ? void 0 : t.staticData
+        };
+      }).filter((s) => {
+        var t;
+        return Y((t = s.staticData) == null ? void 0 : t.roles);
+      })
+    ),
+    [e, a]
+  );
+}
+function A(e) {
+  var a;
+  if (e.links[0]) return e.links[0].to;
+  for (const s of e.modules)
+    for (const t of s.groups) {
+      if (t.to) return t.to;
+      const l = (a = t.children) == null ? void 0 : a[0];
+      if (l) return l.to;
+    }
+}
+function re() {
+  return A(L());
+}
+function ke() {
+  var s, t;
+  const e = B(), a = x({ select: (l) => l.matches });
+  for (let l = a.length - 1; l >= 0; l--) {
+    const f = e.looseRoutesById[a[l].routeId], m = (t = (s = f == null ? void 0 : f.options) == null ? void 0 : s.staticData) == null ? void 0 : t.name;
+    if (m) return m;
+  }
+}
+function ie(e) {
+  const a = /* @__PURE__ */ new Set();
+  for (const s of e.links) a.add(s.to);
+  for (const s of e.modules)
+    for (const t of s.groups) {
+      t.to && a.add(t.to);
+      for (const l of t.children ?? []) a.add(l.to);
+    }
+  return a;
+}
+function we() {
+  var f;
+  const e = L(), a = x({ select: (m) => m.matches }), s = A(e), t = ie(e), l = [];
+  for (const m of a) {
+    const h = (f = m.staticData) == null ? void 0 : f.name;
+    if (!h) continue;
+    const p = `/${F(m.pathname)}`;
+    l.push({ label: h, to: t.has(p) ? p : void 0 });
+  }
+  return l.length > 0 && (l[l.length - 1] = { label: l[l.length - 1].label }), { homeTo: s, items: l };
+}
+function Te() {
+  const e = re();
+  return e ? /* @__PURE__ */ i(M, { to: e }) : null;
+}
+function Le() {
+  const { links: e, modules: a } = L(), s = x({ select: (t) => t.location.pathname });
+  return /* @__PURE__ */ z("nav", { className: b.nav, children: [
+    e.length > 0 ? /* @__PURE__ */ i(T, { children: e.map((t) => /* @__PURE__ */ i(
+      w,
+      {
+        as: k,
+        to: t.to,
+        icon: t.icon,
+        selected: s === t.to,
+        clickable: !0,
+        trailing: I(t.badge, t.dot),
+        children: t.label
+      },
+      t.to
+    )) }) : null,
+    a.map((t) => /* @__PURE__ */ z("div", { className: b.module, children: [
+      /* @__PURE__ */ i("div", { className: b.moduleLabel, children: t.module }),
+      /* @__PURE__ */ i(T, { children: t.groups.map((l) => /* @__PURE__ */ i(be, { group: l, pathname: s }, l.label)) })
+    ] }, t.module))
+  ] });
+}
+function de(e) {
+  const a = [];
+  for (const s of e.links) a.push({ label: s.label, to: s.to });
+  for (const s of e.modules)
+    for (const t of s.groups) {
+      t.to && a.push({ label: t.label, to: t.to, context: s.module });
+      for (const l of t.children ?? [])
+        a.push({
+          label: l.label,
+          to: l.to,
+          context: `${s.module} · ${t.label}`
+        });
+    }
+  return a;
+}
+const ue = 8;
+function ye() {
+  const e = U(), a = L(), s = O(), t = y(() => de(a), [a]), [l, f] = C(""), [m, h] = C(!1), [p, u] = C(0), g = R(null), o = y(() => {
+    const r = l.trim().toLowerCase();
+    return r ? t.filter(
+      (d) => {
+        var v;
+        return d.label.toLowerCase().includes(r) || (((v = d.context) == null ? void 0 : v.toLowerCase().includes(r)) ?? !1);
+      }
+    ).slice(0, ue) : [];
+  }, [t, l]), c = m && o.length > 0;
+  P(() => u(0), [l]), P(() => {
+    u((r) => r > o.length - 1 ? Math.max(0, o.length - 1) : r);
+  }, [o.length]), P(() => {
+    if (!m) return;
+    const r = (d) => {
+      g.current && !g.current.contains(d.target) && h(!1);
+    };
+    return document.addEventListener("pointerdown", r), () => document.removeEventListener("pointerdown", r);
+  }, [m]);
+  const n = (r) => {
+    s({ to: r }), f(""), h(!1);
+  }, _ = (r) => {
+    if (c)
+      if (r.key === "ArrowDown")
+        r.preventDefault(), u((d) => (d + 1) % o.length);
+      else if (r.key === "ArrowUp")
+        r.preventDefault(), u((d) => (d - 1 + o.length) % o.length);
+      else if (r.key === "Enter") {
+        r.preventDefault();
+        const d = o[p];
+        d && n(d.to);
+      } else r.key === "Escape" && h(!1);
+  };
+  return /* @__PURE__ */ z(
+    "div",
+    {
+      ref: g,
+      className: b.search,
+      role: "combobox",
+      "aria-expanded": c,
+      "aria-haspopup": "listbox",
+      children: [
+        /* @__PURE__ */ i(
+          K,
+          {
+            value: l,
+            onChange: (r) => {
+              f(r.target.value), h(!0);
+            },
+            onFocus: () => h(!0),
+            onKeyDown: _,
+            adornment: /* @__PURE__ */ i(E, { name: "SearchNormal" }),
+            placeholder: e("sidebar.searchPages"),
+            "aria-label": e("sidebar.searchPages"),
+            autoComplete: "off"
+          }
+        ),
+        c ? /* @__PURE__ */ i("div", { className: b.searchPanel, children: /* @__PURE__ */ i(T, { role: "listbox", children: o.map((r, d) => /* @__PURE__ */ i(
+          S,
+          {
+            description: r.context,
+            clickable: !0,
+            selected: d === p,
+            onMouseDown: (v) => v.preventDefault(),
+            onMouseEnter: () => u(d),
+            onClick: () => n(r.to),
+            children: r.label
+          },
+          r.to
+        )) }) }) : null
+      ]
+    }
+  );
+}
+function fe(e, a) {
+  var s;
+  return e.to && a === e.to ? !0 : ((s = e.children) == null ? void 0 : s.some((t) => t.to === a)) ?? !1;
+}
+function me(e) {
+  return e ? /* @__PURE__ */ i("span", { className: b.navBadge, children: e }) : null;
+}
+function he(e) {
+  return e ? /* @__PURE__ */ i("span", { className: b.navDot, style: { background: `var(--tz-color-${e})` } }) : null;
+}
+function I(e, a, s) {
+  if (!(e == null && a == null && s == null))
+    return /* @__PURE__ */ z($, { children: [
+      me(e),
+      he(a),
+      s
+    ] });
+}
+function be({ group: e, pathname: a }) {
+  var h, p;
+  const s = fe(e, a), t = !!((h = e.children) != null && h.length), [l, f] = C(s);
+  if (P(() => {
+    s && f(!0);
+  }, [s]), !t && e.to)
+    return /* @__PURE__ */ i(
+      w,
+      {
+        as: k,
+        to: e.to,
+        icon: e.icon,
+        selected: s,
+        clickable: !0,
+        trailing: I(e.badge, e.dot),
+        children: e.label
+      }
+    );
+  const m = /* @__PURE__ */ i(
+    E,
+    {
+      name: "ArrowDown4",
+      size: "sm",
+      className: b.chevron,
+      "data-open": l ? "true" : "false"
+    }
+  );
+  return /* @__PURE__ */ z($, { children: [
+    t && e.to ? (
+      // "Case B": the row navigates (and expands); a separate chevron only toggles.
+      /* @__PURE__ */ i(
+        w,
+        {
+          as: k,
+          to: e.to,
+          icon: e.icon,
+          selected: s,
+          clickable: !0,
+          onClick: () => f(!0),
+          trailing: I(
+            e.badge,
+            e.dot,
+            /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                className: b.chevronButton,
+                "aria-label": `${l ? "Collapse" : "Expand"} ${e.label}`,
+                "aria-expanded": l,
+                onClick: (u) => {
+                  u.preventDefault(), u.stopPropagation(), f((g) => !g);
+                },
+                children: m
+              }
+            )
+          ),
+          children: e.label
+        }
+      )
+    ) : (
+      // a pure container — the whole row toggles its children
+      /* @__PURE__ */ i(
+        S,
+        {
+          icon: e.icon,
+          selected: s,
+          clickable: !0,
+          "aria-expanded": l,
+          onClick: () => f((u) => !u),
+          trailing: I(e.badge, e.dot, m),
+          children: e.label
+        }
+      )
+    ),
+    t ? (
+      // smooth collapse, same grid-template-rows technique as Card
+      /* @__PURE__ */ i("div", { className: j(b.collapsible, !l && b.collapsibleClosed), children: /* @__PURE__ */ i("div", { className: b.collapsibleInner, children: /* @__PURE__ */ i(T, { className: b.leaves, children: (p = e.children) == null ? void 0 : p.map((u) => /* @__PURE__ */ i(
+        w,
+        {
+          as: k,
+          to: u.to,
+          icon: /* @__PURE__ */ i("span", { className: b.leafDot }),
+          selected: a === u.to,
+          size: "md",
+          clickable: !0,
+          trailing: I(u.badge, u.dot),
+          children: u.label
+        },
+        u.to
+      )) }) }) })
+    ) : null
+  ] });
+}
+export {
+  Te as F,
+  ye as N,
+  Le as S,
+  ke as a,
+  we as u
+};
+//# sourceMappingURL=Sidebar-DRCs2ygZ.js.map

package/dist/Sidebar-DRCs2ygZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar-DRCs2ygZ.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 { hasAccess, useAccessKeys } from '../../helpers/access'\nimport styles from './Sidebar.module.css'\n\n// `ListItem` rendered as a TanStack `Link` — it forwards unrecognized props (like `to`) to the\n// element, so this typed alias lets us pass `to` while keeping `ListItem`'s look + behavior.\nconst NavLink = ListItem as unknown as (props: ListItemProps & { to: string }) => ReactNode\n\nexport type { IconName }\n\n// Typed `staticData` for consumers — every route describes its own menu entry.\ndeclare module '@tanstack/react-router' {\n  interface StaticDataRouteOption {\n    /** Menu label. A route with no `name` never appears in the menu. */\n    name?: string\n    /** 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\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, '')\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[]): { links: NavLeaf[]; modules: NavModule[] } {\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  const isContainer = (p: string) => paths.some((o) => o !== p && o.startsWith(`${p}/`))\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  return {\n    links: topLinks\n      .sort(byOrderThenLabel)\n      .map((l) => ({ label: l.label, to: l.to, icon: l.icon, badge: l.badge, dot: l.dot })),\n    modules: [...modules.values()].sort(byOrderThenLabel).map(\n      (mod): NavModule => ({\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      }),\n    ),\n  }\n}\n\nfunction useNavTree(): { 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/** The first menu destination (top link, else first group/leaf) — used by `FirstRouteRedirect`. */\nexport function firstNavTo(tree: { links: NavLeaf[]; modules: NavModule[] }): string | undefined {\n  if (tree.links[0]) return tree.links[0].to\n  for (const mod of tree.modules)\n    for (const group of mod.groups) {\n      if (group.to) return group.to\n      const firstChild = group.children?.[0]\n      if (firstChild) return firstChild.to\n    }\n  return undefined\n}\n\nfunction useFirstNavTo() {\n  return firstNavTo(useNavTree())\n}\n\n/**\n * The current page's title — the `staticData.name` of the deepest matched route that declares one.\n * Used by `RootLayout` to label the header automatically (e.g. \"Dashboard\").\n */\nexport function usePageTitle(): string | undefined {\n  const router = useRouter()\n  const matches = useRouterState({ select: (s) => s.matches })\n  for (let i = matches.length - 1; i >= 0; i--) {\n    const route = router.looseRoutesById[matches[i].routeId]\n    const name = route?.options?.staticData?.name\n    if (name) return name\n  }\n  return undefined\n}\n\n/** One breadcrumb. `to` is set only when the crumb points at a real, navigable menu page. */\nexport interface Breadcrumb {\n  label: string\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 * Breadcrumb trail for the current route, derived from the active match chain: one crumb per matched\n * route that declares a `staticData.name` (module → group → page). `homeTo` is the first allowed menu\n * page (same target as `FirstRouteRedirect`). Intermediate crumbs link only when they map to a real\n * navigable page; the last crumb (the current page) is always plain text.\n */\nexport function useBreadcrumbs(): { homeTo?: string; items: Breadcrumb[] } {\n  const tree = useNavTree()\n  const matches = useRouterState({ select: (s) => s.matches })\n  const homeTo = firstNavTo(tree)\n  const navigable = navigablePaths(tree)\n\n  const items: Breadcrumb[] = []\n  for (const match of matches) {\n    const name = match.staticData?.name\n    if (!name) continue\n    const full = `/${trimSlashes(match.pathname)}`\n    items.push({ label: name, to: navigable.has(full) ? full : undefined })\n  }\n  // The current page is where you already are — never a link.\n  if (items.length > 0) items[items.length - 1] = { label: items[items.length - 1].label }\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 { links, modules } = useNavTree()\n  const pathname = useRouterState({ select: (s) => s.location.pathname })\n\n  return (\n    <nav className={styles.nav}>\n      {links.length > 0 ? (\n        <List>\n          {links.map((link) => (\n            <NavLink\n              key={link.to}\n              as={Link}\n              to={link.to}\n              icon={link.icon}\n              selected={pathname === link.to}\n              clickable\n              trailing={navTrailing(link.badge, link.dot)}\n            >\n              {link.label}\n            </NavLink>\n          ))}\n        </List>\n      ) : null}\n      {modules.map((mod) => (\n        <div className={styles.module} key={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    </nav>\n  )\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\nfunction groupIsActive(group: NavGroup, pathname: string): boolean {\n  if (group.to && pathname === group.to) return true\n  return group.children?.some((leaf) => leaf.to === pathname) ?? 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={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","byOrderThenLabel","a","b","buildNavTree","routes","entries","route","sd","path","metaByPath","e","paths","isContainer","o","rawFullPaths","r","groupHasOwnPage","groupKey","chrome","key","modules","getModule","mod","c","topLinks","name","segs","group","l","g","useNavTree","router","useRouter","accessKeys","useAccessKeys","useMemo","_a","hasAccess","firstNavTo","tree","firstChild","useFirstNavTo","usePageTitle","matches","useRouterState","s","i","_b","navigablePaths","set","link","leaf","useBreadcrumbs","homeTo","navigable","items","match","full","FirstRouteRedirect","to","jsx","Navigate","Sidebar","links","pathname","jsxs","styles","List","Link","navTrailing","NavGroupItem","flattenPages","pages","MAX_SEARCH_RESULTS","NavSearch","t","useT","navigate","useNavigate","query","setQuery","useState","open","setOpen","active","setActive","rootRef","useRef","results","q","showList","useEffect","onDown","event","go","onKeyDown","hit","TextField","Icon","page","groupIsActive","navBadge","text","navDot","color","badge","dot","chevron","Fragment","hasChildren","clsx"],"mappings":"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"}

package/dist/Slider-dxYVXRev.cjs

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

package/dist/Slider-dxYVXRev.cjs.map

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