@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/shell/sidebar.js

@@ -1,285 +1,255 @@
 "use client";
-import { jsxs as s, jsx as e, Fragment as C } from "react/jsx-runtime";
-import * as m from "react";
-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";
-import { u as j } from "../_chunks/link-context.js";
-function Z({ className: r }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: r,
-      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
-    }
-  );
+import { cn as e } from "../ui/lib/utils.js";
+import { Avatar as t, AvatarFallback as n, AvatarImage as r } from "../ui/avatar.js";
+import { Collapsible as i, CollapsibleContent as a, CollapsibleTrigger as o } from "../ui/collapsible.js";
+import { n as s } from "../_chunks/link-context.js";
+import { Sidebar as c, SidebarContent as l, SidebarFooter as u, SidebarGroup as d, SidebarGroupAction as f, SidebarGroupContent as p, SidebarGroupLabel as m, SidebarHeader as h, SidebarMenu as g, SidebarMenuBadge as _, SidebarMenuButton as v, SidebarMenuItem as y, SidebarMenuSub as b, SidebarMenuSubButton as x, SidebarMenuSubItem as S, SidebarSeparator as C } from "../ui/sidebar.js";
+import "./link-context.js";
+import * as w from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region src/shell/sidebar.tsx
+function O({ className: e }) {
+	return /* @__PURE__ */ E("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: e,
+		children: /* @__PURE__ */ E("path", { d: "m9 18 6-6-6-6" })
+	});
 }
-function _({ className: r }) {
-  return /* @__PURE__ */ s(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: r,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
-      ]
-    }
-  );
+function k({ className: e }) {
+	return /* @__PURE__ */ D("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: e,
+		children: [/* @__PURE__ */ E("path", { d: "M18 6 6 18" }), /* @__PURE__ */ E("path", { d: "m6 6 12 12" })]
+	});
 }
-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 = 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(J, { defaultOpen: g, className: "group/collapsible", children: /* @__PURE__ */ s(k, { children: [
-      /* @__PURE__ */ s("div", { className: "relative", children: [
-        /* @__PURE__ */ e(
-          y,
-          {
-            asChild: !0,
-            isActive: t || d,
-            tooltip: r.title,
-            className: b(
-              M,
-              t || d ? A : I
-            ),
-            children: /* @__PURE__ */ s(
-              h,
-              {
-                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: r.icon }),
-                  /* @__PURE__ */ e("span", { className: "text-ds-base", children: r.title })
-                ]
-              }
-            )
-          }
-        ),
-        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(Z, { className: "h-4 w-4 transition-transform duration-fast-02 ease-productive-standard group-data-[state=open]/collapsible:rotate-90" })
-          }
-        ) })
-      ] }),
-      /* @__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(
-          E,
-          {
-            asChild: !0,
-            isActive: a,
-            children: /* @__PURE__ */ s(
-              h,
-              {
-                href: l.href,
-                "aria-current": a ? "page" : void 0,
-                children: [
-                  l.icon && /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0", "aria-hidden": "true", children: l.icon }),
-                  /* @__PURE__ */ e("span", { children: l.title })
-                ]
-              }
-            )
-          }
-        ) }, l.href);
-      }) }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ s(k, { children: [
-    /* @__PURE__ */ e(
-      y,
-      {
-        asChild: !0,
-        isActive: t,
-        tooltip: r.title,
-        className: b(
-          M,
-          t ? A : I
-        ),
-        children: /* @__PURE__ */ s(
-          h,
-          {
-            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: r.icon }),
-              /* @__PURE__ */ e("span", { className: "text-ds-base", children: r.title })
-            ]
-          }
-        )
-      }
-    ),
-    i && /* @__PURE__ */ e(L, { children: i })
-  ] });
+var A = "relative gap-ds-04 rounded-ds-lg px-ds-04 py-ds-03 transition-colors duration-fast-02", j = "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-['']", M = "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg";
+function N({ item: t, isActive: n, isPathActive: r }) {
+	let c = s(), l = t.badge == null ? null : typeof t.badge == "number" && t.badge > 99 ? "99+" : String(t.badge);
+	if (t.children && t.children.length > 0) {
+		let s = t.children.some((e) => r(e.href, e.exact));
+		return /* @__PURE__ */ E(i, {
+			defaultOpen: s || n || (t.defaultOpen ?? !1),
+			className: "group/collapsible",
+			children: /* @__PURE__ */ D(y, { children: [/* @__PURE__ */ D("div", {
+				className: "relative",
+				children: [
+					/* @__PURE__ */ E(v, {
+						asChild: !0,
+						isActive: n || s,
+						tooltip: t.title,
+						className: e(A, n || s ? j : M),
+						children: /* @__PURE__ */ D(c, {
+							href: t.href,
+							"aria-label": t.title,
+							"aria-current": n ? "page" : void 0,
+							children: [/* @__PURE__ */ E("span", {
+								className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0",
+								"aria-hidden": "true",
+								children: t.icon
+							}), /* @__PURE__ */ E("span", {
+								className: "text-ds-base",
+								children: t.title
+							})]
+						})
+					}),
+					l && /* @__PURE__ */ E(_, { children: l }),
+					/* @__PURE__ */ E(o, {
+						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 ${t.title}`,
+							children: /* @__PURE__ */ E(O, { className: "h-4 w-4 transition-transform duration-fast-02 ease-productive-standard group-data-[state=open]/collapsible:rotate-90" })
+						})
+					})
+				]
+			}), /* @__PURE__ */ E(a, { children: /* @__PURE__ */ E(b, { children: t.children.map((e) => {
+				let t = r(e.href, e.exact);
+				return /* @__PURE__ */ E(S, { children: /* @__PURE__ */ E(x, {
+					asChild: !0,
+					isActive: t,
+					children: /* @__PURE__ */ D(c, {
+						href: e.href,
+						"aria-current": t ? "page" : void 0,
+						children: [e.icon && /* @__PURE__ */ E("span", {
+							className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0",
+							"aria-hidden": "true",
+							children: e.icon
+						}), /* @__PURE__ */ E("span", { children: e.title })]
+					})
+				}) }, e.href);
+			}) }) })] })
+		});
+	}
+	return /* @__PURE__ */ D(y, { children: [/* @__PURE__ */ E(v, {
+		asChild: !0,
+		isActive: n,
+		tooltip: t.title,
+		className: e(A, n ? j : M),
+		children: /* @__PURE__ */ D(c, {
+			href: t.href,
+			"aria-label": t.title,
+			"aria-current": n ? "page" : void 0,
+			children: [/* @__PURE__ */ E("span", {
+				className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0",
+				"aria-hidden": "true",
+				children: t.icon
+			}), /* @__PURE__ */ E("span", {
+				className: "text-ds-base",
+				children: t.title
+			})]
+		})
+	}), l && /* @__PURE__ */ E(_, { children: l })] });
 }
-const ee = m.forwardRef(
-  ({
-    currentPath: r = "/",
-    user: t,
-    navGroups: u = [],
-    logo: h,
-    headerSlot: i,
-    preFooterSlot: d,
-    preFooterClassName: g,
-    footerLinks: l = [],
-    footer: a,
-    renderItem: x,
-    className: B,
-    ...F
-  }, G) => {
-    const p = j(), v = (n, c = !1) => c || n === "/" ? r === n : r.startsWith(n);
-    return /* @__PURE__ */ s(
-      R,
-      {
-        ...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",
-          B
-        ),
-        children: [
-          /* @__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(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 }),
-              /* @__PURE__ */ e("span", { className: "truncate text-ds-sm text-surface-fg-subtle", children: t.designation || t.role })
-            ] })
-          ] }),
-          /* @__PURE__ */ e(f, {}),
-          i && /* @__PURE__ */ s(C, { children: [
-            i,
-            /* @__PURE__ */ e(f, {})
-          ] }),
-          /* @__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(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),
-                    isPathActive: v
-                  }
-                );
-                if (x) {
-                  const w = x(o, N);
-                  if (w !== null)
-                    return /* @__PURE__ */ e(m.Fragment, { children: w }, o.href);
-                }
-                return /* @__PURE__ */ e(m.Fragment, { children: N() }, o.href);
-              }) }) })
-            ] })
-          ] }, n.label)) }),
-          d && /* @__PURE__ */ s(C, { children: [
-            /* @__PURE__ */ e(f, {}),
-            /* @__PURE__ */ e("div", { className: g, children: d })
-          ] }),
-          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(
-                "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-raised-hover hover:text-surface-fg",
-                  children: /* @__PURE__ */ e(_, { className: "h-3.5 w-3.5" })
-                }
-              ),
-              /* @__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__ */ 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,
-                    {
-                      href: a.promo.action.href,
-                      onClick: a.promo.action.onClick,
-                      className: "inline-flex self-start rounded-ds-md bg-accent-9 px-ds-04 py-ds-02 text-ds-sm font-medium text-accent-fg transition-colors hover:bg-accent-10",
-                      children: a.promo.action.label
-                    }
-                  ) : /* @__PURE__ */ e(
-                    "button",
-                    {
-                      onClick: a.promo.action.onClick,
-                      className: "inline-flex self-start rounded-ds-md bg-accent-9 px-ds-04 py-ds-02 text-ds-sm font-medium text-accent-fg transition-colors hover:bg-accent-10",
-                      children: a.promo.action.label
-                    }
-                  ))
-                ] })
-              ] })
-            ] }),
-            (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,
-                  {
-                    className: "transition-colors hover:text-accent-11",
-                    href: n.href,
-                    children: n.label
-                  }
-                )
-              ] }, n.href)),
-              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(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,
-              {
-                className: "transition-colors hover:text-accent-11",
-                href: n.href,
-                children: n.label
-              }
-            )
-          ] }, n.href)) }) }) : null
-        ]
-      }
-    );
-  }
-);
-ee.displayName = "AppSidebar";
-export {
-  ee as AppSidebar
-};
+var P = w.forwardRef(({ currentPath: i = "/", user: a, navGroups: o = [], logo: _, headerSlot: v, preFooterSlot: y, preFooterClassName: b, footerLinks: x = [], footer: S, renderItem: O, className: A, ...j }, M) => {
+	let P = s(), F = (e, t = !1) => t || e === "/" ? i === e : i.startsWith(e);
+	return /* @__PURE__ */ D(c, {
+		...j,
+		ref: M,
+		"aria-label": "Main navigation",
+		className: e("z-raised hidden h-full flex-col border-r border-surface-border-strong bg-surface-raised md:flex", A),
+		children: [
+			/* @__PURE__ */ E(h, {
+				className: "px-ds-06 py-ds-06",
+				children: _ ?? /* @__PURE__ */ E("span", {
+					className: "text-ds-lg font-semibold text-surface-fg",
+					children: "Logo"
+				})
+			}),
+			a && /* @__PURE__ */ D("div", {
+				className: "flex items-center gap-ds-04 px-ds-06 pb-ds-05",
+				children: [/* @__PURE__ */ D(t, {
+					className: "h-ds-sm-plus w-ds-sm-plus",
+					children: [a.image ? /* @__PURE__ */ E(r, {
+						src: a.image,
+						alt: a.name
+					}) : null, /* @__PURE__ */ E(n, {
+						className: "bg-surface-raised-hover text-surface-fg",
+						children: a.name?.charAt(0).toUpperCase()
+					})]
+				}), /* @__PURE__ */ D("div", {
+					className: "flex min-w-0 flex-col",
+					children: [/* @__PURE__ */ E("span", {
+						className: "truncate text-ds-md text-surface-fg",
+						children: a.name
+					}), /* @__PURE__ */ E("span", {
+						className: "truncate text-ds-sm text-surface-fg-subtle",
+						children: a.designation || a.role
+					})]
+				})]
+			}),
+			/* @__PURE__ */ E(C, {}),
+			v && /* @__PURE__ */ D(T, { children: [v, /* @__PURE__ */ E(C, {})] }),
+			/* @__PURE__ */ E(l, {
+				className: "no-scrollbar px-ds-04",
+				children: o.map((e, t) => /* @__PURE__ */ D("div", { children: [t > 0 && /* @__PURE__ */ E(C, {}), /* @__PURE__ */ D(d, { children: [
+					/* @__PURE__ */ E(m, {
+						className: "px-ds-04 text-ds-sm text-surface-fg-subtle",
+						children: e.label
+					}),
+					e.action && /* @__PURE__ */ E(f, {
+						asChild: !0,
+						children: e.action
+					}),
+					/* @__PURE__ */ E(p, { children: /* @__PURE__ */ E(g, { children: e.items.map((e) => {
+						let t = () => /* @__PURE__ */ E(N, {
+							item: e,
+							isActive: F(e.href, e.exact),
+							isPathActive: F
+						});
+						if (O) {
+							let n = O(e, t);
+							if (n !== null) return /* @__PURE__ */ E(w.Fragment, { children: n }, e.href);
+						}
+						return /* @__PURE__ */ E(w.Fragment, { children: t() }, e.href);
+					}) }) })
+				] })] }, e.label))
+			}),
+			y && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(C, {}), /* @__PURE__ */ E("div", {
+				className: b,
+				children: y
+			})] }),
+			S ? /* @__PURE__ */ D(u, {
+				className: "gap-ds-03 px-ds-06 py-ds-05",
+				children: [
+					S.slot && /* @__PURE__ */ E("div", { children: S.slot }),
+					S.promo && /* @__PURE__ */ D("div", {
+						className: "relative rounded-ds-lg border border-surface-border bg-surface-raised p-ds-04 shadow-raised",
+						children: [S.promo.onDismiss && /* @__PURE__ */ E("button", {
+							onClick: S.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(k, { className: "h-3.5 w-3.5" })
+						}), /* @__PURE__ */ D("div", {
+							className: "flex flex-col gap-ds-03",
+							children: [S.promo.icon && /* @__PURE__ */ E("span", {
+								className: "text-accent-11 [&>svg]:h-ico-md [&>svg]:w-ico-md",
+								"aria-hidden": "true",
+								children: S.promo.icon
+							}), /* @__PURE__ */ D("div", {
+								className: "flex min-w-0 flex-col gap-ds-03",
+								children: [/* @__PURE__ */ E("p", {
+									className: "text-ds-sm text-surface-fg",
+									children: S.promo.text
+								}), S.promo.action && (S.promo.action.href ? /* @__PURE__ */ E(P, {
+									href: S.promo.action.href,
+									onClick: S.promo.action.onClick,
+									className: "inline-flex self-start rounded-ds-md bg-accent-9 px-ds-04 py-ds-02 text-ds-sm font-medium text-accent-fg transition-colors hover:bg-accent-10",
+									children: S.promo.action.label
+								}) : /* @__PURE__ */ E("button", {
+									onClick: S.promo.action.onClick,
+									className: "inline-flex self-start rounded-ds-md bg-accent-9 px-ds-04 py-ds-02 text-ds-sm font-medium text-accent-fg transition-colors hover:bg-accent-10",
+									children: S.promo.action.label
+								}))]
+							})]
+						})]
+					}),
+					(S.links?.length || S.version) && /* @__PURE__ */ D("div", {
+						className: "flex items-center gap-ds-03 text-ds-sm text-surface-fg-subtle",
+						children: [
+							S.links?.map((e, t) => /* @__PURE__ */ D(w.Fragment, { children: [t > 0 && /* @__PURE__ */ E("span", { children: "·" }), /* @__PURE__ */ E(P, {
+								className: "transition-colors hover:text-accent-11",
+								href: e.href,
+								children: e.label
+							})] }, e.href)),
+							S.links?.length && S.version && /* @__PURE__ */ E("span", { children: "·" }),
+							S.version && (typeof S.version == "string" ? /* @__PURE__ */ E("span", { children: S.version }) : /* @__PURE__ */ E(P, {
+								className: "transition-colors hover:text-accent-11",
+								href: S.version.href,
+								children: S.version.label
+							}))
+						]
+					})
+				]
+			}) : x.length > 0 ? /* @__PURE__ */ E(u, {
+				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: x.map((e, t) => /* @__PURE__ */ D(w.Fragment, { children: [t > 0 && /* @__PURE__ */ E("span", { children: "·" }), /* @__PURE__ */ E(P, {
+						className: "transition-colors hover:text-accent-11",
+						href: e.href,
+						children: e.label
+					})] }, e.href))
+				})
+			}) : null
+		]
+	});
+});
+P.displayName = "AppSidebar";
+//#endregion
+export { P as AppSidebar };

package/dist/shell/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../src/shell/sidebar.tsx"],"sourcesContent":["'use client'\n\n/**\n * AppSidebar -- Application-layer sidebar built on the Sidebar primitive.\n *\n * Design-system token migration (2026-02-28):\n *   All V1 colour tokens have been replaced with semantic design-system tokens.\n *   Typography classes replaced with Tailwind equivalents.\n *\n * Props-driven: accepts user info, currentPath, and navItems instead of\n * reading from Remix hooks or Zustand stores.\n */\nimport * as React from 'react'\nimport { useLink } from './link-context'\nimport {\n  Sidebar as ShadcnSidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarSeparator,\n} from '../ui/sidebar'\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../ui/collapsible'\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'\nimport { cn } from '../ui/lib/utils'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface NavSubItem {\n  title: string\n  href: string\n  icon?: React.ReactNode\n  exact?: boolean\n}\n\nexport interface NavItem {\n  title: string\n  href: string\n  icon: React.ReactNode\n  /** When true, the route matches only when the path is exactly equal */\n  exact?: boolean\n  /** Badge rendered on the right side of the nav item */\n  badge?: string | number\n  /** Optional child items — renders as collapsible sub-list with chevron */\n  children?: NavSubItem[]\n  /** Whether the collapsible is open by default. Auto-opens when a child is active. */\n  defaultOpen?: boolean\n}\n\nexport interface NavGroup {\n  label: string\n  items: NavItem[]\n  /** Action rendered next to the group label (e.g., a \"+\" button) */\n  action?: React.ReactNode\n}\n\nexport interface SidebarUser {\n  name: string\n  email?: string\n  image?: string | null\n  designation?: string\n  role?: string\n}\n\nexport interface SidebarPromo {\n  /** Promo message text */\n  text: string\n  /** Optional icon rendered before the text */\n  icon?: React.ReactNode\n  /** Action button rendered in the promo banner */\n  action?: { label: string; href?: string; onClick?: () => void }\n  /** When provided, renders a dismiss (X) button that calls this handler */\n  onDismiss?: () => void\n}\n\nexport interface SidebarFooterConfig {\n  /** Legal/utility links rendered as a row separated by dividers */\n  links?: Array<{ label: string; href: string }>\n  /** Version or build info text (or link) rendered inline after links */\n  version?: string | { label: string; href: string }\n  /** Custom content rendered above the links row */\n  slot?: React.ReactNode\n  /** Promo/upsell banner rendered above the links row */\n  promo?: SidebarPromo\n}\n\nexport interface AppSidebarProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  /** Currently active pathname -- used to highlight the active nav item */\n  currentPath?: string\n  /** User information displayed in the sidebar header */\n  user?: SidebarUser | null\n  /** Primary navigation groups rendered in the main content area */\n  navGroups?: NavGroup[]\n  /** Optional logo element. Falls back to a text placeholder. */\n  logo?: React.ReactNode\n  /** Footer links rendered at the bottom of the sidebar */\n  footerLinks?: Array<{ label: string; href: string }>\n  /** Structured footer config (takes precedence over footerLinks) */\n  footer?: SidebarFooterConfig\n  /** Content rendered between user header and navigation */\n  headerSlot?: React.ReactNode\n  /** Content rendered between navigation and footer */\n  preFooterSlot?: React.ReactNode\n  /** className applied to the wrapper div around preFooterSlot */\n  preFooterClassName?: string\n  /** Override rendering for specific nav items. Return null to use default rendering. */\n  renderItem?: (item: NavItem, defaultRender: () => React.ReactNode) => React.ReactNode | null\n  /** Additional className for the root sidebar element */\n  className?: string\n}\n\n// -----------------------------------------------------------------------\n// ChevronRight (inline SVG icon for collapsible toggle)\n// -----------------------------------------------------------------------\n\nfunction ChevronRight({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  )\n}\n\nfunction CloseIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  )\n}\n\n// -----------------------------------------------------------------------\n// Shared styles\n// -----------------------------------------------------------------------\n\nconst navItemBase = 'relative gap-ds-04 rounded-ds-lg px-ds-04 py-ds-03 transition-colors duration-fast-02'\nconst navItemActive =\n  \"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-['']\"\nconst navItemInactive = 'text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg'\n\n// -----------------------------------------------------------------------\n// NavLink (internal)\n// -----------------------------------------------------------------------\n\nfunction NavLink({\n  item,\n  isActive,\n  isPathActive,\n}: {\n  item: NavItem\n  isActive: boolean\n  isPathActive: (path: string, exact?: boolean) => boolean\n}) {\n  const Link = useLink()\n  const badgeContent =\n    item.badge != null\n      ? typeof item.badge === 'number' && item.badge > 99\n        ? '99+'\n        : String(item.badge)\n      : null\n\n  // S9: Collapsible children\n  if (item.children && item.children.length > 0) {\n    const hasActiveChild = item.children.some((child) =>\n      isPathActive(child.href, child.exact),\n    )\n    const shouldOpen = hasActiveChild || isActive || (item.defaultOpen ?? false)\n\n    return (\n      <Collapsible defaultOpen={shouldOpen} className=\"group/collapsible\">\n        <SidebarMenuItem>\n          {/* Button row — chevron is anchored here, not on the full <li> */}\n          <div className=\"relative\">\n            <SidebarMenuButton\n              asChild\n              isActive={isActive || hasActiveChild}\n              tooltip={item.title}\n              className={cn(\n                navItemBase,\n                isActive || hasActiveChild ? navItemActive : navItemInactive,\n              )}\n            >\n              <Link\n                href={item.href}\n                aria-label={item.title}\n                aria-current={isActive ? 'page' : undefined}\n              >\n                <span className=\"[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0\" aria-hidden=\"true\">\n                  {item.icon}\n                </span>\n                <span className=\"text-ds-base\">{item.title}</span>\n              </Link>\n            </SidebarMenuButton>\n            {badgeContent && <SidebarMenuBadge>{badgeContent}</SidebarMenuBadge>}\n            <CollapsibleTrigger asChild>\n              <button\n                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\"\n                aria-label={`Toggle ${item.title}`}\n              >\n                <ChevronRight className=\"h-4 w-4 transition-transform duration-fast-02 ease-productive-standard group-data-[state=open]/collapsible:rotate-90\" />\n              </button>\n            </CollapsibleTrigger>\n          </div>\n          <CollapsibleContent>\n            <SidebarMenuSub>\n              {item.children.map((child) => {\n                const childActive = isPathActive(child.href, child.exact)\n                return (\n                  <SidebarMenuSubItem key={child.href}>\n                    <SidebarMenuSubButton\n                      asChild\n                      isActive={childActive}\n                    >\n                      <Link\n                        href={child.href}\n                        aria-current={childActive ? 'page' : undefined}\n                      >\n                        {child.icon && (\n                          <span className=\"[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0\" aria-hidden=\"true\">\n                            {child.icon}\n                          </span>\n                        )}\n                        <span>{child.title}</span>\n                      </Link>\n                    </SidebarMenuSubButton>\n                  </SidebarMenuSubItem>\n                )\n              })}\n            </SidebarMenuSub>\n          </CollapsibleContent>\n        </SidebarMenuItem>\n      </Collapsible>\n    )\n  }\n\n  // Default: flat nav item\n  return (\n    <SidebarMenuItem>\n      <SidebarMenuButton\n        asChild\n        isActive={isActive}\n        tooltip={item.title}\n        className={cn(\n          navItemBase,\n          isActive ? navItemActive : navItemInactive,\n        )}\n      >\n        <Link\n          href={item.href}\n          aria-label={item.title}\n          aria-current={isActive ? 'page' : undefined}\n        >\n          <span className=\"[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0\" aria-hidden=\"true\">{item.icon}</span>\n          <span className=\"text-ds-base\">{item.title}</span>\n        </Link>\n      </SidebarMenuButton>\n      {badgeContent && <SidebarMenuBadge>{badgeContent}</SidebarMenuBadge>}\n    </SidebarMenuItem>\n  )\n}\n\n// -----------------------------------------------------------------------\n// AppSidebar\n// -----------------------------------------------------------------------\n\nconst AppSidebar = React.forwardRef<HTMLDivElement, AppSidebarProps>(\n  (\n    {\n      currentPath = '/',\n      user,\n      navGroups = [],\n      logo,\n      headerSlot,\n      preFooterSlot,\n      preFooterClassName,\n      footerLinks = [],\n      footer,\n      renderItem,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const Link = useLink()\n    const isActive = (path: string, exact = false) => {\n      if (exact || path === '/') {\n        return currentPath === path\n      }\n      return currentPath.startsWith(path)\n    }\n\n    return (\n      <ShadcnSidebar\n        {...props}\n        ref={ref}\n        aria-label=\"Main navigation\"\n        className={cn(\n          'z-raised hidden h-full flex-col border-r border-surface-border-strong bg-surface-raised md:flex',\n          className,\n        )}\n      >\n        {/* Logo Header */}\n        <SidebarHeader className=\"px-ds-06 py-ds-06\">\n          {logo ?? (\n            <span className=\"text-ds-lg font-semibold text-surface-fg\">\n              Logo\n            </span>\n          )}\n        </SidebarHeader>\n\n        {/* User Info */}\n        {user && (\n          <div className=\"flex items-center gap-ds-04 px-ds-06 pb-ds-05\">\n            <Avatar className=\"h-ds-sm-plus w-ds-sm-plus\">\n              {user.image ? (\n                <AvatarImage src={user.image} alt={user.name} />\n              ) : null}\n              <AvatarFallback className=\"bg-surface-raised-hover text-surface-fg\">\n                {user.name?.charAt(0).toUpperCase()}\n              </AvatarFallback>\n            </Avatar>\n            <div className=\"flex min-w-0 flex-col\">\n              <span className=\"truncate text-ds-md text-surface-fg\">\n                {user.name}\n              </span>\n              <span className=\"truncate text-ds-sm text-surface-fg-subtle\">\n                {user.designation || user.role}\n              </span>\n            </div>\n          </div>\n        )}\n\n        <SidebarSeparator />\n\n        {/* Header Slot (S13) */}\n        {headerSlot && (\n          <>\n            {headerSlot}\n            <SidebarSeparator />\n          </>\n        )}\n\n        {/* Navigation Groups */}\n        <SidebarContent className=\"no-scrollbar px-ds-04\">\n          {navGroups.map((group, idx) => (\n            <div key={group.label}>\n              {idx > 0 && <SidebarSeparator />}\n              <SidebarGroup>\n                <SidebarGroupLabel className=\"px-ds-04 text-ds-sm text-surface-fg-subtle\">\n                  {group.label}\n                </SidebarGroupLabel>\n                {group.action && (\n                  <SidebarGroupAction asChild>{group.action}</SidebarGroupAction>\n                )}\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {group.items.map((item) => {\n                      const defaultRender = () => (\n                        <NavLink\n                          item={item}\n                          isActive={isActive(item.href, item.exact)}\n                          isPathActive={isActive}\n                        />\n                      )\n\n                      if (renderItem) {\n                        const custom = renderItem(item, defaultRender)\n                        if (custom !== null) {\n                          return <React.Fragment key={item.href}>{custom}</React.Fragment>\n                        }\n                      }\n\n                      return <React.Fragment key={item.href}>{defaultRender()}</React.Fragment>\n                    })}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </SidebarGroup>\n            </div>\n          ))}\n        </SidebarContent>\n\n        {/* Pre-Footer Slot (S13) */}\n        {preFooterSlot && (\n          <>\n            <SidebarSeparator />\n            <div className={preFooterClassName}>\n              {preFooterSlot}\n            </div>\n          </>\n        )}\n\n        {/* Footer */}\n        {footer ? (\n          <SidebarFooter className=\"gap-ds-03 px-ds-06 py-ds-05\">\n            {footer.slot && <div>{footer.slot}</div>}\n\n            {/* Promo banner */}\n            {footer.promo && (\n              <div className=\"relative rounded-ds-lg border border-surface-border bg-surface-raised p-ds-04 shadow-raised\">\n                {footer.promo.onDismiss && (\n                  <button\n                    onClick={footer.promo.onDismiss}\n                    aria-label=\"Dismiss\"\n                    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\"\n                  >\n                    <CloseIcon className=\"h-3.5 w-3.5\" />\n                  </button>\n                )}\n                <div className=\"flex flex-col gap-ds-03\">\n                  {footer.promo.icon && (\n                    <span className=\"text-accent-11 [&>svg]:h-ico-md [&>svg]:w-ico-md\" aria-hidden=\"true\">\n                      {footer.promo.icon}\n                    </span>\n                  )}\n                  <div className=\"flex min-w-0 flex-col gap-ds-03\">\n                    <p className=\"text-ds-sm text-surface-fg\">{footer.promo.text}</p>\n                    {footer.promo.action && (\n                      footer.promo.action.href ? (\n                        <Link\n                          href={footer.promo.action.href}\n                          onClick={footer.promo.action.onClick}\n                          className=\"inline-flex self-start rounded-ds-md bg-accent-9 px-ds-04 py-ds-02 text-ds-sm font-medium text-accent-fg transition-colors hover:bg-accent-10\"\n                        >\n                          {footer.promo.action.label}\n                        </Link>\n                      ) : (\n                        <button\n                          onClick={footer.promo.action.onClick}\n                          className=\"inline-flex self-start rounded-ds-md bg-accent-9 px-ds-04 py-ds-02 text-ds-sm font-medium text-accent-fg transition-colors hover:bg-accent-10\"\n                        >\n                          {footer.promo.action.label}\n                        </button>\n                      )\n                    )}\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {/* Links + version on same line */}\n            {(footer.links?.length || footer.version) && (\n              <div className=\"flex items-center gap-ds-03 text-ds-sm text-surface-fg-subtle\">\n                {footer.links?.map((link, i) => (\n                  <React.Fragment key={link.href}>\n                    {i > 0 && <span>·</span>}\n                    <Link\n                      className=\"transition-colors hover:text-accent-11\"\n                      href={link.href}\n                    >\n                      {link.label}\n                    </Link>\n                  </React.Fragment>\n                ))}\n                {footer.links?.length && footer.version && <span>·</span>}\n                {footer.version && (\n                  typeof footer.version === 'string'\n                    ? <span>{footer.version}</span>\n                    : <Link className=\"transition-colors hover:text-accent-11\" href={footer.version.href}>{footer.version.label}</Link>\n                )}\n              </div>\n            )}\n          </SidebarFooter>\n        ) : footerLinks.length > 0 ? (\n          <SidebarFooter className=\"px-ds-06 py-ds-05\">\n            <div className=\"flex items-center gap-ds-03 text-ds-sm text-surface-fg-subtle\">\n              {footerLinks.map((link, i) => (\n                <React.Fragment key={link.href}>\n                  {i > 0 && <span>·</span>}\n                  <Link\n                    className=\"transition-colors hover:text-accent-11\"\n                    href={link.href}\n                  >\n                    {link.label}\n                  </Link>\n                </React.Fragment>\n              ))}\n            </div>\n          </SidebarFooter>\n        ) : null}\n      </ShadcnSidebar>\n    )\n  },\n)\nAppSidebar.displayName = 'AppSidebar'\n\nexport { AppSidebar }\n"],"mappings":"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"}