@techzyapp/ui-library 1.0.27 → 1.0.28

package/dist/{Sidebar-CsPnv4mu.js → Sidebar-CsWcjSTx.js}

@@ -1,42 +1,42 @@
 import { jsx as u, jsxs as x, Fragment as O } from "react/jsx-runtime";
 import { useMemo as w, useState as T, useRef as q, useEffect as y } from "react";
-import { Navigate as H, useRouterState as g, useRouter as F, useNavigate as z, Link as L } from "@tanstack/react-router";
+import { Navigate as H, useRouterState as g, useRouter as F, useNavigate as j, Link as C } from "@tanstack/react-router";
 import { clsx as G } from "clsx";
 import { I as K } from "./Icon-DaTvzLBu.js";
-import { L as j } from "./List-LqbfF6gU.js";
-import { L as R } from "./ListItem-Cn15lJBr.js";
-import { T as Q } from "./TextField-7MobCad5.js";
-import { u as X, h as J } from "./access-Db4knwyR.js";
-import { a as Z } from "./ConfigProvider-DL9fylMo.js";
-const ee = "_nav_i8j3t_4", te = "_module_i8j3t_17", oe = "_search_i8j3t_25", ne = "_searchPanel_i8j3t_31", ae = "_moduleLabel_i8j3t_46", se = "_leaves_i8j3t_61", le = "_navBadge_i8j3t_66", re = "_navDot_i8j3t_78", ce = "_leafDot_i8j3t_86", ie = "_collapsible_i8j3t_95", ue = "_collapsibleClosed_i8j3t_100", de = "_collapsibleInner_i8j3t_103", fe = "_chevron_i8j3t_109", me = "_chevronButton_i8j3t_119", m = {
-  nav: ee,
-  module: te,
+import { L as B, a as R } from "./List-CZwNGxuP.js";
+import { T as Q } from "./TextField-CkronCRC.js";
+import { T as X } from "./Typography-CJv5AnRP.js";
+import { u as J, h as Z } from "./access-Db4knwyR.js";
+import { a as ee } from "./ConfigProvider-B_RSn9bb.js";
+const te = "_nav_2n8z4_4", ne = "_module_2n8z4_17", oe = "_search_2n8z4_25", ae = "_searchPanel_2n8z4_31", se = "_moduleLabel_2n8z4_46", le = "_leaves_2n8z4_57", re = "_navBadge_2n8z4_62", ce = "_navDot_2n8z4_74", ie = "_leafDot_2n8z4_82", ue = "_collapsible_2n8z4_91", de = "_collapsibleClosed_2n8z4_96", fe = "_collapsibleInner_2n8z4_99", me = "_chevron_2n8z4_105", he = "_chevronButton_2n8z4_115", m = {
+  nav: te,
+  module: ne,
   search: oe,
-  searchPanel: ne,
-  moduleLabel: ae,
-  leaves: se,
-  navBadge: le,
-  navDot: re,
-  leafDot: ce,
-  collapsible: ie,
-  collapsibleClosed: ue,
-  collapsibleInner: de,
-  chevron: fe,
-  chevronButton: me
-}, C = R, he = (e) => e.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" "), V = (e) => e.replace(/^\/+|\/+$/g, ""), B = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, E = (e, o) => e.order - o.order || e.label.localeCompare(o.label);
-function be(e) {
-  const o = [];
+  searchPanel: ae,
+  moduleLabel: se,
+  leaves: le,
+  navBadge: re,
+  navDot: ce,
+  leafDot: ie,
+  collapsible: ue,
+  collapsibleClosed: de,
+  collapsibleInner: fe,
+  chevron: me,
+  chevronButton: he
+}, L = R, be = (e) => e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" "), V = (e) => e.replace(/^\/+|\/+$/g, ""), z = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, E = (e, n) => e.order - n.order || e.label.localeCompare(n.label);
+function pe(e) {
+  const n = [];
   for (const l of e) {
     const s = l.staticData, a = V(l.fullPath);
-    !(s != null && s.name) || !a || o.push({ path: a, name: s.name, sd: s });
+    !(s != null && s.name) || !a || n.push({ path: a, name: s.name, sd: s });
   }
-  const t = new Map(o.map((l) => [l.path, l])), n = o.map((l) => l.path), r = (l) => n.some((s) => {
+  const t = new Map(n.map((l) => [l.path, l])), o = n.map((l) => l.path), r = (l) => o.some((s) => {
     var a;
     return s !== l && s.startsWith(`${l}/`) && !((a = t.get(s)) != null && a.sd.hidden);
   }), c = new Set(e.map((l) => l.fullPath)), i = (l) => c.has(`/${l}/`), f = (l, s) => {
     const a = t.get(l);
     return {
-      label: (a == null ? void 0 : a.name) ?? he(s),
+      label: (a == null ? void 0 : a.name) ?? be(s),
       icon: a == null ? void 0 : a.sd.icon,
       badge: a == null ? void 0 : a.sd.badge,
       dot: a == null ? void 0 : a.sd.dot,
@@ -50,7 +50,7 @@ function be(e) {
     }
     return s;
   }, v = [];
-  for (const { path: l, name: s, sd: a } of o) {
+  for (const { path: l, name: s, sd: a } of n) {
     const b = l.split("/");
     if (b.length <= 2 && r(l) || a.hidden) continue;
     if (b.length === 1) {
@@ -143,173 +143,173 @@ function be(e) {
   };
 }
 function M() {
-  const e = F(), o = X();
+  const e = F(), n = J();
   return w(
-    () => be(
+    () => pe(
       Object.values(e.looseRoutesById).map((t) => {
-        var n;
+        var o;
         return {
           fullPath: t.fullPath,
-          staticData: (n = t.options) == null ? void 0 : n.staticData
+          staticData: (o = t.options) == null ? void 0 : o.staticData
         };
       }).filter((t) => {
-        var n;
-        return J((n = t.staticData) == null ? void 0 : n.roles);
+        var o;
+        return Z((o = t.staticData) == null ? void 0 : o.roles);
       })
     ),
-    [e, o]
+    [e, n]
   );
 }
 function Y(e) {
-  var o;
+  var n;
   for (const t of e.items) {
     if (t.kind === "link") return t.link.to;
-    for (const n of t.module.groups) {
-      if (n.to) return n.to;
-      const r = (o = n.children) == null ? void 0 : o[0];
+    for (const o of t.module.groups) {
+      if (o.to) return o.to;
+      const r = (n = o.children) == null ? void 0 : n[0];
       if (r) return r.to;
     }
   }
 }
-function pe() {
+function ve() {
   return Y(M());
 }
-function ve(e) {
+function ge(e) {
   var t;
-  const o = /* @__PURE__ */ new Map();
-  for (const n of e) {
-    const r = (t = n.staticData) == null ? void 0 : t.name;
+  const n = /* @__PURE__ */ new Map();
+  for (const o of e) {
+    const r = (t = o.staticData) == null ? void 0 : t.name;
     if (!r) continue;
-    const c = B(n.fullPath);
-    o.has(c) || o.set(c, r);
+    const c = z(o.fullPath);
+    n.has(c) || n.set(c, r);
   }
-  return o;
+  return n;
 }
-function U(e, o) {
+function U(e, n) {
   const t = [];
-  let n = "";
+  let o = "";
   for (const r of V(e).split("/").filter(Boolean)) {
-    n += `/${r}`;
-    const c = o.get(n);
-    c && t.push({ name: c, to: n });
+    o += `/${r}`;
+    const c = n.get(o);
+    c && t.push({ name: c, to: o });
   }
   return t;
 }
 function W() {
   const e = F();
   return w(
-    () => ve(
-      Object.values(e.looseRoutesById).map((o) => {
+    () => ge(
+      Object.values(e.looseRoutesById).map((n) => {
         var t;
         return {
-          fullPath: o.fullPath,
-          staticData: (t = o.options) == null ? void 0 : t.staticData
+          fullPath: n.fullPath,
+          staticData: (t = n.options) == null ? void 0 : t.staticData
         };
       })
     ),
     [e]
   );
 }
-function A(e, o) {
+function A(e, n) {
   if (e != null)
-    return typeof e == "function" ? e(o) : e;
+    return typeof e == "function" ? e(n) : e;
 }
-function ge(e, o, t) {
-  return A(e, t) ?? A(o, t);
+function _e(e, n, t) {
+  return A(e, t) ?? A(n, t);
 }
-function _e() {
-  var o;
+function ke() {
+  var n;
   const e = g({ select: (t) => t.matches });
   for (let t = e.length - 1; t >= 0; t--) {
-    const n = A(
-      (o = e[t].staticData) == null ? void 0 : o.title,
+    const o = A(
+      (n = e[t].staticData) == null ? void 0 : n.title,
       e[t].params ?? {}
     );
-    if (n) return n;
+    if (o) return o;
   }
 }
-function ke(e, o) {
+function Ne(e, n) {
   if (!(e == null || e === !1))
-    return e === !0 ? { kind: "history" } : { kind: "navigate", to: typeof e == "function" ? e(o) : e };
+    return e === !0 ? { kind: "history" } : { kind: "navigate", to: typeof e == "function" ? e(n) : e };
 }
-function Oe() {
-  var n;
-  const e = F(), o = z(), t = g({ select: (r) => r.matches });
+function je() {
+  var o;
+  const e = F(), n = j(), t = g({ select: (r) => r.matches });
   for (let r = t.length - 1; r >= 0; r--) {
-    const c = (n = t[r].staticData) == null ? void 0 : n.back;
+    const c = (o = t[r].staticData) == null ? void 0 : o.back;
     if (c == null) continue;
-    const i = ke(c, t[r].params ?? {});
-    return i ? i.kind === "history" ? () => e.history.back() : () => o({ to: i.to }) : void 0;
+    const i = Ne(c, t[r].params ?? {});
+    return i ? i.kind === "history" ? () => e.history.back() : () => n({ to: i.to }) : void 0;
   }
 }
-function Ne() {
-  const e = g({ select: (o) => o.matches });
-  for (let o = e.length - 1; o >= 0; o--) {
-    const t = e[o].staticData, n = ge(
+function Ie() {
+  const e = g({ select: (n) => n.matches });
+  for (let n = e.length - 1; n >= 0; n--) {
+    const t = e[n].staticData, o = _e(
       t == null ? void 0 : t.breadcrumb,
       t == null ? void 0 : t.title,
-      e[o].params ?? {}
+      e[n].params ?? {}
     );
-    if (n) return n;
+    if (o) return o;
   }
 }
-function ze() {
-  var o;
+function Ke() {
+  var n;
   const e = g({ select: (t) => t.matches });
   for (let t = e.length - 1; t >= 0; t--) {
-    const n = (o = e[t].staticData) == null ? void 0 : o.actions;
-    if (n != null && n.length) return n;
+    const o = (n = e[t].staticData) == null ? void 0 : n.actions;
+    if (o != null && o.length) return o;
   }
 }
-function Ke() {
-  const e = _e(), o = W(), t = g({ select: (r) => r.location.pathname });
+function Ve() {
+  const e = ke(), n = W(), t = g({ select: (r) => r.location.pathname });
   if (e != null) return e;
-  const n = U(t, o);
-  return n.length > 0 ? n[n.length - 1].name : void 0;
+  const o = U(t, n);
+  return o.length > 0 ? o[o.length - 1].name : void 0;
 }
-function Ie(e) {
-  const o = /* @__PURE__ */ new Set();
-  for (const t of e.links) o.add(t.to);
+function De(e) {
+  const n = /* @__PURE__ */ new Set();
+  for (const t of e.links) n.add(t.to);
   for (const t of e.modules)
-    for (const n of t.groups) {
-      n.to && o.add(n.to);
-      for (const r of n.children ?? []) o.add(r.to);
+    for (const o of t.groups) {
+      o.to && n.add(o.to);
+      for (const r of o.children ?? []) n.add(r.to);
     }
-  return o;
+  return n;
 }
-function De(e, o) {
-  const { leafPath: t, leafTitle: n, navigable: r } = o, c = e.map(({ name: i, to: f }) => ({
+function Pe(e, n) {
+  const { leafPath: t, leafTitle: o, navigable: r } = n, c = e.map(({ name: i, to: f }) => ({
     label: i,
     to: f !== t && r.has(f) ? f : void 0
   }));
-  return n && (e.length > 0 && e[e.length - 1].to === t ? c[c.length - 1] = { label: n } : c.push({ label: n })), c;
+  return o && (e.length > 0 && e[e.length - 1].to === t ? c[c.length - 1] = { label: o } : c.push({ label: o })), c;
 }
-function Ve() {
-  const e = M(), o = W(), t = g({ select: (i) => i.location.pathname }), n = Ne(), r = Y(e), c = De(U(t, o), {
-    leafPath: B(t),
-    leafTitle: n,
-    navigable: Ie(e)
+function Ye() {
+  const e = M(), n = W(), t = g({ select: (i) => i.location.pathname }), o = Ie(), r = Y(e), c = Pe(U(t, n), {
+    leafPath: z(t),
+    leafTitle: o,
+    navigable: De(e)
   });
   return { homeTo: r, items: c };
 }
-function Ye() {
-  const e = pe();
+function Ue() {
+  const e = ve();
   return e ? /* @__PURE__ */ u(H, { to: e }) : null;
 }
-function Ue() {
-  const { items: e } = M(), o = g({ select: (c) => c.location.pathname }), t = [];
-  let n = [];
+function We() {
+  const { items: e } = M(), n = g({ select: (c) => c.location.pathname }), t = [];
+  let o = [];
   const r = () => {
-    if (n.length === 0) return;
-    const c = n;
-    n = [], t.push(
-      /* @__PURE__ */ u(j, { children: c.map((i) => /* @__PURE__ */ u(
-        C,
+    if (o.length === 0) return;
+    const c = o;
+    o = [], t.push(
+      /* @__PURE__ */ u(B, { children: c.map((i) => /* @__PURE__ */ u(
+        L,
         {
-          as: L,
+          as: C,
           to: i.to,
           icon: i.icon,
-          selected: $(o, i.to),
+          selected: $(n, i.to),
           clickable: !0,
           trailing: D(i.badge, i.dot),
           children: i.label
@@ -320,46 +320,56 @@ function Ue() {
   };
   for (const c of e) {
     if (c.kind === "link") {
-      n.push(c.link);
+      o.push(c.link);
       continue;
     }
     r();
     const i = c.module;
     t.push(
       /* @__PURE__ */ x("div", { className: m.module, children: [
-        /* @__PURE__ */ u("div", { className: m.moduleLabel, children: i.module }),
-        /* @__PURE__ */ u(j, { children: i.groups.map((f) => /* @__PURE__ */ u(we, { group: f, pathname: o }, f.label)) })
+        /* @__PURE__ */ u(
+          X,
+          {
+            as: "div",
+            variant: "caption",
+            color: "muted",
+            uppercase: !0,
+            className: m.moduleLabel,
+            children: i.module
+          }
+        ),
+        /* @__PURE__ */ u(B, { children: i.groups.map((f) => /* @__PURE__ */ u(Be, { group: f, pathname: n }, f.label)) })
       ] }, `mod-${i.module}`)
     );
   }
   return r(), /* @__PURE__ */ u("nav", { className: m.nav, children: t });
 }
-function Pe(e) {
-  const o = [];
-  for (const t of e.links) o.push({ label: t.label, to: t.to });
+function Te(e) {
+  const n = [];
+  for (const t of e.links) n.push({ label: t.label, to: t.to });
   for (const t of e.modules)
-    for (const n of t.groups) {
-      n.to && o.push({ label: n.label, to: n.to, context: t.module });
-      for (const r of n.children ?? [])
-        o.push({
+    for (const o of t.groups) {
+      o.to && n.push({ label: o.label, to: o.to, context: t.module });
+      for (const r of o.children ?? [])
+        n.push({
           label: r.label,
           to: r.to,
-          context: `${t.module} · ${n.label}`
+          context: `${t.module} · ${o.label}`
         });
     }
-  return o;
+  return n;
 }
-const Te = 8;
-function We() {
-  const e = Z(), o = M(), t = z(), n = w(() => Pe(o), [o]), [r, c] = T(""), [i, f] = T(!1), [p, d] = T(0), v = q(null), h = w(() => {
+const ye = 8;
+function qe() {
+  const e = ee(), n = M(), t = j(), o = w(() => Te(n), [n]), [r, c] = T(""), [i, f] = T(!1), [p, d] = T(0), v = q(null), h = w(() => {
     const s = r.trim().toLowerCase();
-    return s ? n.filter(
+    return s ? o.filter(
       (a) => {
         var b;
         return a.label.toLowerCase().includes(s) || (((b = a.context) == null ? void 0 : b.toLowerCase().includes(s)) ?? !1);
       }
-    ).slice(0, Te) : [];
-  }, [n, r]), k = i && h.length > 0;
+    ).slice(0, ye) : [];
+  }, [o, r]), k = i && h.length > 0;
   y(() => d(0), [r]), y(() => {
     d((s) => s > h.length - 1 ? Math.max(0, h.length - 1) : s);
   }, [h.length]), y(() => {
@@ -407,7 +417,7 @@ function We() {
             autoComplete: "off"
           }
         ),
-        k ? /* @__PURE__ */ u("div", { className: m.searchPanel, children: /* @__PURE__ */ u(j, { role: "listbox", children: h.map((s, a) => /* @__PURE__ */ u(
+        k ? /* @__PURE__ */ u("div", { className: m.searchPanel, children: /* @__PURE__ */ u(B, { role: "listbox", children: h.map((s, a) => /* @__PURE__ */ u(
           R,
           {
             description: s.context,
@@ -424,38 +434,38 @@ function We() {
     }
   );
 }
-function $(e, o) {
-  const t = B(e), n = B(o);
-  return n === "/" ? t === "/" : t === n || t.startsWith(n + "/");
+function $(e, n) {
+  const t = z(e), o = z(n);
+  return o === "/" ? t === "/" : t === o || t.startsWith(o + "/");
 }
-function ye(e, o) {
+function Ce(e, n) {
   var t;
-  return e.to && $(o, e.to) ? !0 : ((t = e.children) == null ? void 0 : t.some((n) => $(o, n.to))) ?? !1;
+  return e.to && $(n, e.to) ? !0 : ((t = e.children) == null ? void 0 : t.some((o) => $(n, o.to))) ?? !1;
 }
 function Le(e) {
   return e ? /* @__PURE__ */ u("span", { className: m.navBadge, children: e }) : null;
 }
-function Ce(e) {
+function we(e) {
   return e ? /* @__PURE__ */ u("span", { className: m.navDot, style: { background: `var(--tz-color-${e})` } }) : null;
 }
-function D(e, o, t) {
-  if (!(e == null && o == null && t == null))
+function D(e, n, t) {
+  if (!(e == null && n == null && t == null))
     return /* @__PURE__ */ x(O, { children: [
       Le(e),
-      Ce(o),
+      we(n),
       t
     ] });
 }
-function we({ group: e, pathname: o }) {
+function Be({ group: e, pathname: n }) {
   var f, p;
-  const t = ye(e, o), n = !!((f = e.children) != null && f.length), [r, c] = T(t);
+  const t = Ce(e, n), o = !!((f = e.children) != null && f.length), [r, c] = T(t);
   if (y(() => {
     t && c(!0);
-  }, [t]), !n && e.to)
+  }, [t]), !o && e.to)
     return /* @__PURE__ */ u(
-      C,
+      L,
       {
-        as: L,
+        as: C,
         to: e.to,
         icon: e.icon,
         selected: t,
@@ -474,12 +484,12 @@ function we({ group: e, pathname: o }) {
     }
   );
   return /* @__PURE__ */ x(O, { children: [
-    n && e.to ? (
+    o && e.to ? (
       // "Case B": the row navigates (and expands); a separate chevron only toggles.
       /* @__PURE__ */ u(
-        C,
+        L,
         {
-          as: L,
+          as: C,
           to: e.to,
           icon: e.icon,
           selected: t,
@@ -520,15 +530,15 @@ function we({ group: e, pathname: o }) {
         }
       )
     ),
-    n ? (
+    o ? (
       // smooth collapse, same grid-template-rows technique as Card
-      /* @__PURE__ */ u("div", { className: G(m.collapsible, !r && m.collapsibleClosed), children: /* @__PURE__ */ u("div", { className: m.collapsibleInner, children: /* @__PURE__ */ u(j, { className: m.leaves, children: (p = e.children) == null ? void 0 : p.map((d) => /* @__PURE__ */ u(
-        C,
+      /* @__PURE__ */ u("div", { className: G(m.collapsible, !r && m.collapsibleClosed), children: /* @__PURE__ */ u("div", { className: m.collapsibleInner, children: /* @__PURE__ */ u(B, { className: m.leaves, children: (p = e.children) == null ? void 0 : p.map((d) => /* @__PURE__ */ u(
+        L,
         {
-          as: L,
+          as: C,
           to: d.to,
           icon: /* @__PURE__ */ u("span", { className: m.leafDot }),
-          selected: $(o, d.to),
+          selected: $(n, d.to),
           size: "md",
           clickable: !0,
           trailing: D(d.badge, d.dot),
@@ -540,14 +550,14 @@ function we({ group: e, pathname: o }) {
   ] });
 }
 export {
-  Ye as F,
-  We as N,
-  Ue as S,
-  Ke as a,
-  be as b,
-  Oe as c,
-  ze as d,
+  Ue as F,
+  qe as N,
+  We as S,
+  Ve as a,
+  pe as b,
+  je as c,
+  Ke as d,
   Y as f,
-  Ve as u
+  Ye as u
 };
-//# sourceMappingURL=Sidebar-CsPnv4mu.js.map
+//# sourceMappingURL=Sidebar-CsWcjSTx.js.map