@techzyapp/ui-library 1.0.15 → 1.0.17

package/dist/{Sidebar-nnHriNtf.js → Sidebar-D2RZH5m5.js}

@@ -1,58 +1,61 @@
 import { jsx as i, jsxs as I, Fragment as M } from "react/jsx-runtime";
-import { useMemo as T, useState as D, useRef as K, useEffect as C } from "react";
-import { Navigate as V, useRouterState as $, Link as k, useNavigate as Y, useRouter as E } from "@tanstack/react-router";
-import { clsx as U } from "clsx";
+import { useMemo as w, useState as D, useRef as V, useEffect as T } from "react";
+import { Navigate as Y, useRouterState as S, Link as C, useNavigate as U, useRouter as E } from "@tanstack/react-router";
+import { clsx as W } from "clsx";
 import { I as A } from "./Icon-CophpkHo.js";
 import { L as y } from "./List-LqbfF6gU.js";
 import { L as B } from "./ListItem-B4Upc0Hy.js";
-import { T as W } from "./TextField-Bg4TwkVD.js";
-import { u as q, h as H } from "./access-Db4knwyR.js";
-import { a as G } from "./ConfigProvider-BYruQYHC.js";
-const Q = "_nav_a1zzi_4", X = "_module_a1zzi_17", J = "_search_a1zzi_25", Z = "_searchPanel_a1zzi_31", ee = "_moduleLabel_a1zzi_46", te = "_leaves_a1zzi_61", oe = "_navBadge_a1zzi_66", ne = "_navDot_a1zzi_78", ae = "_leafDot_a1zzi_86", se = "_collapsible_a1zzi_95", le = "_collapsibleClosed_a1zzi_100", ce = "_collapsibleInner_a1zzi_103", re = "_chevron_a1zzi_109", ie = "_chevronButton_a1zzi_119", h = {
-  nav: Q,
-  module: X,
-  search: J,
-  searchPanel: Z,
-  moduleLabel: ee,
-  leaves: te,
-  navBadge: oe,
-  navDot: ne,
-  leafDot: ae,
-  collapsible: se,
-  collapsibleClosed: le,
-  collapsibleInner: ce,
-  chevron: re,
-  chevronButton: ie
-}, w = B, de = (e) => e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" "), F = (e) => e.replace(/^\/+|\/+$/g, ""), S = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, P = (e, n) => e.order - n.order || e.label.localeCompare(n.label);
-function ue(e) {
+import { T as q } from "./TextField-Bg4TwkVD.js";
+import { u as H, h as G } from "./access-Db4knwyR.js";
+import { a as Q } from "./ConfigProvider-BYruQYHC.js";
+const X = "_nav_a1zzi_4", J = "_module_a1zzi_17", Z = "_search_a1zzi_25", ee = "_searchPanel_a1zzi_31", te = "_moduleLabel_a1zzi_46", oe = "_leaves_a1zzi_61", ne = "_navBadge_a1zzi_66", ae = "_navDot_a1zzi_78", se = "_leafDot_a1zzi_86", le = "_collapsible_a1zzi_95", ce = "_collapsibleClosed_a1zzi_100", re = "_collapsibleInner_a1zzi_103", ie = "_chevron_a1zzi_109", ue = "_chevronButton_a1zzi_119", h = {
+  nav: X,
+  module: J,
+  search: Z,
+  searchPanel: ee,
+  moduleLabel: te,
+  leaves: oe,
+  navBadge: ne,
+  navDot: ae,
+  leafDot: se,
+  collapsible: le,
+  collapsibleClosed: ce,
+  collapsibleInner: re,
+  chevron: ie,
+  chevronButton: ue
+}, k = B, de = (e) => e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" "), F = (e) => e.replace(/^\/+|\/+$/g, ""), L = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, P = (e, n) => e.order - n.order || e.label.localeCompare(n.label);
+function fe(e) {
   const n = [];
   for (const a of e) {
-    const l = a.staticData, s = F(a.fullPath);
-    !(l != null && l.name) || !s || n.push({ path: s, name: l.name, sd: l });
+    const c = a.staticData, s = F(a.fullPath);
+    !(c != null && c.name) || !s || n.push({ path: s, name: c.name, sd: c });
   }
-  const o = new Map(n.map((a) => [a.path, a])), t = n.map((a) => a.path), c = (a) => t.some((l) => l !== a && l.startsWith(`${a}/`)), d = new Set(e.map((a) => a.fullPath)), b = (a) => d.has(`/${a}/`), m = (a, l) => {
+  const o = new Map(n.map((a) => [a.path, a])), t = n.map((a) => a.path), l = (a) => t.some((c) => {
+    var s;
+    return c !== a && c.startsWith(`${a}/`) && !((s = o.get(c)) != null && s.sd.hidden);
+  }), u = new Set(e.map((a) => a.fullPath)), b = (a) => u.has(`/${a}/`), m = (a, c) => {
     const s = o.get(a);
     return {
-      label: (s == null ? void 0 : s.name) ?? de(l),
+      label: (s == null ? void 0 : s.name) ?? de(c),
       icon: s == null ? void 0 : s.sd.icon,
       badge: s == null ? void 0 : s.sd.badge,
       dot: s == null ? void 0 : s.sd.dot,
       order: (s == null ? void 0 : s.sd.order) ?? Number.POSITIVE_INFINITY
     };
   }, p = /* @__PURE__ */ new Map(), f = (a) => {
-    let l = p.get(a);
-    if (!l) {
+    let c = p.get(a);
+    if (!c) {
       const s = m(a, a);
-      l = { label: s.label, icon: s.icon, order: s.order, groups: /* @__PURE__ */ new Map() }, p.set(a, l);
+      c = { label: s.label, icon: s.icon, order: s.order, groups: /* @__PURE__ */ new Map() }, p.set(a, c);
     }
-    return l;
+    return c;
   }, g = [];
-  for (const { path: a, name: l, sd: s } of n) {
+  for (const { path: a, name: c, sd: s } of n) {
     const _ = a.split("/");
-    if (_.length <= 2 && c(a) || s.hidden) continue;
+    if (_.length <= 2 && l(a) || s.hidden) continue;
     if (_.length === 1) {
       g.push({
-        label: l,
+        label: c,
         to: `/${a}`,
         icon: s.icon,
         badge: s.badge,
@@ -64,7 +67,7 @@ function ue(e) {
     const r = f(_[0]);
     if (_.length === 2)
       r.groups.set(a, {
-        label: l,
+        label: c,
         icon: s.icon,
         to: `/${a}`,
         badge: s.badge,
@@ -74,23 +77,23 @@ function ue(e) {
         isContainer: !1
       });
     else {
-      const u = _.slice(0, 2).join("/");
-      let v = r.groups.get(u);
+      const d = _.slice(0, 2).join("/");
+      let v = r.groups.get(d);
       if (!v) {
-        const N = m(u, _[1]);
+        const N = m(d, _[1]);
         v = {
           label: N.label,
           icon: N.icon,
           badge: N.badge,
           dot: N.dot,
           order: N.order,
-          to: b(u) ? `/${u}` : void 0,
+          to: b(d) ? `/${d}` : void 0,
           leaves: [],
           isContainer: !0
-        }, r.groups.set(u, v);
+        }, r.groups.set(d, v);
       }
       v.leaves.push({
-        label: l,
+        label: c,
         to: `/${a}`,
         icon: s.icon,
         badge: s.badge,
@@ -106,13 +109,13 @@ function ue(e) {
         module: a.label,
         icon: a.icon,
         groups: [...a.groups.values()].sort(P).map(
-          (l) => ({
-            label: l.label,
-            icon: l.icon,
-            to: l.to,
-            badge: l.badge,
-            dot: l.dot,
-            children: l.isContainer ? l.leaves.sort(P).map((s) => ({
+          (c) => ({
+            label: c.label,
+            icon: c.icon,
+            to: c.to,
+            badge: c.badge,
+            dot: c.dot,
+            children: c.isContainer ? c.leaves.sort(P).map((s) => ({
               label: s.label,
               to: s.to,
               icon: s.icon,
@@ -125,10 +128,10 @@ function ue(e) {
     )
   };
 }
-function x() {
-  const e = E(), n = q();
-  return T(
-    () => ue(
+function $() {
+  const e = E(), n = H();
+  return w(
+    () => fe(
       Object.values(e.looseRoutesById).map((o) => {
         var t;
         return {
@@ -137,7 +140,7 @@ function x() {
         };
       }).filter((o) => {
         var t;
-        return H((t = o.staticData) == null ? void 0 : t.roles);
+        return G((t = o.staticData) == null ? void 0 : t.roles);
       })
     ),
     [e, n]
@@ -149,38 +152,38 @@ function O(e) {
   for (const o of e.modules)
     for (const t of o.groups) {
       if (t.to) return t.to;
-      const c = (n = t.children) == null ? void 0 : n[0];
-      if (c) return c.to;
+      const l = (n = t.children) == null ? void 0 : n[0];
+      if (l) return l.to;
     }
 }
-function fe() {
-  return O(x());
+function me() {
+  return O($());
 }
-function me(e) {
+function he(e) {
   var o;
   const n = /* @__PURE__ */ new Map();
   for (const t of e) {
-    const c = (o = t.staticData) == null ? void 0 : o.name;
-    if (!c) continue;
-    const d = S(t.fullPath);
-    n.has(d) || n.set(d, c);
+    const l = (o = t.staticData) == null ? void 0 : o.name;
+    if (!l) continue;
+    const u = L(t.fullPath);
+    n.has(u) || n.set(u, l);
   }
   return n;
 }
 function R(e, n) {
   const o = [];
   let t = "";
-  for (const c of F(e).split("/").filter(Boolean)) {
-    t += `/${c}`;
-    const d = n.get(t);
-    d && o.push({ name: d, to: t });
+  for (const l of F(e).split("/").filter(Boolean)) {
+    t += `/${l}`;
+    const u = n.get(t);
+    u && o.push({ name: u, to: t });
   }
   return o;
 }
 function j() {
   const e = E();
-  return T(
-    () => me(
+  return w(
+    () => he(
       Object.values(e.looseRoutesById).map((n) => {
         var o;
         return {
@@ -192,41 +195,66 @@ function j() {
     [e]
   );
 }
-function xe() {
-  const e = j(), n = $({ select: (t) => t.location.pathname }), o = R(n, e);
-  return o.length > 0 ? o[o.length - 1].name : void 0;
+function be(e, n) {
+  if (e != null)
+    return typeof e == "function" ? e(n) : e;
 }
-function he(e) {
+function K() {
+  var n;
+  const e = S({ select: (o) => o.matches });
+  for (let o = e.length - 1; o >= 0; o--) {
+    const t = be(
+      (n = e[o].staticData) == null ? void 0 : n.title,
+      e[o].params ?? {}
+    );
+    if (t) return t;
+  }
+}
+function Be() {
+  const e = K(), n = j(), o = S({ select: (l) => l.location.pathname });
+  if (e != null) return e;
+  const t = R(o, n);
+  return t.length > 0 ? t[t.length - 1].name : void 0;
+}
+function pe(e) {
   const n = /* @__PURE__ */ new Set();
   for (const o of e.links) n.add(o.to);
   for (const o of e.modules)
     for (const t of o.groups) {
       t.to && n.add(t.to);
-      for (const c of t.children ?? []) n.add(c.to);
+      for (const l of t.children ?? []) n.add(l.to);
     }
   return n;
 }
-function Se() {
-  const e = x(), n = j(), o = $({ select: (b) => b.location.pathname }), t = O(e), c = he(e), d = R(o, n).map(({ name: b, to: m }) => ({
+function ve(e, n) {
+  const { leafPath: o, leafTitle: t, navigable: l } = n, u = e.map(({ name: b, to: m }) => ({
     label: b,
-    to: c.has(m) ? m : void 0
+    to: m !== o && l.has(m) ? m : void 0
   }));
-  return d.length > 0 && (d[d.length - 1] = { label: d[d.length - 1].label }), { homeTo: t, items: d };
+  return t && (e.length > 0 && e[e.length - 1].to === o ? u[u.length - 1] = { label: t } : u.push({ label: t })), u;
+}
+function Me() {
+  const e = $(), n = j(), o = S({ select: (b) => b.location.pathname }), t = K(), l = O(e), u = ve(R(o, n), {
+    leafPath: L(o),
+    leafTitle: t,
+    navigable: pe(e)
+  });
+  return { homeTo: l, items: u };
 }
-function $e() {
-  const e = fe();
-  return e ? /* @__PURE__ */ i(V, { to: e }) : null;
+function Ee() {
+  const e = me();
+  return e ? /* @__PURE__ */ i(Y, { to: e }) : null;
 }
-function Be() {
-  const { links: e, modules: n } = x(), o = $({ select: (t) => t.location.pathname });
+function Ae() {
+  const { links: e, modules: n } = $(), o = S({ select: (t) => t.location.pathname });
   return /* @__PURE__ */ I("nav", { className: h.nav, children: [
     e.length > 0 ? /* @__PURE__ */ i(y, { children: e.map((t) => /* @__PURE__ */ i(
-      w,
+      k,
       {
-        as: k,
+        as: C,
         to: t.to,
         icon: t.icon,
-        selected: L(o, t.to),
+        selected: x(o, t.to),
         clickable: !0,
         trailing: z(t.badge, t.dot),
         children: t.label
@@ -235,57 +263,57 @@ function Be() {
     )) }) : null,
     n.map((t) => /* @__PURE__ */ I("div", { className: h.module, children: [
       /* @__PURE__ */ i("div", { className: h.moduleLabel, children: t.module }),
-      /* @__PURE__ */ i(y, { children: t.groups.map((c) => /* @__PURE__ */ i(Ne, { group: c, pathname: o }, c.label)) })
+      /* @__PURE__ */ i(y, { children: t.groups.map((l) => /* @__PURE__ */ i(Pe, { group: l, pathname: o }, l.label)) })
     ] }, t.module))
   ] });
 }
-function be(e) {
+function ge(e) {
   const n = [];
   for (const o of e.links) n.push({ label: o.label, to: o.to });
   for (const o of e.modules)
     for (const t of o.groups) {
       t.to && n.push({ label: t.label, to: t.to, context: o.module });
-      for (const c of t.children ?? [])
+      for (const l of t.children ?? [])
         n.push({
-          label: c.label,
-          to: c.to,
+          label: l.label,
+          to: l.to,
           context: `${o.module} · ${t.label}`
         });
     }
   return n;
 }
-const pe = 8;
-function Me() {
-  const e = G(), n = x(), o = Y(), t = T(() => be(n), [n]), [c, d] = D(""), [b, m] = D(!1), [p, f] = D(0), g = K(null), a = T(() => {
-    const r = c.trim().toLowerCase();
+const _e = 8;
+function Fe() {
+  const e = Q(), n = $(), o = U(), t = w(() => ge(n), [n]), [l, u] = D(""), [b, m] = D(!1), [p, f] = D(0), g = V(null), a = w(() => {
+    const r = l.trim().toLowerCase();
     return r ? t.filter(
-      (u) => {
+      (d) => {
         var v;
-        return u.label.toLowerCase().includes(r) || (((v = u.context) == null ? void 0 : v.toLowerCase().includes(r)) ?? !1);
+        return d.label.toLowerCase().includes(r) || (((v = d.context) == null ? void 0 : v.toLowerCase().includes(r)) ?? !1);
       }
-    ).slice(0, pe) : [];
-  }, [t, c]), l = b && a.length > 0;
-  C(() => f(0), [c]), C(() => {
+    ).slice(0, _e) : [];
+  }, [t, l]), c = b && a.length > 0;
+  T(() => f(0), [l]), T(() => {
     f((r) => r > a.length - 1 ? Math.max(0, a.length - 1) : r);
-  }, [a.length]), C(() => {
+  }, [a.length]), T(() => {
     if (!b) return;
-    const r = (u) => {
-      g.current && !g.current.contains(u.target) && m(!1);
+    const r = (d) => {
+      g.current && !g.current.contains(d.target) && m(!1);
     };
     return document.addEventListener("pointerdown", r), () => document.removeEventListener("pointerdown", r);
   }, [b]);
   const s = (r) => {
-    o({ to: r }), d(""), m(!1);
+    o({ to: r }), u(""), m(!1);
   }, _ = (r) => {
-    if (l)
+    if (c)
       if (r.key === "ArrowDown")
-        r.preventDefault(), f((u) => (u + 1) % a.length);
+        r.preventDefault(), f((d) => (d + 1) % a.length);
       else if (r.key === "ArrowUp")
-        r.preventDefault(), f((u) => (u - 1 + a.length) % a.length);
+        r.preventDefault(), f((d) => (d - 1 + a.length) % a.length);
       else if (r.key === "Enter") {
         r.preventDefault();
-        const u = a[p];
-        u && s(u.to);
+        const d = a[p];
+        d && s(d.to);
       } else r.key === "Escape" && m(!1);
   };
   return /* @__PURE__ */ I(
@@ -294,15 +322,15 @@ function Me() {
       ref: g,
       className: h.search,
       role: "combobox",
-      "aria-expanded": l,
+      "aria-expanded": c,
       "aria-haspopup": "listbox",
       children: [
         /* @__PURE__ */ i(
-          W,
+          q,
           {
-            value: c,
+            value: l,
             onChange: (r) => {
-              d(r.target.value), m(!0);
+              u(r.target.value), m(!0);
             },
             onFocus: () => m(!0),
             onKeyDown: _,
@@ -312,14 +340,14 @@ function Me() {
             autoComplete: "off"
           }
         ),
-        l ? /* @__PURE__ */ i("div", { className: h.searchPanel, children: /* @__PURE__ */ i(y, { role: "listbox", children: a.map((r, u) => /* @__PURE__ */ i(
+        c ? /* @__PURE__ */ i("div", { className: h.searchPanel, children: /* @__PURE__ */ i(y, { role: "listbox", children: a.map((r, d) => /* @__PURE__ */ i(
           B,
           {
             description: r.context,
             clickable: !0,
-            selected: u === p,
+            selected: d === p,
             onMouseDown: (v) => v.preventDefault(),
-            onMouseEnter: () => f(u),
+            onMouseEnter: () => f(d),
             onClick: () => s(r.to),
             children: r.label
           },
@@ -329,38 +357,38 @@ function Me() {
     }
   );
 }
-function L(e, n) {
-  const o = S(e), t = S(n);
+function x(e, n) {
+  const o = L(e), t = L(n);
   return t === "/" ? o === "/" : o === t || o.startsWith(t + "/");
 }
-function ve(e, n) {
+function Ne(e, n) {
   var o;
-  return e.to && L(n, e.to) ? !0 : ((o = e.children) == null ? void 0 : o.some((t) => L(n, t.to))) ?? !1;
+  return e.to && x(n, e.to) ? !0 : ((o = e.children) == null ? void 0 : o.some((t) => x(n, t.to))) ?? !1;
 }
-function ge(e) {
+function ze(e) {
   return e ? /* @__PURE__ */ i("span", { className: h.navBadge, children: e }) : null;
 }
-function _e(e) {
+function Ie(e) {
   return e ? /* @__PURE__ */ i("span", { className: h.navDot, style: { background: `var(--tz-color-${e})` } }) : null;
 }
 function z(e, n, o) {
   if (!(e == null && n == null && o == null))
     return /* @__PURE__ */ I(M, { children: [
-      ge(e),
-      _e(n),
+      ze(e),
+      Ie(n),
       o
     ] });
 }
-function Ne({ group: e, pathname: n }) {
+function Pe({ group: e, pathname: n }) {
   var m, p;
-  const o = ve(e, n), t = !!((m = e.children) != null && m.length), [c, d] = D(o);
-  if (C(() => {
-    o && d(!0);
+  const o = Ne(e, n), t = !!((m = e.children) != null && m.length), [l, u] = D(o);
+  if (T(() => {
+    o && u(!0);
   }, [o]), !t && e.to)
     return /* @__PURE__ */ i(
-      w,
+      k,
       {
-        as: k,
+        as: C,
         to: e.to,
         icon: e.icon,
         selected: o,
@@ -375,21 +403,21 @@ function Ne({ group: e, pathname: n }) {
       name: "ArrowDown4",
       size: "sm",
       className: h.chevron,
-      "data-open": c ? "true" : "false"
+      "data-open": l ? "true" : "false"
     }
   );
   return /* @__PURE__ */ I(M, { children: [
     t && e.to ? (
       // "Case B": the row navigates (and expands); a separate chevron only toggles.
       /* @__PURE__ */ i(
-        w,
+        k,
         {
-          as: k,
+          as: C,
           to: e.to,
           icon: e.icon,
           selected: o,
           clickable: !0,
-          onClick: () => d(!0),
+          onClick: () => u(!0),
           trailing: z(
             e.badge,
             e.dot,
@@ -398,10 +426,10 @@ function Ne({ group: e, pathname: n }) {
               {
                 type: "button",
                 className: h.chevronButton,
-                "aria-label": `${c ? "Collapse" : "Expand"} ${e.label}`,
-                "aria-expanded": c,
+                "aria-label": `${l ? "Collapse" : "Expand"} ${e.label}`,
+                "aria-expanded": l,
                 onClick: (f) => {
-                  f.preventDefault(), f.stopPropagation(), d((g) => !g);
+                  f.preventDefault(), f.stopPropagation(), u((g) => !g);
                 },
                 children: b
               }
@@ -418,8 +446,8 @@ function Ne({ group: e, pathname: n }) {
           icon: e.icon,
           selected: o,
           clickable: !0,
-          "aria-expanded": c,
-          onClick: () => d((f) => !f),
+          "aria-expanded": l,
+          onClick: () => u((f) => !f),
           trailing: z(e.badge, e.dot, b),
           children: e.label
         }
@@ -427,13 +455,13 @@ function Ne({ group: e, pathname: n }) {
     ),
     t ? (
       // smooth collapse, same grid-template-rows technique as Card
-      /* @__PURE__ */ i("div", { className: U(h.collapsible, !c && h.collapsibleClosed), children: /* @__PURE__ */ i("div", { className: h.collapsibleInner, children: /* @__PURE__ */ i(y, { className: h.leaves, children: (p = e.children) == null ? void 0 : p.map((f) => /* @__PURE__ */ i(
-        w,
+      /* @__PURE__ */ i("div", { className: W(h.collapsible, !l && h.collapsibleClosed), children: /* @__PURE__ */ i("div", { className: h.collapsibleInner, children: /* @__PURE__ */ i(y, { className: h.leaves, children: (p = e.children) == null ? void 0 : p.map((f) => /* @__PURE__ */ i(
+        k,
         {
-          as: k,
+          as: C,
           to: f.to,
           icon: /* @__PURE__ */ i("span", { className: h.leafDot }),
-          selected: L(n, f.to),
+          selected: x(n, f.to),
           size: "md",
           clickable: !0,
           trailing: z(f.badge, f.dot),
@@ -445,12 +473,12 @@ function Ne({ group: e, pathname: n }) {
   ] });
 }
 export {
-  $e as F,
-  Me as N,
-  Be as S,
-  xe as a,
-  ue as b,
+  Ee as F,
+  Fe as N,
+  Ae as S,
+  Be as a,
+  fe as b,
   O as f,
-  Se as u
+  Me as u
 };
-//# sourceMappingURL=Sidebar-nnHriNtf.js.map
+//# sourceMappingURL=Sidebar-D2RZH5m5.js.map