@devalok/shilp-sutra 0.18.0 → 0.18.2

package/dist/shell/notification-center.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsxs as a, jsx as t, Fragment as H } from "react/jsx-runtime";
+import { jsxs as l, jsx as t, Fragment as H } from "react/jsx-runtime";
 import * as O from "react";
 import { useRef as $, useCallback as x } from "react";
-import { f as z } from "../_chunks/date-utils.js";
+import { formatRelativeTime as z } from "../ui/lib/date-utils.js";
 import { Popover as B, PopoverTrigger as G, PopoverContent as X } from "../ui/popover.js";
-import { a as _, b as q, c as F } from "../_chunks/tooltip.js";
+import { Tooltip as _, TooltipTrigger as q, TooltipContent as F } from "../ui/tooltip.js";
 import { IconBell as J, IconChecks as L, IconInbox as Q, IconX as U } from "@tabler/icons-react";
-import { c as p } from "../_chunks/utils.js";
-import { S as V } from "../_chunks/spinner.js";
-import { m as W } from "../_chunks/motion.js";
-function y(e, l) {
-  return e.getFullYear() === l.getFullYear() && e.getMonth() === l.getMonth() && e.getDate() === l.getDate();
+import { cn as p } from "../ui/lib/utils.js";
+import { Spinner as V } from "../ui/spinner.js";
+import { m as W } from "../_chunks/framer.js";
+function y(e, a) {
+  return e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate();
 }
 function Z(e) {
-  const l = new Date(e), i = /* @__PURE__ */ new Date(), d = /* @__PURE__ */ new Date();
-  return d.setDate(i.getDate() - 1), y(l, i) ? "Today" : y(l, d) ? "Yesterday" : "Earlier";
+  const a = new Date(e), i = /* @__PURE__ */ new Date(), d = /* @__PURE__ */ new Date();
+  return d.setDate(i.getDate() - 1), y(a, i) ? "Today" : y(a, d) ? "Yesterday" : "Earlier";
 }
 const v = {
   INFO: "bg-info-9",
@@ -23,15 +23,15 @@ const v = {
 };
 function M({
   notification: e,
-  onRead: l,
+  onRead: a,
   onNavigate: i,
   getRoute: d,
   onDismiss: u
 }) {
   const g = d(e), o = () => {
-    e.isRead || l(e.id), g && i(g);
+    e.isRead || a(e.id), g && i(g);
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     "div",
     {
       role: "button",
@@ -56,7 +56,7 @@ function M({
             )
           }
         ) }),
-        /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ l("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ t(
             "p",
             {
@@ -68,9 +68,9 @@ function M({
             }
           ),
           e.body && /* @__PURE__ */ t("p", { className: "mt-ds-01 line-clamp-2 text-ds-sm text-surface-fg-subtle", children: e.body }),
-          /* @__PURE__ */ a("div", { className: "mt-ds-02 flex items-center gap-ds-03", children: [
+          /* @__PURE__ */ l("div", { className: "mt-ds-02 flex items-center gap-ds-03", children: [
             /* @__PURE__ */ t("span", { className: "text-ds-sm text-surface-fg-subtle", children: z(e.createdAt) }),
-            e.project && /* @__PURE__ */ a(H, { children: [
+            e.project && /* @__PURE__ */ l(H, { children: [
               /* @__PURE__ */ t("span", { className: "text-surface-fg-subtle", children: "·" }),
               /* @__PURE__ */ t("span", { className: "truncate text-ds-sm text-surface-fg-subtle", children: e.project.title })
             ] })
@@ -112,7 +112,7 @@ function M({
 const ee = O.forwardRef(
   ({
     notifications: e = [],
-    unreadCount: l,
+    unreadCount: a,
     open: i,
     onOpenChange: d,
     isLoading: u = !1,
@@ -130,29 +130,29 @@ const ee = O.forwardRef(
     className: j,
     ...R
   }, k) => {
-    const N = $(null), n = l ?? e.filter((s) => !s.isRead).length, P = w ?? (() => null), K = x(
+    const N = $(null), n = a ?? e.filter((s) => !s.isRead).length, P = w ?? (() => null), K = x(
       (s) => {
         d == null || d(!1), c == null || c(s);
       },
       [c, d]
-    ), S = x(
+    ), Y = x(
       (s) => {
         h == null || h(s);
       },
       [h]
-    ), Y = x(() => {
+    ), E = x(() => {
       const s = N.current;
       !s || u || !g || s.scrollTop + s.clientHeight >= s.scrollHeight - 50 && (o == null || o());
-    }, [u, g, o]), E = e.reduce(
+    }, [u, g, o]), S = e.reduce(
       (s, m) => {
         const f = Z(m.createdAt);
         return s[f] || (s[f] = []), s[f].push(m), s;
       },
       {}
     ), A = ["Today", "Yesterday", "Earlier"];
-    return /* @__PURE__ */ a(B, { open: i, onOpenChange: d, children: [
-      /* @__PURE__ */ a(_, { children: [
-        /* @__PURE__ */ t(q, { asChild: !0, children: /* @__PURE__ */ t(G, { asChild: !0, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ l(B, { open: i, onOpenChange: d, children: [
+      /* @__PURE__ */ l(_, { children: [
+        /* @__PURE__ */ t(q, { asChild: !0, children: /* @__PURE__ */ t(G, { asChild: !0, children: /* @__PURE__ */ l(
           "button",
           {
             ...R,
@@ -179,7 +179,7 @@ const ee = O.forwardRef(
         ) }) }),
         /* @__PURE__ */ t(F, { side: "bottom", align: "center", children: "Notifications" })
       ] }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ l(
         X,
         {
           className: p(
@@ -189,13 +189,13 @@ const ee = O.forwardRef(
           sideOffset: 8,
           align: "end",
           children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center justify-between border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
+            /* @__PURE__ */ l("div", { className: "flex items-center justify-between border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-03", children: [
                 /* @__PURE__ */ t("h3", { className: "text-ds-md font-semibold text-surface-fg", children: "Notifications" }),
                 n > 0 && /* @__PURE__ */ t("span", { className: "flex h-5 min-w-5 items-center justify-center rounded-ds-full bg-accent-2 px-ds-02b text-ds-sm font-semibold text-accent-11", children: n })
               ] }),
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
-                n > 0 && r && /* @__PURE__ */ a(
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-03", children: [
+                n > 0 && r && /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
@@ -210,26 +210,26 @@ const ee = O.forwardRef(
                 I
               ] })
             ] }),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ l(
               "div",
               {
                 ref: N,
-                onScroll: Y,
+                onScroll: E,
                 className: "max-h-[420px] overflow-y-auto",
                 children: [
-                  e.length === 0 ? C || /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center px-ds-05 py-ds-09", children: [
+                  e.length === 0 ? C || /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center px-ds-05 py-ds-09", children: [
                     /* @__PURE__ */ t("div", { className: "flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-full bg-surface-2", children: /* @__PURE__ */ t(Q, { className: "h-ico-lg w-ico-lg text-surface-fg-subtle" }) }),
                     /* @__PURE__ */ t("p", { className: "mt-ds-04 text-ds-md text-surface-fg-subtle", children: "No notifications yet" }),
                     /* @__PURE__ */ t("p", { className: "mt-ds-02 text-ds-sm text-surface-fg-subtle", children: "You're all caught up!" })
                   ] }) : A.map((s) => {
-                    const m = E[s];
-                    return !m || m.length === 0 ? null : /* @__PURE__ */ a("div", { children: [
+                    const m = S[s];
+                    return !m || m.length === 0 ? null : /* @__PURE__ */ l("div", { children: [
                       /* @__PURE__ */ t("div", { className: "sticky top-0 z-raised bg-surface-1 px-ds-05 py-ds-02b", children: /* @__PURE__ */ t("span", { className: "text-ds-sm font-medium text-surface-fg-subtle", children: s }) }),
                       m.map((f) => /* @__PURE__ */ t(
                         M,
                         {
                           notification: f,
-                          onRead: S,
+                          onRead: Y,
                           onNavigate: K,
                           getRoute: P,
                           onDismiss: D

package/dist/shell/notification-preferences.js

@@ -1,14 +1,15 @@
 "use client";
 import { jsxs as s, Fragment as D, jsx as e } from "react/jsx-runtime";
 import * as z from "react";
-import { useState as a } from "react";
-import { B as g } from "../_chunks/button.js";
-import { Select as d, SelectTrigger as o, SelectValue as m, SelectContent as h, SelectItem as c } from "../ui/select.js";
+import { useState as c } from "react";
+import { Button as g } from "../ui/button.js";
+import { Select as d, SelectTrigger as o, SelectValue as m, SelectContent as h, SelectItem as n } from "../ui/select.js";
 import { Dialog as q, DialogContent as J, DialogHeader as K, DialogTitle as Q, DialogDescription as W } from "../ui/dialog.js";
-import { C as X, a as Y, b as Z, c as $, S as k } from "../_chunks/card.js";
+import { Switch as k } from "../ui/switch.js";
+import { Card as X, CardHeader as Y, CardTitle as Z, CardContent as $ } from "../ui/card.js";
 import { IconPlus as U, IconTrash as ee, IconMessage as le, IconBell as se } from "@tabler/icons-react";
-import { c as te } from "../_chunks/utils.js";
-import { S as ae } from "../_chunks/spinner.js";
+import { cn as te } from "../ui/lib/utils.js";
+import { Spinner as ce } from "../ui/spinner.js";
 const _ = {
   IN_APP: { label: "In-App", icon: /* @__PURE__ */ e(se, {}) },
   GOOGLE_CHAT: { label: "Google Chat", icon: /* @__PURE__ */ e(le, {}) }
@@ -16,7 +17,7 @@ const _ = {
   INFO: "All (Info+)",
   IMPORTANT: "Important+",
   CRITICAL: "Critical only"
-}, ce = z.forwardRef(
+}, ne = z.forwardRef(
   function({
     preferences: f = [],
     projects: b = [],
@@ -28,7 +29,7 @@ const _ = {
     className: R,
     ...T
   }, E) {
-    const [B, n] = a(!1), [x, C] = a("global"), [I, w] = a("IN_APP"), [A, P] = a("INFO"), [S, j] = a(!1), [y, O] = a(!1), H = async () => {
+    const [H, i] = c(!1), [x, C] = c("global"), [I, w] = c("IN_APP"), [A, P] = c("INFO"), [S, j] = c(!1), [y, O] = c(!1), M = async () => {
       if (v) {
         O(!0);
         try {
@@ -37,7 +38,7 @@ const _ = {
             channel: I,
             minTier: A,
             muted: S
-          }), n(!1), F();
+          }), i(!1), F();
         } catch (l) {
           console.error("[Preferences] Failed to save:", l);
         } finally {
@@ -46,9 +47,9 @@ const _ = {
       }
     }, F = () => {
       C("global"), w("IN_APP"), P("INFO"), j(!1);
-    }, M = (l) => {
+    }, V = (l) => {
       if (!l) return "Global (all projects)";
-      const t = b.find((i) => i.id === l);
+      const t = b.find((a) => a.id === l);
       return (t == null ? void 0 : t.title) || "Unknown project";
     };
     return /* @__PURE__ */ s(D, { children: [
@@ -60,7 +61,7 @@ const _ = {
             {
               size: "sm",
               variant: "outline",
-              onClick: () => n(!0),
+              onClick: () => i(!0),
               children: [
                 /* @__PURE__ */ e(U, { className: "mr-ds-02b h-ico-sm w-ico-sm" }),
                 "Add Rule"
@@ -68,8 +69,8 @@ const _ = {
             }
           )
         ] }),
-        /* @__PURE__ */ e($, { children: L ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ e(ae, {}) }) : f.length === 0 ? /* @__PURE__ */ e("div", { className: "py-ds-07 text-center", children: /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: "No custom preferences set. All notifications are delivered by default." }) }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: f.map((l, t) => {
-          const i = _[l.channel] || _.IN_APP;
+        /* @__PURE__ */ e($, { children: L ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ e(ce, {}) }) : f.length === 0 ? /* @__PURE__ */ e("div", { className: "py-ds-07 text-center", children: /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: "No custom preferences set. All notifications are delivered by default." }) }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: f.map((l, t) => {
+          const a = _[l.channel] || _.IN_APP;
           return /* @__PURE__ */ s(
             "div",
             {
@@ -78,10 +79,10 @@ const _ = {
                 t < f.length - 1 && "border-b border-surface-border-strong"
               ),
               children: [
-                /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-2", children: /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-surface-fg-muted", "aria-hidden": "true", children: i.icon }) }),
+                /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-2", children: /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-surface-fg-muted", "aria-hidden": "true", children: a.icon }) }),
                 /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-surface-fg", children: i.label }),
-                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: M(l.projectId) })
+                  /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-surface-fg", children: a.label }),
+                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: V(l.projectId) })
                 ] }),
                 /* @__PURE__ */ s(
                   d,
@@ -90,7 +91,7 @@ const _ = {
                     onValueChange: (r) => N == null ? void 0 : N(l, r),
                     children: [
                       /* @__PURE__ */ e(o, { className: "h-ds-xs-plus w-[130px] text-ds-sm", children: /* @__PURE__ */ e(m, {}) }),
-                      /* @__PURE__ */ e(h, { children: Object.entries(G).map(([r, V]) => /* @__PURE__ */ e(c, { value: r, children: V }, r)) })
+                      /* @__PURE__ */ e(h, { children: Object.entries(G).map(([r, B]) => /* @__PURE__ */ e(n, { value: r, children: B }, r)) })
                     ]
                   }
                 ),
@@ -119,7 +120,7 @@ const _ = {
           );
         }) }) })
       ] }),
-      /* @__PURE__ */ e(q, { open: B, onOpenChange: n, children: /* @__PURE__ */ s(J, { className: "sm:max-w-md", children: [
+      /* @__PURE__ */ e(q, { open: H, onOpenChange: i, children: /* @__PURE__ */ s(J, { className: "sm:max-w-md", children: [
         /* @__PURE__ */ s(K, { children: [
           /* @__PURE__ */ e(Q, { children: "Add Notification Rule" }),
           /* @__PURE__ */ e(W, { children: "Customize how you receive notifications for a specific channel and project." })
@@ -130,8 +131,8 @@ const _ = {
             /* @__PURE__ */ s(d, { value: x, onValueChange: C, children: [
               /* @__PURE__ */ e(o, { id: "pref-scope", children: /* @__PURE__ */ e(m, { placeholder: "Select scope" }) }),
               /* @__PURE__ */ s(h, { children: [
-                /* @__PURE__ */ e(c, { value: "global", children: "Global (all projects)" }),
-                b.map((l) => /* @__PURE__ */ e(c, { value: l.id, children: l.title }, l.id))
+                /* @__PURE__ */ e(n, { value: "global", children: "Global (all projects)" }),
+                b.map((l) => /* @__PURE__ */ e(n, { value: l.id, children: l.title }, l.id))
               ] })
             ] })
           ] }),
@@ -140,8 +141,8 @@ const _ = {
             /* @__PURE__ */ s(d, { value: I, onValueChange: w, children: [
               /* @__PURE__ */ e(o, { id: "pref-channel", children: /* @__PURE__ */ e(m, {}) }),
               /* @__PURE__ */ s(h, { children: [
-                /* @__PURE__ */ e(c, { value: "IN_APP", children: "In-App" }),
-                /* @__PURE__ */ e(c, { value: "GOOGLE_CHAT", children: "Google Chat" })
+                /* @__PURE__ */ e(n, { value: "IN_APP", children: "In-App" }),
+                /* @__PURE__ */ e(n, { value: "GOOGLE_CHAT", children: "Google Chat" })
               ] })
             ] })
           ] }),
@@ -149,7 +150,7 @@ const _ = {
             /* @__PURE__ */ e("label", { htmlFor: "pref-min-tier", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Minimum Tier" }),
             /* @__PURE__ */ s(d, { value: A, onValueChange: P, children: [
               /* @__PURE__ */ e(o, { id: "pref-min-tier", children: /* @__PURE__ */ e(m, {}) }),
-              /* @__PURE__ */ e(h, { children: Object.entries(G).map(([l, t]) => /* @__PURE__ */ e(c, { value: l, children: t }, l)) })
+              /* @__PURE__ */ e(h, { children: Object.entries(G).map(([l, t]) => /* @__PURE__ */ e(n, { value: l, children: t }, l)) })
             ] })
           ] }),
           /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
@@ -162,7 +163,7 @@ const _ = {
               {
                 variant: "ghost",
                 onClick: () => {
-                  n(!1), F();
+                  i(!1), F();
                 },
                 children: "Cancel"
               }
@@ -170,7 +171,7 @@ const _ = {
             /* @__PURE__ */ e(
               g,
               {
-                onClick: H,
+                onClick: M,
                 disabled: y,
                 children: y ? "Saving..." : "Save Rule"
               }
@@ -181,7 +182,7 @@ const _ = {
     ] });
   }
 );
-ce.displayName = "NotificationPreferences";
+ne.displayName = "NotificationPreferences";
 export {
-  ce as NotificationPreferences
+  ne as NotificationPreferences
 };

package/dist/shell/sidebar.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as r, jsx as e, Fragment as A } from "react/jsx-runtime";
+import { jsxs as s, jsx as e, Fragment as L } from "react/jsx-runtime";
 import * as m from "react";
 import { u as R } from "../_chunks/link-context.js";
-import { S as T, a as z, b as f, c as H, d as U, e as $, f as q, g as E, h as J, i as L, j as M, k as j, l as I, m as K, n as Q, o as V } from "../_chunks/sidebar.js";
+import { Sidebar as T, SidebarHeader as z, SidebarSeparator as f, SidebarContent as H, SidebarGroup as U, SidebarGroupLabel as $, SidebarGroupAction as q, SidebarGroupContent as E, SidebarMenu as J, SidebarFooter as M, SidebarMenuItem as A, SidebarMenuButton as I, SidebarMenuBadge as j, SidebarMenuSub as K, SidebarMenuSubItem as Q, SidebarMenuSubButton as V } from "../ui/sidebar.js";
 import { Collapsible as X, CollapsibleTrigger as Y, CollapsibleContent as Z } from "../ui/collapsible.js";
-import { A as _, a as P, b as ee } from "../_chunks/avatar.js";
-import { c as b } from "../_chunks/utils.js";
-function ae({ className: s }) {
+import { Avatar as _, AvatarImage as P, AvatarFallback as ee } from "../ui/avatar.js";
+import { cn as b } from "../ui/lib/utils.js";
+function ae({ className: r }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -19,13 +19,13 @@ function ae({ className: s }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: s,
+      className: r,
       children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
     }
   );
 }
-function se({ className: s }) {
-  return /* @__PURE__ */ r(
+function re({ className: r }) {
+  return /* @__PURE__ */ s(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -37,7 +37,7 @@ function se({ className: s }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: s,
+      className: r,
       children: [
         /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
         /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
@@ -46,60 +46,60 @@ function se({ className: s }) {
   );
 }
 const B = "relative gap-ds-04 rounded-ds-lg px-ds-04 py-ds-03 transition-colors", F = "bg-accent-2 text-accent-11 after:absolute after:right-0 after:top-0 after:h-full after:w-ds-01 after:rounded-l-ds-full after:bg-accent-9 after:content-['']", G = "text-surface-fg-subtle hover:bg-surface-2 hover:text-surface-fg";
-function re({
-  item: s,
+function se({
+  item: r,
   isActive: t,
   isPathActive: u
 }) {
-  const h = R(), i = s.badge != null ? typeof s.badge == "number" && s.badge > 99 ? "99+" : String(s.badge) : null;
-  if (s.children && s.children.length > 0) {
-    const d = s.children.some(
+  const h = R(), i = r.badge != null ? typeof r.badge == "number" && r.badge > 99 ? "99+" : String(r.badge) : null;
+  if (r.children && r.children.length > 0) {
+    const d = r.children.some(
       (l) => u(l.href, l.exact)
-    ), g = d || t || (s.defaultOpen ?? !1);
-    return /* @__PURE__ */ e(X, { defaultOpen: g, className: "group/collapsible", children: /* @__PURE__ */ r(M, { children: [
-      /* @__PURE__ */ r("div", { className: "relative", children: [
+    ), g = d || t || (r.defaultOpen ?? !1);
+    return /* @__PURE__ */ e(X, { defaultOpen: g, className: "group/collapsible", children: /* @__PURE__ */ s(A, { children: [
+      /* @__PURE__ */ s("div", { className: "relative", children: [
         /* @__PURE__ */ e(
-          j,
+          I,
           {
             asChild: !0,
             isActive: t || d,
-            tooltip: s.title,
+            tooltip: r.title,
             className: b(
               B,
               t || d ? F : G
             ),
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ s(
               h,
               {
-                href: s.href,
-                "aria-label": s.title,
+                href: r.href,
+                "aria-label": r.title,
                 "aria-current": t ? "page" : void 0,
                 children: [
-                  /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0", "aria-hidden": "true", children: s.icon }),
-                  /* @__PURE__ */ e("span", { className: "text-ds-base", children: s.title })
+                  /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0", "aria-hidden": "true", children: r.icon }),
+                  /* @__PURE__ */ e("span", { className: "text-ds-base", children: r.title })
                 ]
               }
             )
           }
         ),
-        i && /* @__PURE__ */ e(I, { children: i }),
+        i && /* @__PURE__ */ e(j, { children: i }),
         /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(
           "button",
           {
             className: "absolute right-ds-02 top-1/2 flex h-5 w-5 -translate-y-1/2 items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors hover:bg-surface-2 hover:text-surface-fg group-data-[collapsible=icon]:hidden",
-            "aria-label": `Toggle ${s.title}`,
+            "aria-label": `Toggle ${r.title}`,
             children: /* @__PURE__ */ e(ae, { className: "h-4 w-4 transition-transform duration-fast-02 ease-productive-standard group-data-[state=open]/collapsible:rotate-90" })
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(K, { children: s.children.map((l) => {
+      /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(K, { children: r.children.map((l) => {
         const a = u(l.href, l.exact);
         return /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
           V,
           {
             asChild: !0,
             isActive: a,
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ s(
               h,
               {
                 href: l.href,
@@ -115,37 +115,37 @@ function re({
       }) }) })
     ] }) });
   }
-  return /* @__PURE__ */ r(M, { children: [
+  return /* @__PURE__ */ s(A, { children: [
     /* @__PURE__ */ e(
-      j,
+      I,
       {
         asChild: !0,
         isActive: t,
-        tooltip: s.title,
+        tooltip: r.title,
         className: b(
           B,
           t ? F : G
         ),
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ s(
           h,
           {
-            href: s.href,
-            "aria-label": s.title,
+            href: r.href,
+            "aria-label": r.title,
             "aria-current": t ? "page" : void 0,
             children: [
-              /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0", "aria-hidden": "true", children: s.icon }),
-              /* @__PURE__ */ e("span", { className: "text-ds-base", children: s.title })
+              /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0", "aria-hidden": "true", children: r.icon }),
+              /* @__PURE__ */ e("span", { className: "text-ds-base", children: r.title })
             ]
           }
         )
       }
     ),
-    i && /* @__PURE__ */ e(I, { children: i })
+    i && /* @__PURE__ */ e(j, { children: i })
   ] });
 }
 const ne = m.forwardRef(
   ({
-    currentPath: s = "/",
+    currentPath: r = "/",
     user: t,
     navGroups: u = [],
     logo: h,
@@ -159,8 +159,8 @@ const ne = m.forwardRef(
     ...O
   }, W) => {
     var N, w, C, S;
-    const p = R(), v = (n, c = !1) => c || n === "/" ? s === n : s.startsWith(n);
-    return /* @__PURE__ */ r(
+    const p = R(), v = (n, c = !1) => c || n === "/" ? r === n : r.startsWith(n);
+    return /* @__PURE__ */ s(
       T,
       {
         ...O,
@@ -172,29 +172,29 @@ const ne = m.forwardRef(
         ),
         children: [
           /* @__PURE__ */ e(z, { className: "px-ds-06 py-ds-06", children: h ?? /* @__PURE__ */ e("span", { className: "text-ds-lg font-semibold text-surface-fg", children: "Logo" }) }),
-          t && /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-04 px-ds-06 pb-ds-05", children: [
-            /* @__PURE__ */ r(_, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
+          t && /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-04 px-ds-06 pb-ds-05", children: [
+            /* @__PURE__ */ s(_, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
               t.image ? /* @__PURE__ */ e(P, { src: t.image, alt: t.name }) : null,
               /* @__PURE__ */ e(ee, { className: "bg-surface-3 text-surface-fg", children: (N = t.name) == null ? void 0 : N.charAt(0).toUpperCase() })
             ] }),
-            /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-col", children: [
               /* @__PURE__ */ e("span", { className: "truncate text-ds-md text-surface-fg", children: t.name }),
               /* @__PURE__ */ e("span", { className: "truncate text-ds-sm text-surface-fg-subtle", children: t.designation || t.role })
             ] })
           ] }),
           /* @__PURE__ */ e(f, {}),
-          i && /* @__PURE__ */ r(A, { children: [
+          i && /* @__PURE__ */ s(L, { children: [
             i,
             /* @__PURE__ */ e(f, {})
           ] }),
-          /* @__PURE__ */ e(H, { className: "no-scrollbar px-ds-04", children: u.map((n, c) => /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e(H, { className: "no-scrollbar px-ds-04", children: u.map((n, c) => /* @__PURE__ */ s("div", { children: [
             c > 0 && /* @__PURE__ */ e(f, {}),
-            /* @__PURE__ */ r(U, { children: [
+            /* @__PURE__ */ s(U, { children: [
               /* @__PURE__ */ e($, { className: "px-ds-04 text-ds-sm text-surface-fg-subtle", children: n.label }),
               n.action && /* @__PURE__ */ e(q, { asChild: !0, children: n.action }),
               /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(J, { children: n.items.map((o) => {
                 const k = () => /* @__PURE__ */ e(
-                  re,
+                  se,
                   {
                     item: o,
                     isActive: v(o.href, o.exact),
@@ -210,25 +210,25 @@ const ne = m.forwardRef(
               }) }) })
             ] })
           ] }, n.label)) }),
-          d && /* @__PURE__ */ r(A, { children: [
+          d && /* @__PURE__ */ s(L, { children: [
             /* @__PURE__ */ e(f, {}),
             /* @__PURE__ */ e("div", { className: g, children: d })
           ] }),
-          a ? /* @__PURE__ */ r(L, { className: "gap-ds-03 px-ds-06 py-ds-05", children: [
+          a ? /* @__PURE__ */ s(M, { className: "gap-ds-03 px-ds-06 py-ds-05", children: [
             a.slot && /* @__PURE__ */ e("div", { children: a.slot }),
-            a.promo && /* @__PURE__ */ r("div", { className: "relative rounded-ds-lg border border-surface-border bg-surface-2 p-ds-04", children: [
+            a.promo && /* @__PURE__ */ s("div", { className: "relative rounded-ds-lg border border-surface-border bg-surface-2 p-ds-04", children: [
               a.promo.onDismiss && /* @__PURE__ */ e(
                 "button",
                 {
                   onClick: a.promo.onDismiss,
                   "aria-label": "Dismiss",
                   className: "absolute right-ds-02 top-ds-02 flex h-5 w-5 items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors hover:bg-surface-3 hover:text-surface-fg",
-                  children: /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5" })
+                  children: /* @__PURE__ */ e(re, { className: "h-3.5 w-3.5" })
                 }
               ),
-              /* @__PURE__ */ r("div", { className: "flex flex-col gap-ds-03", children: [
+              /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-03", children: [
                 a.promo.icon && /* @__PURE__ */ e("span", { className: "text-accent-11 [&>svg]:h-ico-md [&>svg]:w-ico-md", "aria-hidden": "true", children: a.promo.icon }),
-                /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-col gap-ds-03", children: [
+                /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-col gap-ds-03", children: [
                   /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg", children: a.promo.text }),
                   a.promo.action && (a.promo.action.href ? /* @__PURE__ */ e(
                     p,
@@ -249,8 +249,8 @@ const ne = m.forwardRef(
                 ] })
               ] })
             ] }),
-            (((w = a.links) == null ? void 0 : w.length) || a.version) && /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03 text-ds-sm text-surface-fg-subtle", children: [
-              (C = a.links) == null ? void 0 : C.map((n, c) => /* @__PURE__ */ r(m.Fragment, { children: [
+            (((w = a.links) == null ? void 0 : w.length) || a.version) && /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 text-ds-sm text-surface-fg-subtle", children: [
+              (C = a.links) == null ? void 0 : C.map((n, c) => /* @__PURE__ */ s(m.Fragment, { children: [
                 c > 0 && /* @__PURE__ */ e("span", { children: "·" }),
                 /* @__PURE__ */ e(
                   p,
@@ -264,7 +264,7 @@ const ne = m.forwardRef(
               ((S = a.links) == null ? void 0 : S.length) && a.version && /* @__PURE__ */ e("span", { children: "·" }),
               a.version && (typeof a.version == "string" ? /* @__PURE__ */ e("span", { children: a.version }) : /* @__PURE__ */ e(p, { className: "transition-colors hover:text-accent-11", href: a.version.href, children: a.version.label }))
             ] })
-          ] }) : l.length > 0 ? /* @__PURE__ */ e(L, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03 text-ds-sm text-surface-fg-subtle", children: l.map((n, c) => /* @__PURE__ */ r(m.Fragment, { children: [
+          ] }) : l.length > 0 ? /* @__PURE__ */ e(M, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03 text-ds-sm text-surface-fg-subtle", children: l.map((n, c) => /* @__PURE__ */ s(m.Fragment, { children: [
             c > 0 && /* @__PURE__ */ e("span", { children: "·" }),
             /* @__PURE__ */ e(
               p,