@devalok/shilp-sutra 0.28.0 → 0.29.0

package/dist/shell/sidebar.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as s, jsx as e, Fragment as L } from "react/jsx-runtime";
+import { jsxs as s, jsx as e, Fragment as C } from "react/jsx-runtime";
 import * as m from "react";
-import { u as R } from "../_chunks/link-context.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 { Avatar as _, AvatarImage as P, AvatarFallback as ee } from "../ui/avatar.js";
+import { Sidebar as R, SidebarHeader as D, SidebarSeparator as f, SidebarContent as O, SidebarGroup as W, SidebarGroupLabel as T, SidebarGroupAction as z, SidebarGroupContent as H, SidebarMenu as U, SidebarFooter as S, SidebarMenuItem as k, SidebarMenuButton as y, SidebarMenuBadge as L, SidebarMenuSub as $, SidebarMenuSubItem as q, SidebarMenuSubButton as E } from "../ui/sidebar.js";
+import { Collapsible as J, CollapsibleTrigger as K, CollapsibleContent as Q } from "../ui/collapsible.js";
+import { Avatar as V, AvatarImage as X, AvatarFallback as Y } from "../ui/avatar.js";
 import { cn as b } from "../ui/lib/utils.js";
-function ae({ className: r }) {
+import { u as j } from "../_chunks/link-context.js";
+function Z({ className: r }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -24,7 +24,7 @@ function ae({ className: r }) {
     }
   );
 }
-function re({ className: r }) {
+function _({ className: r }) {
   return /* @__PURE__ */ s(
     "svg",
     {
@@ -45,28 +45,28 @@ function re({ className: r }) {
     }
   );
 }
-const B = "relative gap-ds-04 rounded-ds-lg px-ds-04 py-ds-03 transition-colors duration-fast-02", 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-raised-hover hover:text-surface-fg";
-function se({
+const M = "relative gap-ds-04 rounded-ds-lg px-ds-04 py-ds-03 transition-colors duration-fast-02", A = "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-['']", I = "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg";
+function P({
   item: r,
   isActive: t,
   isPathActive: u
 }) {
-  const h = R(), i = r.badge != null ? typeof r.badge == "number" && r.badge > 99 ? "99+" : String(r.badge) : null;
+  const h = j(), 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 || (r.defaultOpen ?? !1);
-    return /* @__PURE__ */ e(X, { defaultOpen: g, className: "group/collapsible", children: /* @__PURE__ */ s(A, { children: [
+    return /* @__PURE__ */ e(J, { defaultOpen: g, className: "group/collapsible", children: /* @__PURE__ */ s(k, { children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
         /* @__PURE__ */ e(
-          I,
+          y,
           {
             asChild: !0,
             isActive: t || d,
             tooltip: r.title,
             className: b(
-              B,
-              t || d ? F : G
+              M,
+              t || d ? A : I
             ),
             children: /* @__PURE__ */ s(
               h,
@@ -82,20 +82,20 @@ function se({
             )
           }
         ),
-        i && /* @__PURE__ */ e(j, { children: i }),
-        /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(
+        i && /* @__PURE__ */ e(L, { children: i }),
+        /* @__PURE__ */ e(K, { 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-raised-hover hover:text-surface-fg group-data-[collapsible=icon]:hidden",
             "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" })
+            children: /* @__PURE__ */ e(Z, { 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: r.children.map((l) => {
+      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e($, { children: r.children.map((l) => {
         const a = u(l.href, l.exact);
-        return /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
-          V,
+        return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+          E,
           {
             asChild: !0,
             isActive: a,
@@ -115,16 +115,16 @@ function se({
       }) }) })
     ] }) });
   }
-  return /* @__PURE__ */ s(A, { children: [
+  return /* @__PURE__ */ s(k, { children: [
     /* @__PURE__ */ e(
-      I,
+      y,
       {
         asChild: !0,
         isActive: t,
         tooltip: r.title,
         className: b(
-          B,
-          t ? F : G
+          M,
+          t ? A : I
         ),
         children: /* @__PURE__ */ s(
           h,
@@ -140,10 +140,10 @@ function se({
         )
       }
     ),
-    i && /* @__PURE__ */ e(j, { children: i })
+    i && /* @__PURE__ */ e(L, { children: i })
   ] });
 }
-const ne = m.forwardRef(
+const ee = m.forwardRef(
   ({
     currentPath: r = "/",
     user: t,
@@ -155,27 +155,26 @@ const ne = m.forwardRef(
     footerLinks: l = [],
     footer: a,
     renderItem: x,
-    className: D,
-    ...O
-  }, W) => {
-    var N, w, C, S;
-    const p = R(), v = (n, c = !1) => c || n === "/" ? r === n : r.startsWith(n);
+    className: B,
+    ...F
+  }, G) => {
+    const p = j(), v = (n, c = !1) => c || n === "/" ? r === n : r.startsWith(n);
     return /* @__PURE__ */ s(
-      T,
+      R,
       {
-        ...O,
-        ref: W,
+        ...F,
+        ref: G,
         "aria-label": "Main navigation",
         className: b(
           "z-raised hidden h-full flex-col border-r border-surface-border-strong bg-surface-raised md:flex",
-          D
+          B
         ),
         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" }) }),
+          /* @__PURE__ */ e(D, { 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__ */ 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-raised-hover text-surface-fg", children: (N = t.name) == null ? void 0 : N.charAt(0).toUpperCase() })
+            /* @__PURE__ */ s(V, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
+              t.image ? /* @__PURE__ */ e(X, { src: t.image, alt: t.name }) : null,
+              /* @__PURE__ */ e(Y, { className: "bg-surface-raised-hover text-surface-fg", children: t.name?.charAt(0).toUpperCase() })
             ] }),
             /* @__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 }),
@@ -183,18 +182,18 @@ const ne = m.forwardRef(
             ] })
           ] }),
           /* @__PURE__ */ e(f, {}),
-          i && /* @__PURE__ */ s(L, { children: [
+          i && /* @__PURE__ */ s(C, { children: [
             i,
             /* @__PURE__ */ e(f, {})
           ] }),
-          /* @__PURE__ */ e(H, { className: "no-scrollbar px-ds-04", children: u.map((n, c) => /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e(O, { className: "no-scrollbar px-ds-04", children: u.map((n, c) => /* @__PURE__ */ s("div", { children: [
             c > 0 && /* @__PURE__ */ e(f, {}),
-            /* @__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(
-                  se,
+            /* @__PURE__ */ s(W, { children: [
+              /* @__PURE__ */ e(T, { className: "px-ds-04 text-ds-sm text-surface-fg-subtle", children: n.label }),
+              n.action && /* @__PURE__ */ e(z, { asChild: !0, children: n.action }),
+              /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(U, { children: n.items.map((o) => {
+                const N = () => /* @__PURE__ */ e(
+                  P,
                   {
                     item: o,
                     isActive: v(o.href, o.exact),
@@ -202,19 +201,19 @@ const ne = m.forwardRef(
                   }
                 );
                 if (x) {
-                  const y = x(o, k);
-                  if (y !== null)
-                    return /* @__PURE__ */ e(m.Fragment, { children: y }, o.href);
+                  const w = x(o, N);
+                  if (w !== null)
+                    return /* @__PURE__ */ e(m.Fragment, { children: w }, o.href);
                 }
-                return /* @__PURE__ */ e(m.Fragment, { children: k() }, o.href);
+                return /* @__PURE__ */ e(m.Fragment, { children: N() }, o.href);
               }) }) })
             ] })
           ] }, n.label)) }),
-          d && /* @__PURE__ */ s(L, { children: [
+          d && /* @__PURE__ */ s(C, { children: [
             /* @__PURE__ */ e(f, {}),
             /* @__PURE__ */ e("div", { className: g, children: d })
           ] }),
-          a ? /* @__PURE__ */ s(M, { className: "gap-ds-03 px-ds-06 py-ds-05", children: [
+          a ? /* @__PURE__ */ s(S, { className: "gap-ds-03 px-ds-06 py-ds-05", children: [
             a.slot && /* @__PURE__ */ e("div", { children: a.slot }),
             a.promo && /* @__PURE__ */ s("div", { className: "relative rounded-ds-lg border border-surface-border bg-surface-raised p-ds-04 shadow-raised", children: [
               a.promo.onDismiss && /* @__PURE__ */ e(
@@ -223,7 +222,7 @@ const ne = m.forwardRef(
                   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-raised-hover hover:text-surface-fg",
-                  children: /* @__PURE__ */ e(re, { className: "h-3.5 w-3.5" })
+                  children: /* @__PURE__ */ e(_, { className: "h-3.5 w-3.5" })
                 }
               ),
               /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-03", children: [
@@ -249,8 +248,8 @@ const ne = m.forwardRef(
                 ] })
               ] })
             ] }),
-            (((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: [
+            (a.links?.length || a.version) && /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 text-ds-sm text-surface-fg-subtle", children: [
+              a.links?.map((n, c) => /* @__PURE__ */ s(m.Fragment, { children: [
                 c > 0 && /* @__PURE__ */ e("span", { children: "·" }),
                 /* @__PURE__ */ e(
                   p,
@@ -261,10 +260,10 @@ const ne = m.forwardRef(
                   }
                 )
               ] }, n.href)),
-              ((S = a.links) == null ? void 0 : S.length) && a.version && /* @__PURE__ */ e("span", { children: "·" }),
+              a.links?.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(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: [
+          ] }) : l.length > 0 ? /* @__PURE__ */ e(S, { 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,
@@ -280,7 +279,7 @@ const ne = m.forwardRef(
     );
   }
 );
-ne.displayName = "AppSidebar";
+ee.displayName = "AppSidebar";
 export {
-  ne as AppSidebar
+  ee as AppSidebar
 };

package/dist/shell/top-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../src/shell/top-bar.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAMD,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAgCD,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAmBD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAmBD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAmBD,QAAA,MAAM,MAAM;;;;CAIF,CAAA;AAEV,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,GAAG,CAAC,EAAE,MAAM,OAAO,MAAM,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAmBD,UAAU,qBACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;CAChB;AAiCD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAsBD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,UAAU,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiJD,MAAM,MAAM,WAAW,GAAG,eAAe,CAAA;AAEzC,QAAA,MAAM,MAAM;;;;;;;;CAQV,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../src/shell/top-bar.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAMD,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAgCD,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAmBD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAmBD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAmBD,QAAA,MAAM,MAAM;;;;CAIF,CAAA;AAEV,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,GAAG,CAAC,EAAE,MAAM,OAAO,MAAM,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAmBD,UAAU,qBACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;CAChB;AAiCD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAsBD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,UAAU,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiJD,MAAM,MAAM,WAAW,GAAG,eAAe,CAAA;AAEzC,QAAA,MAAM,MAAM;;;;;;;;CAQV,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/shell/top-bar.js

@@ -1,65 +1,66 @@
 "use client";
-import { jsx as e, jsxs as d, Fragment as D } from "react/jsx-runtime";
-import * as l from "react";
-import { useColorMode as U } from "../hooks/use-color-mode.js";
-import { Avatar as A, AvatarImage as I, AvatarFallback as L } from "../ui/avatar.js";
-import { DropdownMenu as S, DropdownMenuTrigger as F, DropdownMenuContent as O, DropdownMenuItem as f, DropdownMenuSeparator as h } from "../ui/dropdown-menu.js";
-import { Tooltip as x, TooltipTrigger as b, TooltipContent as w } from "../ui/tooltip.js";
-import { IconUser as _, IconSun as z, IconMoon as E, IconLogout as P } from "@tabler/icons-react";
-import { cn as c } from "../ui/lib/utils.js";
-const N = l.forwardRef(
-  ({ className: r, children: s, ...t }, o) => {
-    const n = l.Children.toArray(s).some(
-      (i) => l.isValidElement(i) && i.type === p
+import { jsx as e, jsxs as d, Fragment as j } from "react/jsx-runtime";
+import * as c from "react";
+import { useColorMode as D } from "../hooks/use-color-mode.js";
+import { Avatar as U, AvatarImage as z, AvatarFallback as A } from "../ui/avatar.js";
+import { DropdownMenu as L, DropdownMenuTrigger as S, DropdownMenuContent as F, DropdownMenuItem as f, DropdownMenuSeparator as x } from "../ui/dropdown-menu.js";
+import { Tooltip as h, TooltipTrigger as b, TooltipContent as N } from "../ui/tooltip.js";
+import { IconUser as O, IconSun as _, IconMoon as E, IconLogout as P } from "@tabler/icons-react";
+import { Icon as p } from "../ui/icon.js";
+import { cn as n } from "../ui/lib/utils.js";
+const w = c.forwardRef(
+  ({ className: r, children: a, ...o }, t) => {
+    const l = c.Children.toArray(a).some(
+      (i) => c.isValidElement(i) && i.type === m
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        ...t,
-        ref: o,
-        className: c(
+        ...o,
+        ref: t,
+        className: n(
           "z-sticky w-full border-b border-surface-border-strong bg-surface-raised px-ds-05 py-ds-04 md:px-ds-06",
-          n ? "grid grid-cols-[1fr_auto_1fr] items-center" : "flex items-center",
+          l ? "grid grid-cols-[1fr_auto_1fr] items-center" : "flex items-center",
           r
         ),
-        children: s
+        children: a
       }
     );
   }
 );
-N.displayName = "TopBar";
-const y = l.forwardRef(
-  ({ className: r, children: s, ...t }, o) => /* @__PURE__ */ e(
+w.displayName = "TopBar";
+const y = c.forwardRef(
+  ({ className: r, children: a, ...o }, t) => /* @__PURE__ */ e(
     "div",
     {
-      ref: o,
-      className: c("flex items-center gap-ds-04", r),
-      ...t,
-      children: s
+      ref: t,
+      className: n("flex items-center gap-ds-04", r),
+      ...o,
+      children: a
     }
   )
 );
 y.displayName = "TopBar.Left";
-const p = l.forwardRef(
-  ({ className: r, children: s, ...t }, o) => /* @__PURE__ */ e(
+const m = c.forwardRef(
+  ({ className: r, children: a, ...o }, t) => /* @__PURE__ */ e(
     "div",
     {
-      ref: o,
-      className: c("flex items-center justify-center px-ds-04", r),
-      ...t,
-      children: s
+      ref: t,
+      className: n("flex items-center justify-center px-ds-04", r),
+      ...o,
+      children: a
     }
   )
 );
-p.displayName = "TopBar.Center";
-const T = l.forwardRef(
-  ({ className: r, children: s, ...t }, o) => /* @__PURE__ */ e(
+m.displayName = "TopBar.Center";
+const T = c.forwardRef(
+  ({ className: r, children: a, ...o }, t) => /* @__PURE__ */ e(
     "div",
     {
-      ref: o,
-      className: c("ml-auto flex items-center gap-ds-04", r),
-      ...t,
-      children: s
+      ref: t,
+      className: n("ml-auto flex items-center gap-ds-04", r),
+      ...o,
+      children: a
     }
   )
 );
@@ -68,72 +69,71 @@ const V = {
   tight: "gap-ds-02",
   default: "gap-ds-04",
   loose: "gap-ds-06"
-}, B = l.forwardRef(
-  ({ gap: r = "default", className: s, children: t, ...o }, n) => /* @__PURE__ */ e(
+}, v = c.forwardRef(
+  ({ gap: r = "default", className: a, children: o, ...t }, l) => /* @__PURE__ */ e(
     "div",
     {
-      ref: n,
-      className: c("flex items-center", V[r], s),
-      ...o,
-      children: t
+      ref: l,
+      className: n("flex items-center", V[r], a),
+      ...t,
+      children: o
     }
   )
 );
-B.displayName = "TopBar.Section";
-const C = l.forwardRef(({ icon: r, tooltip: s, className: t, ...o }, n) => /* @__PURE__ */ d(x, { children: [
+v.displayName = "TopBar.Section";
+const B = c.forwardRef(({ icon: r, tooltip: a, className: o, ...t }, l) => /* @__PURE__ */ d(h, { children: [
   /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(
     "button",
     {
-      ref: n,
+      ref: l,
       type: "button",
-      className: c(
+      className: n(
         "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-full border border-surface-border-strong bg-surface-raised-hover text-surface-fg-muted transition-[color,background-color,border-color,transform] hover:bg-surface-raised-active active:scale-90 duration-fast-01 ease-productive-standard",
-        t
+        o
       ),
-      ...o,
+      ...t,
       children: /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm", "aria-hidden": "true", children: r })
     }
   ) }),
-  /* @__PURE__ */ e(w, { side: "bottom", align: "center", children: s })
+  /* @__PURE__ */ e(N, { side: "bottom", align: "center", children: a })
 ] }));
-C.displayName = "TopBar.IconButton";
-const v = l.forwardRef(
-  ({ className: r, children: s, ...t }, o) => /* @__PURE__ */ e(
+B.displayName = "TopBar.IconButton";
+const C = c.forwardRef(
+  ({ className: r, children: a, ...o }, t) => /* @__PURE__ */ e(
     "h2",
     {
-      ref: o,
-      className: c(
+      ref: t,
+      className: n(
         "hidden text-ds-lg text-surface-fg md:block",
         r
       ),
-      ...t,
-      children: s
+      ...o,
+      children: a
     }
   )
 );
-v.displayName = "TopBar.Title";
-const k = l.forwardRef(
-  ({ user: r, onNavigate: s, onLogout: t, userMenuItems: o, className: n }, i) => {
-    var u;
-    const { colorMode: m, toggleColorMode: M } = U();
-    return /* @__PURE__ */ d(S, { children: [
-      /* @__PURE__ */ d(x, { children: [
-        /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e(
+C.displayName = "TopBar.Title";
+const M = c.forwardRef(
+  ({ user: r, onNavigate: a, onLogout: o, userMenuItems: t, className: l }, i) => {
+    const { colorMode: u, toggleColorMode: k } = D();
+    return /* @__PURE__ */ d(L, { children: [
+      /* @__PURE__ */ d(h, { children: [
+        /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(
           "button",
           {
             ref: i,
             type: "button",
-            className: c("flex items-center gap-ds-03 outline-none", n),
-            children: /* @__PURE__ */ d(A, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
-              r.image ? /* @__PURE__ */ e(I, { src: r.image, alt: r.name }) : null,
-              /* @__PURE__ */ e(L, { className: "bg-surface-raised-hover text-surface-fg", children: (u = r.name) == null ? void 0 : u.charAt(0).toUpperCase() })
+            className: n("flex items-center gap-ds-03 outline-none", l),
+            children: /* @__PURE__ */ d(U, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
+              r.image ? /* @__PURE__ */ e(z, { src: r.image, alt: r.name }) : null,
+              /* @__PURE__ */ e(A, { className: "bg-surface-raised-hover text-surface-fg", children: r.name?.charAt(0).toUpperCase() })
             ] })
           }
         ) }) }),
-        /* @__PURE__ */ e(w, { side: "bottom", align: "center", children: "User Menu" })
+        /* @__PURE__ */ e(N, { side: "bottom", align: "center", children: "User Menu" })
       ] }),
       /* @__PURE__ */ d(
-        O,
+        F,
         {
           className: "w-[200px] rounded-ds-xl border border-surface-border-strong bg-surface-overlay p-0 shadow-floating",
           sideOffset: 8,
@@ -147,71 +147,71 @@ const k = l.forwardRef(
               f,
               {
                 className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-raised",
-                onClick: () => s == null ? void 0 : s("/profile"),
+                onClick: () => a?.("/profile"),
                 children: [
-                  /* @__PURE__ */ e(_, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }),
+                  /* @__PURE__ */ e(p, { icon: O, size: "sm", className: "text-surface-fg-muted" }),
                   /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-muted", children: "Profile" })
                 ]
               }
             ),
-            o == null ? void 0 : o.map((a, R) => {
-              const j = {
+            t?.map((s, R) => {
+              const I = {
                 error: "text-error-11",
                 success: "text-success-11",
                 warning: "text-warning-11",
                 info: "text-info-11"
-              }, g = a.color ? j[a.color] ?? "text-surface-fg-muted" : "text-surface-fg-muted";
-              return /* @__PURE__ */ d(l.Fragment, { children: [
-                a.separator && /* @__PURE__ */ e(h, { className: "bg-surface-border" }),
+              }, g = s.color ? I[s.color] ?? "text-surface-fg-muted" : "text-surface-fg-muted";
+              return /* @__PURE__ */ d(c.Fragment, { children: [
+                s.separator && /* @__PURE__ */ e(x, { className: "bg-surface-border" }),
                 /* @__PURE__ */ d(
                   f,
                   {
-                    className: c(
+                    className: n(
                       "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-raised",
-                      a.disabled && "pointer-events-none opacity-action-disabled"
+                      s.disabled && "pointer-events-none opacity-action-disabled"
                     ),
-                    disabled: a.disabled,
+                    disabled: s.disabled,
                     onClick: () => {
-                      a.disabled || (a.onClick ? a.onClick() : a.href && (s == null || s(a.href)));
+                      s.disabled || (s.onClick ? s.onClick() : s.href && a?.(s.href));
                     },
                     children: [
-                      a.icon && /* @__PURE__ */ e(
+                      s.icon && /* @__PURE__ */ e(
                         "span",
                         {
-                          className: c(
+                          className: n(
                             "[&>svg]:h-ico-sm [&>svg]:w-ico-sm",
                             g
                           ),
-                          children: a.icon
+                          children: s.icon
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: c("text-ds-md", g), children: a.label }),
-                      a.badge != null && a.badge !== !1 && (typeof a.badge == "string" ? /* @__PURE__ */ e("span", { className: "ml-auto inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-ds-full bg-error-9 px-ds-02 text-[10px] font-semibold leading-none text-accent-fg", children: a.badge }) : /* @__PURE__ */ e("span", { className: "ml-auto h-[8px] w-[8px] rounded-ds-full bg-error-9" }))
+                      /* @__PURE__ */ e("span", { className: n("text-ds-md", g), children: s.label }),
+                      s.badge != null && s.badge !== !1 && (typeof s.badge == "string" ? /* @__PURE__ */ e("span", { className: "ml-auto inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-ds-full bg-error-9 px-ds-02 text-[10px] font-semibold leading-none text-accent-fg", children: s.badge }) : /* @__PURE__ */ e("span", { className: "ml-auto h-[8px] w-[8px] rounded-ds-full bg-error-9" }))
                     ]
                   }
                 )
-              ] }, a.label + R);
+              ] }, s.label + R);
             }),
             /* @__PURE__ */ d(
               f,
               {
                 className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-raised",
-                onClick: M,
+                onClick: k,
                 children: [
-                  m === "dark" ? /* @__PURE__ */ e(z, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }) : /* @__PURE__ */ e(E, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }),
-                  /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-muted", children: m === "dark" ? "Light Mode" : "Dark Mode" })
+                  u === "dark" ? /* @__PURE__ */ e(p, { icon: _, size: "sm", className: "text-surface-fg-muted" }) : /* @__PURE__ */ e(p, { icon: E, size: "sm", className: "text-surface-fg-muted" }),
+                  /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-muted", children: u === "dark" ? "Light Mode" : "Dark Mode" })
                 ]
               }
             ),
-            t && /* @__PURE__ */ d(D, { children: [
-              /* @__PURE__ */ e(h, { className: "bg-surface-border" }),
+            o && /* @__PURE__ */ d(j, { children: [
+              /* @__PURE__ */ e(x, { className: "bg-surface-border" }),
               /* @__PURE__ */ d(
                 f,
                 {
                   className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-raised",
-                  onClick: t,
+                  onClick: o,
                   children: [
-                    /* @__PURE__ */ e(P, { className: "h-ico-sm w-ico-sm text-error-11" }),
+                    /* @__PURE__ */ e(p, { icon: P, size: "sm", className: "text-error-11" }),
                     /* @__PURE__ */ e("span", { className: "text-ds-md text-error-11", children: "Logout" })
                   ]
                 }
@@ -223,16 +223,16 @@ const k = l.forwardRef(
     ] });
   }
 );
-k.displayName = "TopBar.UserMenu";
-const X = Object.assign(N, {
+M.displayName = "TopBar.UserMenu";
+const Y = Object.assign(w, {
   Left: y,
-  Center: p,
+  Center: m,
   Right: T,
-  Section: B,
-  IconButton: C,
-  Title: v,
-  UserMenu: k
+  Section: v,
+  IconButton: B,
+  Title: C,
+  UserMenu: M
 });
 export {
-  X as TopBar
+  Y as TopBar
 };