@devalok/shilp-sutra 0.13.0 → 0.14.0

package/dist/shell/sidebar.d.ts

@@ -62,8 +62,11 @@ export interface SidebarFooterConfig {
         label: string;
         href: string;
     }>;
-    /** Version or build info text rendered inline after links */
-    version?: string;
+    /** Version or build info text (or link) rendered inline after links */
+    version?: string | {
+        label: string;
+        href: string;
+    };
     /** Custom content rendered above the links row */
     slot?: React.ReactNode;
     /** Promo/upsell banner rendered above the links row */

package/dist/shell/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/shell/sidebar.js

@@ -2,10 +2,10 @@
 import { jsxs as t, jsx as e, Fragment as k } from "react/jsx-runtime";
 import * as p from "react";
 import { useLink as G } from "./link-context.js";
-import { S as W, a as T, b, c as z, d as H, e as U, f as $, g as q, h as E, i as A, j as L, k as M, l as j, m as J, n as K, o as Q } from "../_chunks/sidebar.js";
+import { S as W, a as T, b as u, c as z, d as H, e as U, f as $, g as q, h as E, i as A, j as L, k as M, l as j, m as J, n as K, o as Q } from "../_chunks/sidebar.js";
 import { Collapsible as V, CollapsibleTrigger as X, CollapsibleContent as Y } from "../ui/collapsible.js";
 import { A as Z, a as _, b as P } from "../_chunks/avatar.js";
-import { c as g } from "../_chunks/utils.js";
+import { c as v } from "../_chunks/utils.js";
 function ee({ className: r }) {
   return /* @__PURE__ */ e(
     "svg",
@@ -64,7 +64,7 @@ function re({
             asChild: !0,
             isActive: n || d,
             tooltip: r.title,
-            className: g(
+            className: v(
               I,
               n || d ? B : F
             ),
@@ -122,7 +122,7 @@ function re({
         asChild: !0,
         isActive: n,
         tooltip: r.title,
-        className: g(
+        className: v(
           I,
           n ? B : F
         ),
@@ -158,14 +158,14 @@ const te = p.forwardRef(
     ...D
   }, O) => {
     var f, N, w, y;
-    const u = G(), v = (s, i = !1) => i || s === "/" ? r === s : r.startsWith(s);
+    const b = G(), g = (s, i = !1) => i || s === "/" ? r === s : r.startsWith(s);
     return /* @__PURE__ */ t(
       W,
       {
         ...D,
         ref: O,
         "aria-label": "Main navigation",
-        className: g(
+        className: v(
           "z-raised hidden h-full flex-col border-r border-border bg-layer-01 md:flex",
           R
         ),
@@ -181,13 +181,13 @@ const te = p.forwardRef(
               /* @__PURE__ */ e("span", { className: "truncate text-ds-sm text-text-placeholder", children: n.designation || n.role })
             ] })
           ] }),
-          /* @__PURE__ */ e(b, {}),
+          /* @__PURE__ */ e(u, {}),
           l && /* @__PURE__ */ t(k, { children: [
             l,
-            /* @__PURE__ */ e(b, {})
+            /* @__PURE__ */ e(u, {})
           ] }),
           /* @__PURE__ */ e(z, { className: "no-scrollbar px-ds-04", children: m.map((s, i) => /* @__PURE__ */ t("div", { children: [
-            i > 0 && /* @__PURE__ */ e(b, {}),
+            i > 0 && /* @__PURE__ */ e(u, {}),
             /* @__PURE__ */ t(H, { children: [
               /* @__PURE__ */ e(U, { className: "px-ds-04 text-ds-sm text-text-placeholder", children: s.label }),
               s.action && /* @__PURE__ */ e($, { asChild: !0, children: s.action }),
@@ -196,8 +196,8 @@ const te = p.forwardRef(
                   re,
                   {
                     item: c,
-                    isActive: v(c.href, c.exact),
-                    isPathActive: v
+                    isActive: g(c.href, c.exact),
+                    isPathActive: g
                   }
                 );
                 if (h) {
@@ -210,7 +210,7 @@ const te = p.forwardRef(
             ] })
           ] }, s.label)) }),
           d && /* @__PURE__ */ t(k, { children: [
-            /* @__PURE__ */ e(b, {}),
+            /* @__PURE__ */ e(u, {}),
             d
           ] }),
           a ? /* @__PURE__ */ t(A, { className: "gap-ds-03 px-ds-06 py-ds-05", children: [
@@ -230,7 +230,7 @@ const te = p.forwardRef(
                 /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-col gap-ds-03", children: [
                   /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-primary", children: a.promo.text }),
                   a.promo.action && (a.promo.action.href ? /* @__PURE__ */ e(
-                    u,
+                    b,
                     {
                       href: a.promo.action.href,
                       onClick: a.promo.action.onClick,
@@ -252,7 +252,7 @@ const te = p.forwardRef(
               (w = a.links) == null ? void 0 : w.map((s, i) => /* @__PURE__ */ t(p.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ e("span", { children: "·" }),
                 /* @__PURE__ */ e(
-                  u,
+                  b,
                   {
                     className: "transition-colors hover:text-interactive",
                     href: s.href,
@@ -261,12 +261,12 @@ const te = p.forwardRef(
                 )
               ] }, s.href)),
               ((y = a.links) == null ? void 0 : y.length) && a.version && /* @__PURE__ */ e("span", { children: "·" }),
-              a.version && /* @__PURE__ */ e("span", { children: a.version })
+              a.version && (typeof a.version == "string" ? /* @__PURE__ */ e("span", { children: a.version }) : /* @__PURE__ */ e(b, { className: "transition-colors hover:text-interactive", href: a.version.href, children: a.version.label }))
             ] })
           ] }) : x.length > 0 ? /* @__PURE__ */ e(A, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03 text-ds-sm text-text-placeholder", children: x.map((s, i) => /* @__PURE__ */ t(p.Fragment, { children: [
             i > 0 && /* @__PURE__ */ e("span", { children: "·" }),
             /* @__PURE__ */ e(
-              u,
+              b,
               {
                 className: "transition-colors hover:text-interactive",
                 href: s.href,

package/dist/ui/autocomplete.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as O, jsx as p } from "react/jsx-runtime";
+import { jsxs as O, jsx as m } from "react/jsx-runtime";
 import * as t from "react";
 import { c as b } from "../_chunks/utils.js";
 const T = t.forwardRef(
@@ -13,7 +13,7 @@ const T = t.forwardRef(
     className: R,
     id: N
   }, i) => {
-    const E = t.useId(), w = N || E, k = `${w}-listbox`, v = `${w}-option`, [f, g] = t.useState((o == null ? void 0 : o.label) ?? ""), [c, a] = t.useState(!1), [r, l] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), y = t.useRef(), M = t.useCallback(
+    const E = t.useId(), w = N || E, v = `${w}-listbox`, k = `${w}-option`, [f, g] = t.useState((o == null ? void 0 : o.label) ?? ""), [c, a] = t.useState(!1), [r, l] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), y = t.useRef(), M = t.useCallback(
       (e) => {
         $.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
       },
@@ -25,7 +25,7 @@ const T = t.forwardRef(
     const n = t.useMemo(
       () => f ? x.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())) : x,
       [x, f]
-    ), m = t.useCallback(
+    ), p = t.useCallback(
       (e) => {
         g(e.label), a(!1), l(-1), u == null || u(e);
       },
@@ -44,17 +44,17 @@ const T = t.forwardRef(
             e.preventDefault(), l((s) => Math.max(s - 1, 0));
             break;
           case "Enter":
-            e.preventDefault(), r >= 0 && n[r] && m(n[r]);
+            e.preventDefault(), r >= 0 && n[r] && p(n[r]);
             break;
           case "Escape":
             a(!1), l(-1);
             break;
         }
       },
-      [c, n, r, m]
-    ), K = r >= 0 ? `${v}-${r}` : void 0;
+      [c, n, r, p]
+    ), K = r >= 0 ? `${k}-${r}` : void 0;
     return /* @__PURE__ */ O("div", { className: b("relative", R), children: [
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ m(
         "input",
         {
           ref: M,
@@ -62,7 +62,7 @@ const T = t.forwardRef(
           role: "combobox",
           "aria-expanded": c,
           "aria-autocomplete": "list",
-          "aria-controls": c ? k : void 0,
+          "aria-controls": c ? v : void 0,
           "aria-activedescendant": K,
           value: f,
           placeholder: D,
@@ -83,20 +83,20 @@ const T = t.forwardRef(
           onKeyDown: S
         }
       ),
-      c && /* @__PURE__ */ p(
+      c && /* @__PURE__ */ m(
         "ul",
         {
-          id: k,
+          id: v,
           ref: A,
           role: "listbox",
           className: b(
-            "absolute z-dropdown mt-ds-02 w-full overflow-auto rounded-ds-md border border-border bg-layer-01 shadow-02",
+            "absolute z-popover mt-ds-02 w-full overflow-auto rounded-ds-md border border-border bg-layer-01 shadow-02",
             "max-h-60"
           ),
-          children: n.length === 0 ? /* @__PURE__ */ p("li", { className: "px-ds-04 py-ds-03 text-ds-md text-text-secondary", children: I }) : n.map((e, s) => /* @__PURE__ */ p(
+          children: n.length === 0 ? /* @__PURE__ */ m("li", { className: "px-ds-04 py-ds-03 text-ds-md text-text-secondary", children: I }) : n.map((e, s) => /* @__PURE__ */ m(
             "li",
             {
-              id: `${v}-${s}`,
+              id: `${k}-${s}`,
               role: "option",
               "aria-selected": r === s,
               className: b(
@@ -105,9 +105,9 @@ const T = t.forwardRef(
                 (o == null ? void 0 : o.value) === e.value && "font-semibold"
               ),
               onMouseDown: (d) => d.preventDefault(),
-              onClick: () => m(e),
+              onClick: () => p(e),
               onKeyDown: (d) => {
-                (d.key === "Enter" || d.key === " ") && (d.preventDefault(), m(e));
+                (d.key === "Enter" || d.key === " ") && (d.preventDefault(), p(e));
               },
               onMouseEnter: () => l(s),
               children: e.label

package/dist/ui/combobox.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as r, jsxs as d, Fragment as B } from "react/jsx-runtime";
+import { jsx as r, jsxs as c, Fragment as B } from "react/jsx-runtime";
 import * as a from "react";
 import { g as G, h as U, P as q, i as J } from "../_chunks/primitives.js";
 import { IconChevronDown as Q, IconSearch as W, IconCheck as Y, IconX as Z } from "@tabler/icons-react";
@@ -20,7 +20,7 @@ const P = 2, V = 36, ee = a.forwardRef(
     renderOption: E,
     ...H
   }, M) => {
-    const [h, w] = a.useState(!1), [v, y] = a.useState(""), [i, c] = a.useState(-1), k = a.useRef(null), N = a.useRef(null), R = a.useId(), I = a.useId(), n = a.useMemo(() => f == null ? [] : Array.isArray(f) ? f : [f], [f]), o = a.useMemo(
+    const [h, w] = a.useState(!1), [v, y] = a.useState(""), [i, d] = a.useState(-1), k = a.useRef(null), N = a.useRef(null), R = a.useId(), I = a.useId(), n = a.useMemo(() => f == null ? [] : Array.isArray(f) ? f : [f], [f]), o = a.useMemo(
       () => v ? u.filter(
         (e) => e.label.toLowerCase().includes(v.toLowerCase())
       ) : u,
@@ -46,7 +46,7 @@ const P = 2, V = 36, ee = a.forwardRef(
       [n, m]
     ), z = a.useCallback(
       (e) => {
-        p || (w(e), e || (y(""), c(-1)));
+        p || (w(e), e || (y(""), d(-1)));
       },
       [p]
     );
@@ -77,19 +77,19 @@ const P = 2, V = 36, ee = a.forwardRef(
           case "ArrowDown": {
             e.preventDefault();
             const t = C(i, 1);
-            c(t);
+            d(t);
             break;
           }
           case "ArrowUp": {
             e.preventDefault();
             const t = C(i, -1);
-            c(t);
+            d(t);
             break;
           }
           case "Home": {
             e.preventDefault();
             const t = o.findIndex((s) => !s.disabled);
-            c(t);
+            d(t);
             break;
           }
           case "End": {
@@ -100,7 +100,7 @@ const P = 2, V = 36, ee = a.forwardRef(
                 t = s;
                 break;
               }
-            c(t);
+            d(t);
             break;
           }
           case "Enter": {
@@ -108,7 +108,7 @@ const P = 2, V = 36, ee = a.forwardRef(
             break;
           }
           case "Escape": {
-            e.preventDefault(), w(!1), y(""), c(-1);
+            e.preventDefault(), w(!1), y(""), d(-1);
             break;
           }
         }
@@ -129,10 +129,10 @@ const P = 2, V = 36, ee = a.forwardRef(
     }, [n, u]), F = () => {
       if (b && n.length > 0) {
         const e = n.slice(0, P), t = n.length - P;
-        return /* @__PURE__ */ d("span", { className: "flex flex-1 flex-wrap items-center gap-ds-02 overflow-hidden", children: [
+        return /* @__PURE__ */ c("span", { className: "flex flex-1 flex-wrap items-center gap-ds-02 overflow-hidden", children: [
           e.map((s) => {
             const l = u.find((D) => D.value === s);
-            return l ? /* @__PURE__ */ d(
+            return l ? /* @__PURE__ */ c(
               "span",
               {
                 className: "inline-flex items-center gap-ds-01 rounded-ds-md bg-interactive-subtle px-ds-03 py-[1px] text-ds-sm",
@@ -154,7 +154,7 @@ const P = 2, V = 36, ee = a.forwardRef(
               s
             ) : null;
           }),
-          t > 0 && /* @__PURE__ */ d("span", { className: "text-ds-sm text-text-secondary", children: [
+          t > 0 && /* @__PURE__ */ c("span", { className: "text-ds-sm text-text-secondary", children: [
             "+",
             t,
             " more"
@@ -168,8 +168,8 @@ const P = 2, V = 36, ee = a.forwardRef(
       }
       return /* @__PURE__ */ r("span", { className: "flex-1 truncate text-left text-text-placeholder", children: S });
     };
-    return /* @__PURE__ */ r(G, { open: h, onOpenChange: z, children: /* @__PURE__ */ d("div", { className: x("relative", T), ...H, children: [
-      /* @__PURE__ */ r(U, { asChild: !0, disabled: p, children: /* @__PURE__ */ d(
+    return /* @__PURE__ */ r(G, { open: h, onOpenChange: z, children: /* @__PURE__ */ c("div", { className: x("relative", T), ...H, children: [
+      /* @__PURE__ */ r(U, { asChild: !0, disabled: p, children: /* @__PURE__ */ c(
         "button",
         {
           ref: M,
@@ -193,11 +193,11 @@ const P = 2, V = 36, ee = a.forwardRef(
           ]
         }
       ) }),
-      /* @__PURE__ */ r(q, { children: /* @__PURE__ */ d(
+      /* @__PURE__ */ r(q, { children: /* @__PURE__ */ c(
         J,
         {
           className: x(
-            "z-dropdown w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-ds-lg border border-border-subtle bg-layer-01 shadow-02",
+            "z-popover w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-ds-lg border border-border-subtle bg-layer-01 shadow-02",
             "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2"
           ),
           sideOffset: 4,
@@ -207,7 +207,7 @@ const P = 2, V = 36, ee = a.forwardRef(
             e.preventDefault(), (t = k.current) == null || t.focus();
           },
           children: [
-            /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-02 border-b border-border-subtle px-ds-04", children: [
+            /* @__PURE__ */ c("div", { className: "flex items-center gap-ds-02 border-b border-border-subtle px-ds-04", children: [
               /* @__PURE__ */ r(W, { className: "h-ico-sm w-ico-sm shrink-0 text-text-tertiary", "aria-hidden": "true" }),
               /* @__PURE__ */ r(
                 "input",
@@ -218,7 +218,7 @@ const P = 2, V = 36, ee = a.forwardRef(
                   placeholder: A,
                   value: v,
                   onChange: (e) => {
-                    y(e.target.value), c(-1);
+                    y(e.target.value), d(-1);
                   },
                   onKeyDown: K,
                   "aria-autocomplete": "list",
@@ -239,7 +239,7 @@ const P = 2, V = 36, ee = a.forwardRef(
                 style: { maxHeight: `${j * V}px` },
                 children: o.map((e, t) => {
                   const s = O(e.value);
-                  return /* @__PURE__ */ d(
+                  return /* @__PURE__ */ c(
                     "li",
                     {
                       id: `${R}-option-${t}`,
@@ -260,11 +260,11 @@ const P = 2, V = 36, ee = a.forwardRef(
                         !e.disabled && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), g(e.value));
                       },
                       onMouseEnter: () => {
-                        e.disabled || c(t);
+                        e.disabled || d(t);
                       },
                       children: [
                         e.icon && /* @__PURE__ */ r("span", { className: "flex h-ico-sm w-ico-sm items-center justify-center shrink-0", children: e.icon }),
-                        /* @__PURE__ */ r("span", { className: "flex flex-1 flex-col", children: E ? E(e, s) : /* @__PURE__ */ d(B, { children: [
+                        /* @__PURE__ */ r("span", { className: "flex flex-1 flex-col", children: E ? E(e, s) : /* @__PURE__ */ c(B, { children: [
                           /* @__PURE__ */ r("span", { children: e.label }),
                           e.description && /* @__PURE__ */ r("span", { className: "text-ds-sm text-text-secondary", children: e.description })
                         ] }) }),

package/dist/ui/context-menu.js

@@ -2,9 +2,9 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import * as n from "react";
 import { j as l, k as m, l as c, m as p, n as u, o as f, p as x, q as b, L as y, r as N, s as h, G as C, t as g, u as w, v as M } from "../_chunks/primitives.js";
-import { IconChevronRight as R, IconCheck as I, IconCircle as S } from "@tabler/icons-react";
+import { IconChevronRight as R, IconCheck as v, IconCircle as I } from "@tabler/icons-react";
 import { c as d } from "../_chunks/utils.js";
-const F = h, H = M, J = C, K = c, O = w, Q = g, v = n.forwardRef(({ className: e, inset: t, children: a, ...o }, r) => /* @__PURE__ */ i(
+const F = h, H = M, J = C, K = c, O = w, Q = g, S = n.forwardRef(({ className: e, inset: t, children: a, ...o }, r) => /* @__PURE__ */ i(
   l,
   {
     ref: r,
@@ -20,13 +20,13 @@ const F = h, H = M, J = C, K = c, O = w, Q = g, v = n.forwardRef(({ className: e
     ]
   }
 ));
-v.displayName = l.displayName;
+S.displayName = l.displayName;
 const z = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   m,
   {
     ref: a,
     className: d(
-      "z-dropdown min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
     ...t
@@ -38,7 +38,7 @@ const j = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(c, { chi
   {
     ref: a,
     className: d(
-      "z-dropdown rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-popover rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
     ...t
@@ -69,7 +69,7 @@ const k = n.forwardRef(({ className: e, children: t, checked: a, ...o }, r) => /
     checked: a,
     ...o,
     children: [
-      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(I, { className: "h-ico-sm w-ico-sm" }) }) }),
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(v, { className: "h-ico-sm w-ico-sm" }) }) }),
       t
     ]
   }
@@ -85,7 +85,7 @@ const T = n.forwardRef(({ className: e, children: t, ...a }, o) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(S, { className: "h-ico-sm w-ico-sm fill-current" }) }) }),
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(I, { className: "h-ico-sm w-ico-sm fill-current" }) }) }),
       t
     ]
   }
@@ -141,6 +141,6 @@ export {
   q as ContextMenuShortcut,
   O as ContextMenuSub,
   z as ContextMenuSubContent,
-  v as ContextMenuSubTrigger,
+  S as ContextMenuSubTrigger,
   H as ContextMenuTrigger
 };

package/dist/ui/dropdown-menu.js

@@ -26,7 +26,7 @@ const C = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   {
     ref: t,
     className: d(
-      "z-dropdown min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
     ...a
@@ -39,7 +39,7 @@ const z = r.forwardRef(({ className: e, sideOffset: a = 4, ...t }, s) => /* @__P
     ref: s,
     sideOffset: a,
     className: d(
-      "z-dropdown min-w-[8rem] rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03",
+      "z-popover min-w-[8rem] rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03",
       "duration-moderate-01 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),

package/dist/ui/hover-card.js

@@ -2,23 +2,23 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as i from "react";
 import { w as n, x as o, y as m, z as l } from "../_chunks/primitives.js";
-import { c as f } from "../_chunks/utils.js";
-const u = m, w = l, p = i.forwardRef(({ className: a, align: e = "center", sideOffset: d = 4, ...r }, s) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
+import { c as p } from "../_chunks/utils.js";
+const u = m, C = l, f = i.forwardRef(({ className: a, align: e = "center", sideOffset: r = 4, ...d }, s) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
   o,
   {
     ref: s,
     align: e,
-    sideOffset: d,
-    className: f(
-      "z-dropdown w-64 rounded-ds-lg border border-border bg-layer-01 p-ds-05 shadow-03 outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    sideOffset: r,
+    className: p(
+      "z-popover w-64 rounded-ds-lg border border-border bg-layer-01 p-ds-05 shadow-03 outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       a
     ),
-    ...r
+    ...d
   }
 ) }));
-p.displayName = o.displayName;
+f.displayName = o.displayName;
 export {
   u as HoverCard,
-  p as HoverCardContent,
-  w as HoverCardTrigger
+  f as HoverCardContent,
+  C as HoverCardTrigger
 };

package/dist/ui/index.js

@@ -211,7 +211,7 @@ const _ = w, N = s.createContext({ variant: "line" }), B = d("inline-flex items-
     }
   },
   defaultVariants: { variant: "line" }
-}), G = d("inline-flex items-center justify-center whitespace-nowrap font-sans text-ds-md font-medium transition-[color,background-color,border-color,box-shadow] duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-[0.38]", {
+}), G = d("inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans text-ds-md font-medium transition-[color,background-color,border-color,box-shadow] duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-[0.38]", {
   variants: {
     variant: {
       line: [

package/dist/ui/menubar.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import * as r from "react";
-import { aW as l, aX as m, aY as c, aZ as p, a_ as b, a$ as u, b0 as f, b1 as y, b2 as x, b3 as g, b4 as N, b5 as h, b6 as M, b7 as v, b8 as R, b9 as I } from "../_chunks/primitives.js";
+import { aW as l, aX as m, aY as c, aZ as p, a_ as b, a$ as u, b0 as f, b1 as y, b2 as x, b3 as g, b4 as N, b5 as h, b6 as v, b7 as M, b8 as R, b9 as I } from "../_chunks/primitives.js";
 import { IconChevronRight as S, IconCheck as C, IconCircle as z } from "@tabler/icons-react";
-import { c as o } from "../_chunks/utils.js";
-const D = v, E = M, F = b, H = I, J = R, k = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+import { c as d } from "../_chunks/utils.js";
+const D = M, E = v, F = b, H = I, J = R, k = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
   l,
   {
     ref: s,
-    className: o(
+    className: d(
       "flex h-ds-sm-plus items-center space-x-ds-02 rounded-ds-lg border border-border bg-layer-01 p-ds-02 shadow-01",
       e
     ),
@@ -20,7 +20,7 @@ const _ = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
   m,
   {
     ref: s,
-    className: o(
+    className: d(
       "flex cursor-default select-none items-center rounded-ds-sm px-ds-04 py-ds-02 text-ds-md font-medium outline-none transition-colors hover:bg-field focus-visible:bg-field data-[state=open]:bg-field",
       e
     ),
@@ -28,16 +28,16 @@ const _ = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
   }
 ));
 _.displayName = m.displayName;
-const j = r.forwardRef(({ className: e, inset: a, children: s, ...d }, n) => /* @__PURE__ */ i(
+const j = r.forwardRef(({ className: e, inset: a, children: s, ...o }, n) => /* @__PURE__ */ i(
   c,
   {
     ref: n,
-    className: o(
+    className: d(
       "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-layer-02 data-[state=open]:bg-layer-02 [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
       a && "pl-ds-07",
       e
     ),
-    ...d,
+    ...o,
     children: [
       s,
       /* @__PURE__ */ t(S, { className: "ml-auto" })
@@ -49,8 +49,8 @@ const G = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
   p,
   {
     ref: s,
-    className: o(
-      "z-dropdown min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    className: d(
+      "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
     ...a
@@ -58,15 +58,15 @@ const G = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
 ));
 G.displayName = p.displayName;
 const T = r.forwardRef(
-  ({ className: e, align: a = "start", alignOffset: s = -4, sideOffset: d = 8, ...n }, w) => /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
+  ({ className: e, align: a = "start", alignOffset: s = -4, sideOffset: o = 8, ...n }, w) => /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
     u,
     {
       ref: w,
       align: a,
       alignOffset: s,
-      sideOffset: d,
-      className: o(
-        "z-dropdown min-w-[12rem] rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03",
+      sideOffset: o,
+      className: d(
+        "z-popover min-w-[12rem] rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         e
       ),
@@ -75,11 +75,11 @@ const T = r.forwardRef(
   ) })
 );
 T.displayName = u.displayName;
-const L = r.forwardRef(({ className: e, inset: a, ...s }, d) => /* @__PURE__ */ t(
+const L = r.forwardRef(({ className: e, inset: a, ...s }, o) => /* @__PURE__ */ t(
   f,
   {
-    ref: d,
-    className: o(
+    ref: o,
+    className: d(
       "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38] [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
       a && "pl-ds-07",
       e
@@ -88,16 +88,16 @@ const L = r.forwardRef(({ className: e, inset: a, ...s }, d) => /* @__PURE__ */
   }
 ));
 L.displayName = f.displayName;
-const P = r.forwardRef(({ className: e, children: a, checked: s, ...d }, n) => /* @__PURE__ */ i(
+const P = r.forwardRef(({ className: e, children: a, checked: s, ...o }, n) => /* @__PURE__ */ i(
   y,
   {
     ref: n,
-    className: o(
+    className: d(
       "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
       e
     ),
     checked: s,
-    ...d,
+    ...o,
     children: [
       /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(C, { className: "h-ico-sm w-ico-sm" }) }) }),
       a
@@ -105,11 +105,11 @@ const P = r.forwardRef(({ className: e, children: a, checked: s, ...d }, n) => /
   }
 ));
 P.displayName = y.displayName;
-const W = r.forwardRef(({ className: e, children: a, ...s }, d) => /* @__PURE__ */ i(
+const W = r.forwardRef(({ className: e, children: a, ...s }, o) => /* @__PURE__ */ i(
   g,
   {
-    ref: d,
-    className: o(
+    ref: o,
+    className: d(
       "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
       e
     ),
@@ -121,11 +121,11 @@ const W = r.forwardRef(({ className: e, children: a, ...s }, d) => /* @__PURE__
   }
 ));
 W.displayName = g.displayName;
-const X = r.forwardRef(({ className: e, inset: a, ...s }, d) => /* @__PURE__ */ t(
+const X = r.forwardRef(({ className: e, inset: a, ...s }, o) => /* @__PURE__ */ t(
   N,
   {
-    ref: d,
-    className: o(
+    ref: o,
+    className: d(
       "px-ds-03 py-ds-02b text-ds-md font-semibold",
       a && "pl-ds-07",
       e
@@ -138,7 +138,7 @@ const Y = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
   h,
   {
     ref: s,
-    className: o("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
+    className: d("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
     ...a
   }
 ));
@@ -149,7 +149,7 @@ const Z = ({
 }) => /* @__PURE__ */ t(
   "span",
   {
-    className: o(
+    className: d(
       "ml-auto text-ds-sm text-text-placeholder",
       e
     ),

package/dist/ui/select.js

@@ -61,7 +61,7 @@ const D = r.forwardRef(({ className: s, children: t, position: a = "popper", ...
   {
     ref: l,
     className: o(
-      "relative z-dropdown max-h-96 min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       s
     ),

package/dist/ui/tabs.js

@@ -13,7 +13,7 @@ const C = m, f = s.createContext({ variant: "line" }), p = b("inline-flex items-
   },
   defaultVariants: { variant: "line" }
 }), u = b(
-  "inline-flex items-center justify-center whitespace-nowrap font-sans text-ds-md font-medium transition-[color,background-color,border-color,box-shadow] duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-[0.38]",
+  "inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans text-ds-md font-medium transition-[color,background-color,border-color,box-shadow] duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-[0.38]",
   {
     variants: {
       variant: {

package/llms-full.txt

@@ -5,7 +5,7 @@
 > All variant values and props verified from source CVA definitions.
 >
 > Package: @devalok/shilp-sutra
-> Version: 0.13.0
+> Version: 0.14.0
 
 ---
 
@@ -1700,7 +1700,7 @@ New fields on NavGroup:
 
 New type SidebarFooterConfig:
     links: Array<{ label: string, href: string }> — legal/utility links rendered inline with · dividers
-    version: string — version or build info text rendered inline after links
+    version: string | { label: string, href: string } — version text or clickable version link, rendered inline after links
     slot: ReactNode — custom content above the links row
     promo: SidebarPromo — dismissable promo/upsell banner
 

package/llms.txt

@@ -4,6 +4,11 @@
 > Built on the same primitives as shadcn/ui but with key API differences.
 > Read this file BEFORE writing any UI code. Do NOT guess from shadcn/ui knowledge.
 
+## CHANGES (v0.14.0)
+- **BREAKING z-index**: Select, Combobox, Autocomplete, DropdownMenu, ContextMenu, Menubar, HoverCard promoted from z-dropdown (1000) to z-popover (1400). Fixes dropdowns rendering behind Sheet/Dialog. If you had custom z-index overrides (e.g. `[data-radix-popper-content-wrapper] { z-index: 1400 !important }`) you can now remove them.
+- TabsTrigger: Added gap-ds-02 (4px) between icon and label
+- AppSidebar: footer.version now accepts string | { label, href } for clickable version links
+
 ## CHANGES (v0.13.0)
 - EmptyState: icon prop now accepts ComponentType (e.g. Tabler icon references) in addition to ReactNode
 - NotificationCenter: Notification.actions?: NotificationAction[] — inline action buttons (Approve/Deny) per notification

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",