@devalok/shilp-sutra 0.33.2 → 0.34.1

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 };