@techzyapp/ui-library 1.0.40 → 1.0.42

package/dist/{Sidebar-Dg15hPpM.js → Sidebar-_pcwxdd8.js}

@@ -1,14 +1,14 @@
-import { jsx as u, jsxs as x, Fragment as F } from "react/jsx-runtime";
-import { useMemo as w, useState as D, useRef as V, useEffect as C } from "react";
-import { Navigate as Y, useRouterState as M, useNavigate as U, useRouter as R, Link as L } from "@tanstack/react-router";
+import { jsx as u, jsxs as B, Fragment as F } from "react/jsx-runtime";
+import { useMemo as w, useState as D, useRef as Y, useEffect as L } from "react";
+import { Navigate as G, useRouterState as E, useNavigate as U, useRouter as R, Link as y } from "@tanstack/react-router";
 import { clsx as W } from "clsx";
 import { b as O } from "./Icon-D5TxgfCc.js";
-import { L as T } from "./List-CwuAJDTi.js";
-import { L as A } from "./ListItem-BWNIbyTh.js";
-import { T as q } from "./TextField-0gFvIFs8.js";
+import { L as T } from "./List-2Y3ktTcF.js";
+import { L as A } from "./ListItem-2Lr5_NRY.js";
+import { T as q } from "./TextField-0WvJsHhA.js";
 import { T as H } from "./Typography-ChSuxgkc.js";
-import { u as G, h as Q } from "./access-Db4knwyR.js";
-import { a as X } from "./ConfigProvider-DeMASTVo.js";
+import { u as Q, h as X } from "./access-Db4knwyR.js";
+import { a as j } from "./ConfigProvider-D61cpCz-.js";
 const J = "_nav_2n8z4_4", Z = "_module_2n8z4_17", ee = "_search_2n8z4_25", te = "_searchPanel_2n8z4_31", oe = "_moduleLabel_2n8z4_46", ne = "_leaves_2n8z4_57", ae = "_navBadge_2n8z4_62", se = "_navDot_2n8z4_74", le = "_leafDot_2n8z4_82", re = "_collapsible_2n8z4_91", ce = "_collapsibleClosed_2n8z4_96", ie = "_collapsibleInner_2n8z4_99", ue = "_chevron_2n8z4_105", de = "_chevronButton_2n8z4_115", m = {
   nav: J,
   module: Z,
@@ -24,17 +24,17 @@ const J = "_nav_2n8z4_4", Z = "_module_2n8z4_17", ee = "_search_2n8z4_25", te =
   collapsibleInner: ie,
   chevron: ue,
   chevronButton: de
-}, y = A, fe = (e) => e.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" "), j = (e) => e.replace(/^\/+|\/+$/g, ""), z = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, E = (e, o) => e.order - o.order || e.label.localeCompare(o.label);
+}, C = A, fe = (e) => e.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" "), K = (e) => e.replace(/^\/+|\/+$/g, ""), z = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, M = (e, o) => e.order - o.order || e.label.localeCompare(o.label);
 function me(e) {
   const o = [];
   for (const l of e) {
-    const s = l.staticData, n = j(l.fullPath);
+    const s = l.staticData, n = K(l.fullPath);
     !(s != null && s.name) || !n || o.push({ path: n, name: s.name, sd: s });
   }
-  const t = new Map(o.map((l) => [l.path, l])), a = o.map((l) => l.path), r = (l) => a.some((s) => {
+  const t = new Map(o.map((l) => [l.path, l])), a = o.map((l) => l.path), c = (l) => a.some((s) => {
     var n;
     return s !== l && s.startsWith(`${l}/`) && !((n = t.get(s)) != null && n.sd.hidden);
-  }), c = new Set(e.map((l) => l.fullPath)), i = (l) => c.has(`/${l}/`), f = (l, s) => {
+  }), r = new Set(e.map((l) => l.fullPath)), i = (l) => r.has(`/${l}/`), d = (l, s) => {
     const n = t.get(l);
     return {
       label: (n == null ? void 0 : n.name) ?? fe(s),
@@ -43,19 +43,19 @@ function me(e) {
       dot: n == null ? void 0 : n.sd.dot,
       order: (n == null ? void 0 : n.sd.order) ?? Number.POSITIVE_INFINITY
     };
-  }, p = /* @__PURE__ */ new Map(), d = (l) => {
-    let s = p.get(l);
+  }, v = /* @__PURE__ */ new Map(), p = (l) => {
+    let s = v.get(l);
     if (!s) {
-      const n = f(l, l);
-      s = { label: n.label, icon: n.icon, order: n.order, groups: /* @__PURE__ */ new Map() }, p.set(l, s);
+      const n = d(l, l);
+      s = { label: n.label, icon: n.icon, order: n.order, groups: /* @__PURE__ */ new Map() }, v.set(l, s);
     }
     return s;
-  }, v = [];
+  }, f = [];
   for (const { path: l, name: s, sd: n } of o) {
     const b = l.split("/");
-    if (b.length <= 2 && r(l) || n.hidden) continue;
+    if (b.length <= 2 && c(l) || n.hidden) continue;
     if (b.length === 1) {
-      v.push({
+      f.push({
         label: s,
         to: `/${l}`,
         icon: n.icon,
@@ -65,9 +65,9 @@ function me(e) {
       });
       continue;
     }
-    const S = d(b[0]);
+    const $ = p(b[0]);
     if (b.length === 2)
-      S.groups.set(l, {
+      $.groups.set(l, {
         label: s,
         icon: n.icon,
         to: `/${l}`,
@@ -79,9 +79,9 @@ function me(e) {
       });
     else {
       const N = b.slice(0, 2).join("/");
-      let P = S.groups.get(N);
+      let P = $.groups.get(N);
       if (!P) {
-        const k = f(N, b[1]);
+        const k = d(N, b[1]);
         P = {
           label: k.label,
           icon: k.icon,
@@ -91,7 +91,7 @@ function me(e) {
           to: i(N) ? `/${N}` : void 0,
           leaves: [],
           isContainer: !0
-        }, S.groups.set(N, P);
+        }, $.groups.set(N, P);
       }
       P.leaves.push({
         label: s,
@@ -103,14 +103,14 @@ function me(e) {
       });
     }
   }
-  const h = v.map((l) => ({
+  const h = f.map((l) => ({
     order: l.order,
     label: l.label,
     item: {
       kind: "link",
       link: { label: l.label, to: l.to, icon: l.icon, badge: l.badge, dot: l.dot }
     }
-  })), _ = [...p.values()].map((l) => ({
+  })), _ = [...v.values()].map((l) => ({
     order: l.order,
     label: l.label,
     item: {
@@ -118,14 +118,14 @@ function me(e) {
       module: {
         module: l.label,
         icon: l.icon,
-        groups: [...l.groups.values()].sort(E).map(
+        groups: [...l.groups.values()].sort(M).map(
           (s) => ({
             label: s.label,
             icon: s.icon,
             to: s.to,
             badge: s.badge,
             dot: s.dot,
-            children: s.isContainer ? s.leaves.sort(E).map((n) => ({
+            children: s.isContainer ? s.leaves.sort(M).map((n) => ({
               label: n.label,
               to: n.to,
               icon: n.icon,
@@ -136,15 +136,15 @@ function me(e) {
         )
       }
     }
-  })), g = [...h, ..._].sort(E).map((l) => l.item);
+  })), g = [...h, ..._].sort(M).map((l) => l.item);
   return {
     items: g,
     links: g.flatMap((l) => l.kind === "link" ? [l.link] : []),
     modules: g.flatMap((l) => l.kind === "module" ? [l.module] : [])
   };
 }
-function B() {
-  const e = R(), o = G();
+function S() {
+  const e = R(), o = Q();
   return w(
     () => me(
       Object.values(e.looseRoutesById).map((t) => {
@@ -155,44 +155,44 @@ function B() {
         };
       }).filter((t) => {
         var a;
-        return Q((a = t.staticData) == null ? void 0 : a.roles);
+        return X((a = t.staticData) == null ? void 0 : a.roles);
       })
     ),
     [e, o]
   );
 }
-function K(e) {
+function V(e) {
   var o;
   for (const t of e.items) {
     if (t.kind === "link") return t.link.to;
     for (const a of t.module.groups) {
       if (a.to) return a.to;
-      const r = (o = a.children) == null ? void 0 : o[0];
-      if (r) return r.to;
+      const c = (o = a.children) == null ? void 0 : o[0];
+      if (c) return c.to;
     }
   }
 }
 function he() {
-  return K(B());
+  return V(S());
 }
 function be(e) {
   var t;
   const o = /* @__PURE__ */ new Map();
   for (const a of e) {
-    const r = (t = a.staticData) == null ? void 0 : t.name;
-    if (!r) continue;
-    const c = z(a.fullPath);
-    o.has(c) || o.set(c, r);
+    const c = (t = a.staticData) == null ? void 0 : t.name;
+    if (!c) continue;
+    const r = z(a.fullPath);
+    o.has(r) || o.set(r, c);
   }
   return o;
 }
 function pe(e, o) {
   const t = [];
   let a = "";
-  for (const r of j(e).split("/").filter(Boolean)) {
-    a += `/${r}`;
-    const c = o.get(a);
-    c && t.push({ name: c, to: a });
+  for (const c of K(e).split("/").filter(Boolean)) {
+    a += `/${c}`;
+    const r = o.get(a);
+    r && t.push({ name: r, to: a });
   }
   return t;
 }
@@ -217,7 +217,7 @@ function ge(e, o) {
 }
 function _e() {
   var o;
-  const e = M({ select: (t) => t.matches });
+  const e = E({ select: (t) => t.matches });
   for (let t = e.length - 1; t >= 0; t--) {
     const a = ge(
       (o = e[t].staticData) == null ? void 0 : o.breadcrumb,
@@ -232,60 +232,60 @@ function Ne(e) {
   for (const t of e.modules)
     for (const a of t.groups) {
       a.to && o.add(a.to);
-      for (const r of a.children ?? []) o.add(r.to);
+      for (const c of a.children ?? []) o.add(c.to);
     }
   return o;
 }
 function ke(e, o) {
-  const { leafPath: t, leafLabel: a, navigable: r } = o, c = e.map(({ name: i, to: f }) => ({
+  const { leafPath: t, leafLabel: a, navigable: c } = o, r = e.map(({ name: i, to: d }) => ({
     label: i,
-    to: f !== t && r.has(f) ? f : void 0
+    to: d !== t && c.has(d) ? d : void 0
   }));
-  return a && (e.length > 0 && e[e.length - 1].to === t ? c[c.length - 1] = { label: a } : c.push({ label: a })), c;
+  return a && (e.length > 0 && e[e.length - 1].to === t ? r[r.length - 1] = { label: a } : r.push({ label: a })), r;
 }
 function Re() {
-  const e = B(), o = ve(), t = M({ select: (i) => i.location.pathname }), a = _e(), r = K(e), c = ke(pe(t, o), {
+  const e = S(), o = ve(), t = E({ select: (i) => i.location.pathname }), a = _e(), c = V(e), r = ke(pe(t, o), {
     leafPath: z(t),
     leafLabel: a,
     navigable: Ne(e)
   });
-  return { homeTo: r, items: c };
+  return { homeTo: c, items: r };
 }
 function Oe() {
   const e = he();
-  return e ? /* @__PURE__ */ u(Y, { to: e }) : null;
+  return e ? /* @__PURE__ */ u(G, { to: e }) : null;
 }
 function je() {
-  const { items: e } = B(), o = M({ select: (c) => c.location.pathname }), t = [];
+  const { items: e } = S(), o = E({ select: (r) => r.location.pathname }), t = [];
   let a = [];
-  const r = () => {
+  const c = () => {
     if (a.length === 0) return;
-    const c = a;
+    const r = a;
     a = [], t.push(
-      /* @__PURE__ */ u(T, { children: c.map((i) => /* @__PURE__ */ u(
-        y,
+      /* @__PURE__ */ u(T, { children: r.map((i) => /* @__PURE__ */ u(
+        C,
         {
-          as: L,
+          as: y,
           to: i.to,
           icon: i.icon,
-          selected: $(o, i.to),
+          selected: x(o, i.to),
           clickable: !0,
           trailing: I(i.badge, i.dot),
           children: i.label
         },
         i.to
-      )) }, `links-${c[0].to}`)
+      )) }, `links-${r[0].to}`)
     );
   };
-  for (const c of e) {
-    if (c.kind === "link") {
-      a.push(c.link);
+  for (const r of e) {
+    if (r.kind === "link") {
+      a.push(r.link);
       continue;
     }
-    r();
-    const i = c.module;
+    c();
+    const i = r.module;
     t.push(
-      /* @__PURE__ */ x("div", { className: m.module, children: [
+      /* @__PURE__ */ B("div", { className: m.module, children: [
         /* @__PURE__ */ u(
           H,
           {
@@ -297,11 +297,11 @@ function je() {
             children: i.module
           }
         ),
-        /* @__PURE__ */ u(T, { children: i.groups.map((f) => /* @__PURE__ */ u(ye, { group: f, pathname: o }, f.label)) })
+        /* @__PURE__ */ u(T, { children: i.groups.map((d) => /* @__PURE__ */ u(Ce, { group: d, pathname: o }, d.label)) })
       ] }, `mod-${i.module}`)
     );
   }
-  return r(), /* @__PURE__ */ u("nav", { className: m.nav, children: t });
+  return c(), /* @__PURE__ */ u("nav", { className: m.nav, children: t });
 }
 function Ie(e) {
   const o = [];
@@ -309,10 +309,10 @@ function Ie(e) {
   for (const t of e.modules)
     for (const a of t.groups) {
       a.to && o.push({ label: a.label, to: a.to, context: t.module });
-      for (const r of a.children ?? [])
+      for (const c of a.children ?? [])
         o.push({
-          label: r.label,
-          to: r.to,
+          label: c.label,
+          to: c.to,
           context: `${t.module} · ${a.label}`
         });
     }
@@ -320,42 +320,42 @@ function Ie(e) {
 }
 const Pe = 8;
 function Ke() {
-  const e = X(), o = B(), t = U(), a = w(() => Ie(o), [o]), [r, c] = D(""), [i, f] = D(!1), [p, d] = D(0), v = V(null), h = w(() => {
-    const s = r.trim().toLowerCase();
+  const e = j(), o = S(), t = U(), a = w(() => Ie(o), [o]), [c, r] = D(""), [i, d] = D(!1), [v, p] = D(0), f = Y(null), h = w(() => {
+    const s = c.trim().toLowerCase();
     return s ? a.filter(
       (n) => {
         var b;
         return n.label.toLowerCase().includes(s) || (((b = n.context) == null ? void 0 : b.toLowerCase().includes(s)) ?? !1);
       }
     ).slice(0, Pe) : [];
-  }, [a, r]), _ = i && h.length > 0;
-  C(() => d(0), [r]), C(() => {
-    d((s) => s > h.length - 1 ? Math.max(0, h.length - 1) : s);
-  }, [h.length]), C(() => {
+  }, [a, c]), _ = i && h.length > 0;
+  L(() => p(0), [c]), L(() => {
+    p((s) => s > h.length - 1 ? Math.max(0, h.length - 1) : s);
+  }, [h.length]), L(() => {
     if (!i) return;
     const s = (n) => {
-      v.current && !v.current.contains(n.target) && f(!1);
+      f.current && !f.current.contains(n.target) && d(!1);
     };
     return document.addEventListener("pointerdown", s), () => document.removeEventListener("pointerdown", s);
   }, [i]);
   const g = (s) => {
-    t({ to: s }), c(""), f(!1);
+    t({ to: s }), r(""), d(!1);
   }, l = (s) => {
     if (_)
       if (s.key === "ArrowDown")
-        s.preventDefault(), d((n) => (n + 1) % h.length);
+        s.preventDefault(), p((n) => (n + 1) % h.length);
       else if (s.key === "ArrowUp")
-        s.preventDefault(), d((n) => (n - 1 + h.length) % h.length);
+        s.preventDefault(), p((n) => (n - 1 + h.length) % h.length);
       else if (s.key === "Enter") {
         s.preventDefault();
-        const n = h[p];
+        const n = h[v];
         n && g(n.to);
-      } else s.key === "Escape" && f(!1);
+      } else s.key === "Escape" && d(!1);
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ B(
     "div",
     {
-      ref: v,
+      ref: f,
       className: m.search,
       role: "combobox",
       "aria-expanded": _,
@@ -364,11 +364,11 @@ function Ke() {
         /* @__PURE__ */ u(
           q,
           {
-            value: r,
+            value: c,
             onChange: (s) => {
-              c(s.target.value), f(!0);
+              r(s.target.value), d(!0);
             },
-            onFocus: () => f(!0),
+            onFocus: () => d(!0),
             onKeyDown: l,
             adornment: /* @__PURE__ */ u(O, { name: "SearchNormal" }),
             placeholder: e("sidebar.searchPages"),
@@ -381,9 +381,9 @@ function Ke() {
           {
             description: s.context,
             clickable: !0,
-            selected: n === p,
+            selected: n === v,
             onMouseDown: (b) => b.preventDefault(),
-            onMouseEnter: () => d(n),
+            onMouseEnter: () => p(n),
             onClick: () => g(s.to),
             children: s.label
           },
@@ -393,47 +393,47 @@ function Ke() {
     }
   );
 }
-function $(e, o) {
+function x(e, o) {
   const t = z(e), a = z(o);
   return a === "/" ? t === "/" : t === a || t.startsWith(a + "/");
 }
 function De(e, o) {
   var t;
-  return e.to && $(o, e.to) ? !0 : ((t = e.children) == null ? void 0 : t.some((a) => $(o, a.to))) ?? !1;
+  return e.to && x(o, e.to) ? !0 : ((t = e.children) == null ? void 0 : t.some((a) => x(o, a.to))) ?? !1;
 }
-function Ce(e) {
+function Le(e) {
   return e ? /* @__PURE__ */ u("span", { className: m.navBadge, children: e }) : null;
 }
-function Le(e) {
+function ye(e) {
   return e ? /* @__PURE__ */ u("span", { className: m.navDot, style: { background: `var(--tz-color-${e})` } }) : null;
 }
 function I(e, o, t) {
   if (!(e == null && o == null && t == null))
-    return /* @__PURE__ */ x(F, { children: [
-      Ce(e),
-      Le(o),
+    return /* @__PURE__ */ B(F, { children: [
+      Le(e),
+      ye(o),
       t
     ] });
 }
-function ye({ group: e, pathname: o }) {
-  var f, p;
-  const t = De(e, o), a = !!((f = e.children) != null && f.length), [r, c] = D(t);
-  if (C(() => {
-    t && c(!0);
-  }, [t]), !a && e.to)
+function Ce({ group: e, pathname: o }) {
+  var v, p;
+  const t = j(), a = De(e, o), c = !!((v = e.children) != null && v.length), [r, i] = D(a);
+  if (L(() => {
+    a && i(!0);
+  }, [a]), !c && e.to)
     return /* @__PURE__ */ u(
-      y,
+      C,
       {
-        as: L,
+        as: y,
         to: e.to,
         icon: e.icon,
-        selected: t,
+        selected: a,
         clickable: !0,
         trailing: I(e.badge, e.dot),
         children: e.label
       }
     );
-  const i = /* @__PURE__ */ u(
+  const d = /* @__PURE__ */ u(
     O,
     {
       name: "ArrowDown4",
@@ -442,18 +442,18 @@ function ye({ group: e, pathname: o }) {
       "data-open": r ? "true" : "false"
     }
   );
-  return /* @__PURE__ */ x(F, { children: [
-    a && e.to ? (
+  return /* @__PURE__ */ B(F, { children: [
+    c && e.to ? (
       // "Case B": the row navigates (and expands); a separate chevron only toggles.
       /* @__PURE__ */ u(
-        y,
+        C,
         {
-          as: L,
+          as: y,
           to: e.to,
           icon: e.icon,
-          selected: t,
+          selected: a,
           clickable: !0,
-          onClick: () => c(!0),
+          onClick: () => i(!0),
           trailing: I(
             e.badge,
             e.dot,
@@ -462,12 +462,14 @@ function ye({ group: e, pathname: o }) {
               {
                 type: "button",
                 className: m.chevronButton,
-                "aria-label": `${r ? "Collapse" : "Expand"} ${e.label}`,
+                "aria-label": t(r ? "sidebar.collapseGroup" : "sidebar.expandGroup", {
+                  group: e.label
+                }),
                 "aria-expanded": r,
-                onClick: (d) => {
-                  d.preventDefault(), d.stopPropagation(), c((v) => !v);
+                onClick: (f) => {
+                  f.preventDefault(), f.stopPropagation(), i((h) => !h);
                 },
-                children: i
+                children: d
               }
             )
           ),
@@ -480,30 +482,30 @@ function ye({ group: e, pathname: o }) {
         A,
         {
           icon: e.icon,
-          selected: t,
+          selected: a,
           clickable: !0,
           "aria-expanded": r,
-          onClick: () => c((d) => !d),
-          trailing: I(e.badge, e.dot, i),
+          onClick: () => i((f) => !f),
+          trailing: I(e.badge, e.dot, d),
           children: e.label
         }
       )
     ),
-    a ? (
+    c ? (
       // smooth collapse, same grid-template-rows technique as Card
-      /* @__PURE__ */ u("div", { className: W(m.collapsible, !r && m.collapsibleClosed), children: /* @__PURE__ */ u("div", { className: m.collapsibleInner, children: /* @__PURE__ */ u(T, { className: m.leaves, children: (p = e.children) == null ? void 0 : p.map((d) => /* @__PURE__ */ u(
-        y,
+      /* @__PURE__ */ u("div", { className: W(m.collapsible, !r && m.collapsibleClosed), children: /* @__PURE__ */ u("div", { className: m.collapsibleInner, children: /* @__PURE__ */ u(T, { className: m.leaves, children: (p = e.children) == null ? void 0 : p.map((f) => /* @__PURE__ */ u(
+        C,
         {
-          as: L,
-          to: d.to,
+          as: y,
+          to: f.to,
           icon: /* @__PURE__ */ u("span", { className: m.leafDot }),
-          selected: $(o, d.to),
+          selected: x(o, f.to),
           size: "md",
           clickable: !0,
-          trailing: I(d.badge, d.dot),
-          children: d.label
+          trailing: I(f.badge, f.dot),
+          children: f.label
         },
-        d.to
+        f.to
       )) }) }) })
     ) : null
   ] });
@@ -514,7 +516,7 @@ export {
   je as S,
   he as a,
   me as b,
-  K as f,
+  V as f,
   Re as u
 };
-//# sourceMappingURL=Sidebar-Dg15hPpM.js.map
+//# sourceMappingURL=Sidebar-_pcwxdd8.js.map