@devalok/shilp-sutra 0.13.0 → 0.15.0

package/dist/_chunks/sidebar.js

@@ -26,13 +26,13 @@ const X = z([
   variants: {
     size: {
       sm: "h-ds-sm text-ds-sm px-ds-03",
-      md: "h-ds-md text-ds-base px-ds-04",
-      lg: "h-ds-lg text-ds-lg px-ds-05"
+      md: "h-ds-md text-ds-md px-ds-04",
+      lg: "h-ds-lg text-ds-md px-ds-05"
     }
   },
   defaultVariants: { size: "md" }
 }), T = B.forwardRef(({ className: a, type: e, state: t, size: d, startIcon: s, endIcon: n, ...c }, f) => {
-  const l = K(), u = t ?? (l.state === "helper" ? void 0 : l.state), b = c["aria-describedby"] ?? l.helperTextId, g = c["aria-required"] ?? l.required, y = r("input", { type: e, className: i(X({ size: d }), s && "pl-ds-07", n && "pr-ds-07", u === "error" && "border-border-error focus-visible:ring-error", u === "warning" && "border-border-warning focus-visible:ring-warning", u === "success" && "border-border-success focus-visible:ring-success", a), "aria-invalid": u === "error" || void 0, "aria-describedby": b, "aria-required": g || void 0, ref: f, ...c });
+  const l = K(), u = t ?? (l.state === "helper" ? void 0 : l.state), m = c["aria-describedby"] ?? l.helperTextId, g = c["aria-required"] ?? l.required, y = r("input", { type: e, className: i(X({ size: d }), s && "pl-ds-07", n && "pr-ds-07", u === "error" && "border-border-error focus-visible:ring-error", u === "warning" && "border-border-warning focus-visible:ring-warning", u === "success" && "border-border-success focus-visible:ring-success", a), "aria-invalid": u === "error" || void 0, "aria-describedby": m, "aria-required": g || void 0, ref: f, ...c });
   return !s && !n ? y : x("div", { className: "relative flex items-center w-full", children: [s && r("span", { className: "absolute left-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: s }), y, n && r("span", { className: "absolute right-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: n })] });
 });
 T.displayName = "Input";
@@ -55,16 +55,16 @@ const te = o(
     children: n,
     ...c
   }, f) => {
-    const l = G(), [u, b] = _(!1), [g, y] = _(a), h = e ?? g, w = C(
+    const l = G(), [u, m] = _(!1), [g, y] = _(a), h = e ?? g, w = C(
       (p) => {
-        const m = typeof p == "function" ? p(h) : p;
-        t ? t(m) : y(m), document.cookie = `${Y}=${m}; path=/; max-age=${J}`;
+        const b = typeof p == "function" ? p(h) : p;
+        t ? t(b) : y(b), document.cookie = `${Y}=${b}; path=/; max-age=${J}`;
       },
       [t, h]
-    ), S = C(() => l ? b((p) => !p) : w((p) => !p), [l, w, b]);
+    ), S = C(() => l ? m((p) => !p) : w((p) => !p), [l, w, m]);
     j(() => {
-      const p = (m) => {
-        m.key === ae && (m.metaKey || m.ctrlKey) && (m.preventDefault(), S());
+      const p = (b) => {
+        b.key === ae && (b.metaKey || b.ctrlKey) && (b.preventDefault(), S());
       };
       return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
     }, [S]);
@@ -75,7 +75,7 @@ const te = o(
         setOpen: w,
         isMobile: l,
         openMobile: u,
-        setOpenMobile: b,
+        setOpenMobile: m,
         toggleSidebar: S
       }),
       [
@@ -84,7 +84,7 @@ const te = o(
         w,
         l,
         u,
-        b,
+        m,
         S
       ]
     );
@@ -117,7 +117,7 @@ const re = o(
     children: s,
     ...n
   }, c) => {
-    const { isMobile: f, state: l, openMobile: u, setOpenMobile: b } = N();
+    const { isMobile: f, state: l, openMobile: u, setOpenMobile: m } = N();
     return t === "none" ? /* @__PURE__ */ r(
       "div",
       {
@@ -129,7 +129,7 @@ const re = o(
         ...n,
         children: s
       }
-    ) : f ? /* @__PURE__ */ r(V, { open: u, onOpenChange: b, ...n, children: /* @__PURE__ */ r(
+    ) : f ? /* @__PURE__ */ r(V, { open: u, onOpenChange: m, ...n, children: /* @__PURE__ */ r(
       F,
       {
         "data-sidebar": "sidebar",
@@ -317,7 +317,7 @@ const ue = o(
   )
 );
 ue.displayName = "SidebarContent";
-const be = o(
+const me = o(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -328,7 +328,7 @@ const be = o(
     }
   )
 );
-be.displayName = "SidebarGroup";
+me.displayName = "SidebarGroup";
 const pe = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
   e ? v : "div",
   {
@@ -343,7 +343,7 @@ const pe = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
   }
 ));
 pe.displayName = "SidebarGroupLabel";
-const me = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
+const be = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
   e ? v : "button",
   {
     ref: d,
@@ -357,7 +357,7 @@ const me = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
     ...t
   }
 ));
-me.displayName = "SidebarGroupAction";
+be.displayName = "SidebarGroupAction";
 const fe = o(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "div",
@@ -423,7 +423,7 @@ const xe = z(
     className: n,
     ...c
   }, f) => {
-    const l = a ? v : "button", { isMobile: u, state: b } = N(), g = /* @__PURE__ */ r(
+    const l = a ? v : "button", { isMobile: u, state: m } = N(), g = /* @__PURE__ */ r(
       l,
       {
         ref: f,
@@ -443,7 +443,7 @@ const xe = z(
         {
           side: "right",
           align: "center",
-          hidden: b !== "collapsed" || u,
+          hidden: m !== "collapsed" || u,
           ...s
         }
       )
@@ -567,9 +567,9 @@ export {
   ne as a,
   ce as b,
   ue as c,
-  be as d,
+  me as d,
   pe as e,
-  me as f,
+  be as f,
   fe as g,
   ge as h,
   le as i,

package/dist/composed/command-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../src/composed/command-palette.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAMD,QAAA,MAAM,cAAc,4FAoSnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../src/composed/command-palette.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAMD,QAAA,MAAM,cAAc,4FAoTnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/composed/command-palette.js

@@ -1,99 +1,99 @@
 "use client";
-import { jsx as s, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import * as d from "react";
-import { Dialog as A, DialogPortal as M, DialogOverlay as R, DialogContentRaw as L, DialogTitle as S, DialogDescription as $ } from "../ui/dialog.js";
-import { IconSearch as K, IconCornerDownLeft as v, IconArrowUp as P, IconArrowDown as q } from "@tabler/icons-react";
-import { c as b } from "../_chunks/utils.js";
-import { VisuallyHidden as z } from "../ui/visually-hidden.js";
+import { Dialog as $, DialogPortal as A, DialogOverlay as R, DialogContentRaw as L, DialogTitle as S, DialogDescription as K } from "../ui/dialog.js";
+import { IconSearch as P, IconCornerDownLeft as k, IconArrowUp as q, IconArrowDown as z } from "@tabler/icons-react";
+import { c as x } from "../_chunks/utils.js";
+import { VisuallyHidden as F } from "../ui/visually-hidden.js";
 const O = d.forwardRef(
   function({
-    groups: x = [],
-    placeholder: k = "Search or jump to...",
-    onSearch: f,
+    groups: u = [],
+    placeholder: D = "Search or jump to...",
+    onSearch: h,
     emptyMessage: C = "No results found."
-  }, D) {
-    const [u, c] = d.useState(!1), [p, y] = d.useState(""), [l, i] = d.useState(0), N = d.useRef(null), g = d.useRef(null), h = d.useId(), w = `command-palette-listbox-${h}`, n = d.useMemo(() => {
-      if (!p.trim()) return x;
-      const t = p.toLowerCase();
-      return x.map((e) => ({
-        ...e,
-        items: e.items.filter(
-          (r) => {
-            var o;
-            return r.label.toLowerCase().includes(t) || ((o = r.description) == null ? void 0 : o.toLowerCase().includes(t));
+  }, I) {
+    const [b, i] = d.useState(!1), [f, v] = d.useState(""), [o, c] = d.useState(0), N = d.useRef(null), g = d.useRef(null), y = d.useId(), w = `command-palette-listbox-${y}`, l = d.useMemo(() => {
+      if (!f.trim()) return u;
+      const e = f.toLowerCase();
+      return u.map((a) => ({
+        ...a,
+        items: a.items.filter(
+          (s) => {
+            var n;
+            return s.label.toLowerCase().includes(e) || ((n = s.description) == null ? void 0 : n.toLowerCase().includes(e));
           }
         )
-      })).filter((e) => e.items.length > 0);
-    }, [x, p]), m = d.useMemo(
-      () => n.flatMap((t) => t.items),
-      [n]
+      })).filter((a) => a.items.length > 0);
+    }, [u, f]), m = d.useMemo(
+      () => l.flatMap((e) => e.items),
+      [l]
     );
     d.useEffect(() => {
-      function t(e) {
-        (e.metaKey || e.ctrlKey) && e.key === "k" && (e.preventDefault(), c((r) => !r));
+      function e(a) {
+        (a.metaKey || a.ctrlKey) && a.key === "k" && (a.preventDefault(), i((s) => !s));
       }
-      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
     }, []), d.useEffect(() => {
-      u && (y(""), i(0), requestAnimationFrame(() => {
-        var t;
-        (t = N.current) == null || t.focus();
+      b && (v(""), c(0), requestAnimationFrame(() => {
+        var e;
+        (e = N.current) == null || e.focus();
       }));
-    }, [u]);
-    const I = (t) => {
-      switch (t.key) {
+    }, [b]);
+    const j = (e) => {
+      switch (e.key) {
         case "ArrowDown": {
-          t.preventDefault(), i(
-            (e) => e < m.length - 1 ? e + 1 : 0
+          e.preventDefault(), c(
+            (a) => a < m.length - 1 ? a + 1 : 0
           );
           break;
         }
         case "ArrowUp": {
-          t.preventDefault(), i(
-            (e) => e > 0 ? e - 1 : m.length - 1
+          e.preventDefault(), c(
+            (a) => a > 0 ? a - 1 : m.length - 1
           );
           break;
         }
         case "Enter": {
-          t.preventDefault();
-          const e = m[l];
-          e && (e.onSelect(), c(!1));
+          e.preventDefault();
+          const a = m[o];
+          a && (a.onSelect(), i(!1));
           break;
         }
         case "Escape": {
-          t.preventDefault(), c(!1);
+          e.preventDefault(), i(!1);
           break;
         }
       }
     };
     d.useEffect(() => {
-      var e;
-      const t = (e = g.current) == null ? void 0 : e.querySelector(
-        `[data-command-index="${l}"]`
+      var a;
+      const e = (a = g.current) == null ? void 0 : a.querySelector(
+        `[data-command-index="${o}"]`
       );
-      t == null || t.scrollIntoView({ block: "nearest" });
+      e == null || e.scrollIntoView({ block: "nearest" });
+    }, [o]);
+    const E = (e) => {
+      v(e), c(0), h == null || h(e);
+    }, M = d.useMemo(() => {
+      const e = /* @__PURE__ */ new Map();
+      let a = 0;
+      for (const s of l)
+        for (const n of s.items)
+          e.set(n.id, a++);
+      return e;
     }, [l]);
-    const j = (t) => {
-      y(t), i(0), f == null || f(t);
-    }, E = d.useMemo(() => {
-      const t = /* @__PURE__ */ new Map();
-      let e = 0;
-      for (const r of n)
-        for (const o of r.items)
-          t.set(o.id, e++);
-      return t;
-    }, [n]);
-    return /* @__PURE__ */ s(A, { open: u, onOpenChange: c, children: /* @__PURE__ */ a(M, { children: [
-      /* @__PURE__ */ s(
+    return /* @__PURE__ */ t($, { open: b, onOpenChange: i, children: /* @__PURE__ */ r(A, { children: [
+      /* @__PURE__ */ t(
         R,
         {
           className: "fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ r(
         L,
         {
-          ref: D,
-          className: b(
+          ref: I,
+          className: x(
             "fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2",
             "overflow-hidden rounded-ds-xl border border-border bg-layer-01 shadow-05",
             "duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -102,33 +102,33 @@ const O = d.forwardRef(
             "data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2",
             "data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2"
           ),
-          onKeyDown: I,
+          onKeyDown: j,
           children: [
-            /* @__PURE__ */ a(z, { children: [
-              /* @__PURE__ */ s(S, { children: "Command Palette" }),
-              /* @__PURE__ */ s($, { children: "Search or jump to pages, projects, tasks, and actions" })
+            /* @__PURE__ */ r(F, { children: [
+              /* @__PURE__ */ t(S, { children: "Command Palette" }),
+              /* @__PURE__ */ t(K, { children: "Search or jump to pages, projects, tasks, and actions" })
             ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-04 border-b border-border px-ds-05 py-ds-04", children: [
-              /* @__PURE__ */ s(
-                K,
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-04 border-b border-border px-ds-05 py-ds-04", children: [
+              /* @__PURE__ */ t(
+                P,
                 {
-                  className: "h-ico-sm w-ico-sm shrink-0 text-text-placeholder",
+                  className: "h-ico-sm w-ico-sm shrink-0 animate-scale-in text-text-placeholder",
                   stroke: 1.5
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ t(
                 "input",
                 {
                   ref: N,
-                  value: p,
-                  onChange: (t) => j(t.target.value),
-                  placeholder: k,
+                  value: f,
+                  onChange: (e) => E(e.target.value),
+                  placeholder: D,
                   role: "combobox",
                   "aria-expanded": !0,
                   "aria-controls": w,
-                  "aria-activedescendant": m[l] ? `command-item-${h}-${m[l].id}` : void 0,
+                  "aria-activedescendant": m[o] ? `command-item-${y}-${m[o].id}` : void 0,
                   "aria-autocomplete": "list",
-                  className: b(
+                  className: x(
                     "flex-1 bg-transparent text-ds-base text-text-primary outline-none",
                     "placeholder:text-text-placeholder"
                   ),
@@ -137,9 +137,9 @@ const O = d.forwardRef(
                   spellCheck: !1
                 }
               ),
-              /* @__PURE__ */ s("kbd", { className: "hidden shrink-0 select-none rounded-ds-md border border-border bg-layer-02 px-ds-02b py-ds-01 text-ds-sm font-medium text-text-placeholder sm:inline-flex", children: "Esc" })
+              /* @__PURE__ */ t("kbd", { className: "hidden shrink-0 select-none rounded-ds-md border border-border bg-layer-02 px-ds-02b py-ds-01 text-ds-sm font-medium text-text-placeholder sm:inline-flex", children: "Esc" })
             ] }),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ r(
               "div",
               {
                 ref: g,
@@ -148,65 +148,85 @@ const O = d.forwardRef(
                 "aria-label": "Command results",
                 className: "max-h-[320px] overflow-y-auto px-ds-03 py-ds-03",
                 children: [
-                  n.length === 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ s("p", { className: "text-ds-md text-text-placeholder", children: C }) }),
-                  n.map((t) => /* @__PURE__ */ a("div", { className: "mb-ds-02", children: [
-                    /* @__PURE__ */ s("div", { className: "px-ds-03 pb-ds-02 pt-ds-03", children: /* @__PURE__ */ s("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-text-placeholder", children: t.label }) }),
-                    t.items.map((e) => {
-                      const r = E.get(e.id) ?? 0, o = r === l;
-                      return /* @__PURE__ */ a(
+                  l.length === 0 && /* @__PURE__ */ t("div", { className: "flex animate-fade-in items-center justify-center py-ds-07", children: /* @__PURE__ */ t("p", { className: "text-ds-md text-text-placeholder", children: C }) }),
+                  l.map((e, a) => /* @__PURE__ */ r("div", { className: "mb-ds-02 animate-fade-in", style: { animationDelay: `${a * 60}ms` }, children: [
+                    /* @__PURE__ */ t("div", { className: "px-ds-03 pb-ds-02 pt-ds-03", children: /* @__PURE__ */ t("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-text-placeholder", children: e.label }) }),
+                    e.items.map((s) => {
+                      const n = M.get(s.id) ?? 0, p = n === o;
+                      return /* @__PURE__ */ r(
                         "button",
                         {
-                          id: `command-item-${h}-${e.id}`,
+                          id: `command-item-${y}-${s.id}`,
                           type: "button",
                           role: "option",
-                          "aria-selected": o,
-                          "data-command-index": r,
+                          "aria-selected": p,
+                          "data-command-index": n,
                           onClick: () => {
-                            e.onSelect(), c(!1);
+                            s.onSelect(), i(!1);
                           },
-                          onMouseEnter: () => i(r),
-                          className: b(
-                            "flex w-full items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 text-left transition-colors duration-fast-01 ease-productive-standard",
-                            o ? "bg-layer-03 text-text-primary" : "text-text-secondary hover:bg-layer-02"
+                          onMouseEnter: () => c(n),
+                          className: x(
+                            "flex w-full items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 text-left transition-all duration-fast-02 ease-productive-standard",
+                            p ? "bg-layer-03 text-text-primary" : "text-text-secondary hover:bg-layer-02"
                           ),
+                          style: {
+                            animationName: "slide-up",
+                            animationDuration: "var(--duration-moderate-02)",
+                            animationTimingFunction: "var(--ease-expressive-entrance)",
+                            animationFillMode: "both",
+                            animationDelay: `${n * 30}ms`
+                          },
                           children: [
-                            e.icon && /* @__PURE__ */ s("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 text-text-placeholder", "aria-hidden": "true", children: e.icon }),
-                            /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col", children: [
-                              /* @__PURE__ */ s("span", { className: "text-ds-md", children: e.label }),
-                              e.description && /* @__PURE__ */ s("span", { className: "text-ds-sm text-text-placeholder", children: e.description })
+                            s.icon && /* @__PURE__ */ t(
+                              "span",
+                              {
+                                className: x(
+                                  "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 transition-colors duration-fast-02",
+                                  p ? "text-interactive" : "text-text-placeholder"
+                                ),
+                                "aria-hidden": "true",
+                                children: s.icon
+                              }
+                            ),
+                            /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col", children: [
+                              /* @__PURE__ */ t("span", { className: "text-ds-md", children: s.label }),
+                              s.description && /* @__PURE__ */ t("span", { className: "text-ds-sm text-text-placeholder", children: s.description })
                             ] }),
-                            e.shortcut && /* @__PURE__ */ s("kbd", { className: "shrink-0 rounded border border-border bg-layer-02 px-ds-02b py-ds-01 text-ds-xs font-medium text-text-placeholder", children: e.shortcut }),
-                            o && /* @__PURE__ */ s(
-                              v,
+                            s.shortcut && /* @__PURE__ */ t("kbd", { className: x(
+                              "shrink-0 rounded border border-border px-ds-02b py-ds-01 text-ds-xs font-medium transition-colors duration-fast-02",
+                              p ? "bg-interactive/10 text-interactive border-interactive/30" : "bg-layer-02 text-text-placeholder"
+                            ), children: s.shortcut }),
+                            p && /* @__PURE__ */ t(
+                              k,
                               {
-                                className: "h-ico-sm w-ico-sm shrink-0 text-text-placeholder",
+                                className: "h-ico-sm w-ico-sm shrink-0 animate-fade-in text-text-placeholder",
                                 stroke: 1.5
                               }
                             )
                           ]
                         },
-                        e.id
+                        s.id
                       );
                     })
-                  ] }, t.label))
+                  ] }, e.label))
                 ]
               }
             ),
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-05 border-t border-border px-ds-05 py-ds-03", children: [
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02b", children: [
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-01", children: [
-                  /* @__PURE__ */ s("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-border bg-layer-02", children: /* @__PURE__ */ s(P, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) }),
-                  /* @__PURE__ */ s("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-border bg-layer-02", children: /* @__PURE__ */ s(q, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) })
+            /* @__PURE__ */ r("div", { className: "flex animate-fade-in items-center gap-ds-05 border-t border-border px-ds-05 py-ds-03", children: [
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
+                /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-01", children: [
+                  /* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-border bg-layer-02", children: /* @__PURE__ */ t(q, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) }),
+                  /* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-border bg-layer-02", children: /* @__PURE__ */ t(z, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) })
                 ] }),
-                /* @__PURE__ */ s("span", { className: "text-ds-xs text-text-placeholder", children: "Navigate" })
+                /* @__PURE__ */ t("span", { className: "text-ds-xs text-text-placeholder", children: "Navigate" })
               ] }),
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02b", children: [
-                /* @__PURE__ */ s("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-border bg-layer-02 px-ds-02b", children: /* @__PURE__ */ s(v, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) }),
-                /* @__PURE__ */ s("span", { className: "text-ds-xs text-text-placeholder", children: "Select" })
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
+                /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-border bg-layer-02 px-ds-02b", children: /* @__PURE__ */ t(k, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) }),
+                /* @__PURE__ */ t("span", { className: "text-ds-xs text-text-placeholder", children: "Select" })
               ] }),
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02b", children: [
-                /* @__PURE__ */ s("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-border bg-layer-02 px-ds-02b text-ds-xs font-medium text-text-placeholder", children: "Esc" }),
-                /* @__PURE__ */ s("span", { className: "text-ds-xs text-text-placeholder", children: "Close" })
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
+                /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-border bg-layer-02 px-ds-02b text-ds-xs font-medium text-text-placeholder", children: "Esc" }),
+                /* @__PURE__ */ t("span", { className: "text-ds-xs text-text-placeholder", children: "Close" })
               ] })
             ] })
           ]

package/dist/shell/notification-center.js

@@ -45,7 +45,7 @@ function W({
         (s.key === "Enter" || s.key === " ") && (s.preventDefault(), o());
       },
       className: f(
-        "group relative flex w-full cursor-pointer items-start gap-ds-04 px-ds-05 py-ds-04 text-left transition-[color,transform] duration-fast-02 hover:translate-x-0.5",
+        "group relative flex w-full cursor-pointer items-start gap-ds-04 px-ds-05 py-ds-04 text-left transition-colors duration-fast-02",
         "hover:bg-layer-02",
         !e.isRead && "bg-interactive/[0.03]"
       ),

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