@devalok/shilp-sutra 0.21.0 → 0.22.1

package/dist/composed/command-palette.js

@@ -1,22 +1,22 @@
 "use client";
 import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import * as n from "react";
-import { Dialog as $, DialogPortal as K, DialogOverlay as q, DialogContentRaw as z, DialogTitle as O, DialogDescription as Q } from "../ui/dialog.js";
-import { IconSearch as U, IconCornerDownLeft as D, IconArrowUp as V, IconArrowDown as F } from "@tabler/icons-react";
+import { Dialog as S, DialogPortal as $, DialogOverlay as K, DialogContentRaw as q, DialogTitle as z, DialogDescription as O } from "../ui/dialog.js";
+import { IconSearch as Q, IconCornerDownLeft as C, IconArrowUp as U, IconArrowDown as V } from "@tabler/icons-react";
 import { cn as p } from "../ui/lib/utils.js";
-import { springs as I, tweens as b } from "../ui/lib/motion.js";
-import { VisuallyHidden as G } from "../ui/visually-hidden.js";
-import { m as c, A as H } from "../_chunks/framer.js";
-const T = n.forwardRef(
+import { springs as D, tweens as b } from "../ui/lib/motion.js";
+import { VisuallyHidden as F } from "../ui/visually-hidden.js";
+import { m as c, A as G } from "../_chunks/framer.js";
+const H = n.forwardRef(
   function({
     groups: h = [],
-    placeholder: j = "Search or jump to...",
+    placeholder: I = "Search or jump to...",
     onSearch: g,
-    emptyMessage: A = "No results found.",
-    className: E,
-    ...M
-  }, R) {
-    const [y, l] = n.useState(!1), [x, w] = n.useState(""), [d, f] = n.useState(0), v = n.useRef(null), k = n.useRef(null), N = n.useId(), C = `command-palette-listbox-${N}`, i = n.useMemo(() => {
+    emptyMessage: j = "No results found.",
+    className: A,
+    ...E
+  }, M) {
+    const [y, l] = n.useState(!1), [x, N] = n.useState(""), [d, f] = n.useState(0), v = n.useRef(null), k = n.useRef(null), w = n.useId(), _ = `command-palette-listbox-${w}`, i = n.useMemo(() => {
       if (!x.trim()) return h;
       const e = x.toLowerCase();
       return h.map((s) => ({
@@ -38,12 +38,12 @@ const T = n.forwardRef(
       }
       return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
     }, []), n.useEffect(() => {
-      y && (w(""), f(0), requestAnimationFrame(() => {
+      y && (N(""), f(0), requestAnimationFrame(() => {
         var e;
         (e = v.current) == null || e.focus();
       }));
     }, [y]);
-    const L = (e) => {
+    const R = (e) => {
       switch (e.key) {
         case "ArrowDown": {
           e.preventDefault(), f(
@@ -76,9 +76,9 @@ const T = n.forwardRef(
       );
       e == null || e.scrollIntoView({ block: "nearest" });
     }, [d]);
-    const P = (e) => {
-      w(e), f(0), g == null || g(e);
-    }, S = n.useMemo(() => {
+    const L = (e) => {
+      N(e), f(0), g == null || g(e);
+    }, P = n.useMemo(() => {
       const e = /* @__PURE__ */ new Map();
       let s = 0;
       for (const a of i)
@@ -86,18 +86,18 @@ const T = n.forwardRef(
           e.set(o.id, s++);
       return e;
     }, [i]);
-    return /* @__PURE__ */ t($, { open: y, onOpenChange: l, children: /* @__PURE__ */ r(K, { children: [
+    return /* @__PURE__ */ t(S, { open: y, onOpenChange: l, children: /* @__PURE__ */ r($, { children: [
       /* @__PURE__ */ t(
-        q,
+        K,
         {
           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__ */ r(
-        z,
+        q,
         {
-          ref: R,
-          ...M,
+          ref: M,
+          ...E,
           className: p(
             "fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2",
             "overflow-hidden rounded-ds-xl border border-surface-border-strong bg-surface-1 shadow-05",
@@ -106,13 +106,13 @@ const T = n.forwardRef(
             "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
             "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",
-            E
+            A
           ),
-          onKeyDown: L,
+          onKeyDown: R,
           children: [
-            /* @__PURE__ */ r(G, { children: [
-              /* @__PURE__ */ t(O, { children: "Command Palette" }),
-              /* @__PURE__ */ t(Q, { children: "Search or jump to pages, projects, tasks, and actions" })
+            /* @__PURE__ */ r(F, { children: [
+              /* @__PURE__ */ t(z, { children: "Command Palette" }),
+              /* @__PURE__ */ t(O, { children: "Search or jump to pages, projects, tasks, and actions" })
             ] }),
             /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-04 border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
               /* @__PURE__ */ t(
@@ -120,10 +120,10 @@ const T = n.forwardRef(
                 {
                   initial: { opacity: 0, scale: 0.96 },
                   animate: { opacity: 1, scale: 1 },
-                  transition: I.snappy,
+                  transition: D.snappy,
                   className: "inline-flex shrink-0",
                   children: /* @__PURE__ */ t(
-                    U,
+                    Q,
                     {
                       className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
                       stroke: 1.5
@@ -136,12 +136,12 @@ const T = n.forwardRef(
                 {
                   ref: v,
                   value: x,
-                  onChange: (e) => P(e.target.value),
-                  placeholder: j,
+                  onChange: (e) => L(e.target.value),
+                  placeholder: I,
                   role: "combobox",
                   "aria-expanded": !0,
-                  "aria-controls": C,
-                  "aria-activedescendant": m[d] ? `command-item-${N}-${m[d].id}` : void 0,
+                  "aria-controls": _,
+                  "aria-activedescendant": m[d] ? `command-item-${w}-${m[d].id}` : void 0,
                   "aria-autocomplete": "list",
                   className: p(
                     "flex-1 bg-transparent text-ds-base text-surface-fg outline-none",
@@ -152,13 +152,13 @@ const T = n.forwardRef(
                   spellCheck: !1
                 }
               ),
-              /* @__PURE__ */ t("kbd", { className: "hidden shrink-0 select-none rounded-ds-md border border-surface-border-strong bg-surface-2 px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle sm:inline-flex", children: "Esc" })
+              /* @__PURE__ */ t("kbd", { className: "hidden shrink-0 select-none rounded-ds-md border border-surface-border-strong bg-surface-2 px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)] sm:inline-flex", children: "Esc" })
             ] }),
             /* @__PURE__ */ r(
               "div",
               {
                 ref: k,
-                id: C,
+                id: _,
                 role: "listbox",
                 "aria-label": "Command results",
                 className: "max-h-[320px] overflow-y-auto px-ds-03 py-ds-03",
@@ -170,7 +170,7 @@ const T = n.forwardRef(
                       animate: { opacity: 1 },
                       transition: b.fade,
                       className: "flex items-center justify-center py-ds-07",
-                      children: /* @__PURE__ */ t("p", { className: "text-ds-md text-surface-fg-subtle", children: A })
+                      children: /* @__PURE__ */ t("p", { className: "text-ds-md text-surface-fg-subtle", children: j })
                     }
                   ),
                   i.map((e, s) => /* @__PURE__ */ r(
@@ -183,24 +183,24 @@ const T = n.forwardRef(
                       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-surface-fg-subtle", children: e.label }) }),
                         e.items.map((a) => {
-                          const o = S.get(a.id) ?? 0, u = o === d;
+                          const o = P.get(a.id) ?? 0, u = o === d;
                           return /* @__PURE__ */ r(
                             c.button,
                             {
-                              id: `command-item-${N}-${a.id}`,
+                              id: `command-item-${w}-${a.id}`,
                               type: "button",
                               role: "option",
                               "aria-selected": u,
                               "data-command-index": o,
                               initial: { opacity: 0, y: 4 },
                               animate: { opacity: 1, y: 0 },
-                              transition: { ...I.snappy, delay: o * 0.03 },
+                              transition: { ...D.snappy, delay: o * 0.03 },
                               onClick: () => {
                                 a.onSelect(), l(!1);
                               },
                               onMouseEnter: () => f(o),
                               className: p(
-                                "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",
+                                "flex w-full items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 text-left transition-[color,background-color] duration-fast-02 ease-productive-standard",
                                 u ? "bg-surface-3 text-surface-fg" : "text-surface-fg-muted hover:bg-surface-2"
                               ),
                               children: [
@@ -208,7 +208,7 @@ const T = n.forwardRef(
                                   "span",
                                   {
                                     className: p(
-                                      "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 transition-colors duration-fast-02",
+                                      "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 transition-colors duration-fast-02 ease-productive-standard",
                                       u ? "text-accent-11" : "text-surface-fg-subtle"
                                     ),
                                     "aria-hidden": "true",
@@ -220,10 +220,10 @@ const T = n.forwardRef(
                                   a.description && /* @__PURE__ */ t("span", { className: "text-ds-sm text-surface-fg-subtle", children: a.description })
                                 ] }),
                                 a.shortcut && /* @__PURE__ */ t("kbd", { className: p(
-                                  "shrink-0 rounded border border-surface-border-strong px-ds-02b py-ds-01 text-ds-xs font-medium transition-colors duration-fast-02",
+                                  "shrink-0 rounded border border-surface-border-strong px-ds-02b py-ds-01 text-ds-xs font-medium shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)] transition-colors duration-fast-02 ease-productive-standard",
                                   u ? "bg-accent-2 text-accent-11 border-accent-6" : "bg-surface-2 text-surface-fg-subtle"
                                 ), children: a.shortcut }),
-                                /* @__PURE__ */ t(H, { children: u && /* @__PURE__ */ t(
+                                /* @__PURE__ */ t(G, { children: u && /* @__PURE__ */ t(
                                   c.span,
                                   {
                                     initial: { opacity: 0 },
@@ -232,7 +232,7 @@ const T = n.forwardRef(
                                     transition: b.fade,
                                     className: "inline-flex shrink-0",
                                     children: /* @__PURE__ */ t(
-                                      D,
+                                      C,
                                       {
                                         className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
                                         stroke: 1.5
@@ -262,17 +262,17 @@ const T = n.forwardRef(
                 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-surface-border-strong bg-surface-2", children: /* @__PURE__ */ t(V, { className: "h-ds-03 w-ds-03 text-surface-fg-subtle", stroke: 2 }) }),
-                      /* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-2", children: /* @__PURE__ */ t(F, { className: "h-ds-03 w-ds-03 text-surface-fg-subtle", stroke: 2 }) })
+                      /* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-2 shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: /* @__PURE__ */ t(U, { className: "h-ds-03 w-ds-03 text-surface-fg-subtle", stroke: 2 }) }),
+                      /* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-2 shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: /* @__PURE__ */ t(V, { className: "h-ds-03 w-ds-03 text-surface-fg-subtle", stroke: 2 }) })
                     ] }),
                     /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: "Navigate" })
                   ] }),
                   /* @__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-surface-border-strong bg-surface-2 px-ds-02b", children: /* @__PURE__ */ t(D, { className: "h-ds-03 w-ds-03 text-surface-fg-subtle", stroke: 2 }) }),
+                    /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-2 px-ds-02b shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: /* @__PURE__ */ t(C, { className: "h-ds-03 w-ds-03 text-surface-fg-subtle", stroke: 2 }) }),
                     /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", 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-surface-border-strong bg-surface-2 px-ds-02b text-ds-xs font-medium text-surface-fg-subtle", children: "Esc" }),
+                    /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-2 px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: "Esc" }),
                     /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: "Close" })
                   ] })
                 ]
@@ -284,7 +284,7 @@ const T = n.forwardRef(
     ] }) });
   }
 );
-T.displayName = "CommandPalette";
+H.displayName = "CommandPalette";
 export {
-  T as CommandPalette
+  H as CommandPalette
 };

package/dist/composed/content-card.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as e, Fragment as m } from "react/jsx-runtime";
 import * as g from "react";
-import { ag as v } from "../_chunks/vendor-utils.js";
+import { ag as h } from "../_chunks/vendor-utils.js";
 import { cn as t } from "../ui/lib/utils.js";
-const h = v(
-  "rounded-ds-lg transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard",
+const v = h(
+  "rounded-ds-lg will-change-[box-shadow] transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard",
   {
     variants: {
       variant: {
@@ -23,7 +23,7 @@ const h = v(
       padding: "default"
     }
   }
-), u = (r) => {
+), b = (r) => {
   switch (r) {
     case "compact":
       return "px-ds-04 py-ds-03";
@@ -49,7 +49,7 @@ const h = v(
     headerTitle: d,
     headerActions: o,
     footer: a,
-    className: b,
+    className: u,
     children: p,
     ...l
   }, f) => {
@@ -59,8 +59,8 @@ const h = v(
       {
         ref: f,
         className: t(
-          h({ variant: r, padding: n || a ? "none" : s }),
-          b
+          v({ variant: r, padding: n || a ? "none" : s }),
+          u
         ),
         ...l,
         children: [
@@ -69,7 +69,7 @@ const h = v(
             {
               className: t(
                 "flex items-center justify-between border-b border-surface-border-strong",
-                u(s)
+                b(s)
               ),
               children: c ?? /* @__PURE__ */ i(m, { children: [
                 d && /* @__PURE__ */ e("h3", { className: "text-ds-base font-semibold text-surface-fg", children: d }),
@@ -91,7 +91,7 @@ const h = v(
             {
               className: t(
                 "border-t border-surface-border-strong",
-                u(s)
+                b(s)
               ),
               children: a
             }
@@ -104,5 +104,5 @@ const h = v(
 w.displayName = "ContentCard";
 export {
   w as ContentCard,
-  h as contentCardVariants
+  v as contentCardVariants
 };

package/dist/composed/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/composed/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC9B;AAcD,QAAA,MAAM,UAAU,wFAkFf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/composed/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC9B;AAcD,QAAA,MAAM,UAAU,wFAuFf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/composed/empty-state.js

@@ -1,9 +1,10 @@
 "use client";
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import * as a from "react";
+import { jsx as s, jsxs as r } from "react/jsx-runtime";
+import * as l from "react";
+import { tweens as g } from "../ui/lib/motion.js";
 import { cn as t } from "../ui/lib/utils.js";
-import { m as h } from "../_chunks/framer.js";
-const g = ({ className: e }) => /* @__PURE__ */ s(
+import { m as n } from "../_chunks/framer.js";
+const y = ({ className: e }) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -13,82 +14,91 @@ const g = ({ className: e }) => /* @__PURE__ */ s(
     "aria-hidden": "true",
     children: /* @__PURE__ */ s("path", { d: "M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z" })
   }
-), y = a.forwardRef(
+), w = l.forwardRef(
   ({
     icon: e,
-    title: n,
-    description: d,
-    action: r,
+    title: m,
+    description: i,
+    action: d,
     compact: c = !1,
-    iconSize: m,
-    className: f,
-    ...x
-  }, p) => {
-    const l = {
+    iconSize: f,
+    className: x,
+    ...p
+  }, u) => {
+    const a = {
       sm: "h-ico-sm w-ico-sm",
       md: "h-ico-lg w-ico-lg",
       lg: "h-ico-xl w-ico-xl"
-    }[m ?? (c ? "sm" : "md")], o = e != null && !a.isValidElement(e) && (typeof e == "function" || typeof e == "object" && "$$typeof" in e), u = e ? o ? a.createElement(e, {
-      className: t("text-surface-fg-subtle", l)
+    }[f ?? (c ? "sm" : "md")], o = e != null && !l.isValidElement(e) && (typeof e == "function" || typeof e == "object" && "$$typeof" in e), h = e ? o ? l.createElement(e, {
+      className: t("text-surface-fg-subtle", a)
     }) : e : /* @__PURE__ */ s(
-      g,
+      y,
       {
-        className: t("text-surface-fg-subtle", l)
+        className: t("text-surface-fg-subtle", a)
       }
     );
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ r(
       "div",
       {
-        ref: p,
+        ref: u,
         className: t(
           "flex flex-col items-center justify-center text-center",
           c ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10",
-          f
+          x
         ),
-        ...x,
+        ...p,
         children: [
           /* @__PURE__ */ s(
-            h.div,
+            n.div,
             {
               className: t(
                 "flex items-center justify-center rounded-ds-xl bg-surface-2",
                 c ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg",
-                !o && e != null && l
+                !o && e != null && a
               ),
               animate: { y: [0, -4, 0] },
               transition: { repeat: 1 / 0, duration: 3, ease: "easeInOut" },
-              children: u
+              children: h
             }
           ),
-          /* @__PURE__ */ i("div", { className: "flex max-w-[280px] flex-col gap-ds-02", children: [
-            /* @__PURE__ */ s(
-              "h3",
-              {
-                className: t(
-                  "text-surface-fg",
-                  c ? "text-ds-md font-semibold" : "text-ds-base font-semibold"
-                ),
-                children: n
-              }
-            ),
-            d && /* @__PURE__ */ s(
-              "p",
-              {
-                className: t(
-                  "text-surface-fg-subtle",
-                  c ? "text-ds-sm" : "text-ds-md"
+          /* @__PURE__ */ r(
+            n.div,
+            {
+              className: "flex max-w-[280px] flex-col gap-ds-02",
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: { delay: 0.2, ...g.fade },
+              children: [
+                /* @__PURE__ */ s(
+                  "h3",
+                  {
+                    className: t(
+                      "text-surface-fg",
+                      c ? "text-ds-md font-semibold" : "text-ds-base font-semibold"
+                    ),
+                    children: m
+                  }
                 ),
-                children: d
-              }
-            )
-          ] }),
-          r && /* @__PURE__ */ s("div", { className: "mt-ds-02", children: r })
+                i && /* @__PURE__ */ s(
+                  "p",
+                  {
+                    className: t(
+                      "text-surface-fg-subtle",
+                      c ? "text-ds-sm" : "text-ds-md"
+                    ),
+                    children: i
+                  }
+                )
+              ]
+            }
+          ),
+          d && /* @__PURE__ */ s("div", { className: "mt-ds-02", children: d })
         ]
       }
     );
   }
 );
-y.displayName = "EmptyState";
+w.displayName = "EmptyState";
 export {
-  y as EmptyState
+  w as EmptyState
 };

package/dist/composed/global-loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global-loading.d.ts","sourceRoot":"","sources":["../../src/composed/global-loading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/E,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,2FAgDlB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"global-loading.d.ts","sourceRoot":"","sources":["../../src/composed/global-loading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/E,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,2FAqDlB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/composed/global-loading.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
 import * as m from "react";
-import { useRef as l, useState as p, useEffect as i } from "react";
+import { useRef as i, useState as p, useEffect as l } from "react";
 import { cn as c } from "../ui/lib/utils.js";
 const d = m.forwardRef(
   function({ isLoading: e, className: u, ...f }, s) {
-    const t = l(null), [r, o] = p(!0), a = l();
-    return i(() => () => {
+    const o = i(null), [t, r] = p(!0), a = i();
+    return l(() => () => {
       clearTimeout(a.current);
-    }, []), i(() => {
-      t.current && e && o(!1);
+    }, []), l(() => {
+      o.current && e && r(!1);
     }, [e]), /* @__PURE__ */ n(
       "div",
       {
@@ -23,16 +23,17 @@ const d = m.forwardRef(
         children: /* @__PURE__ */ n(
           "div",
           {
-            ref: t,
+            ref: o,
             className: c(
-              "h-full bg-accent-9 transition-all duration-slow-01 ease-productive-standard",
+              "h-full bg-accent-9 transition-[width,opacity] duration-slow-01 ease-productive-standard",
               e && "w-4/5 opacity-100",
-              !e && r && "w-0 opacity-0",
-              !e && !r && "w-full opacity-100"
+              !e && t && "w-0 opacity-0",
+              !e && !t && "w-full opacity-100"
             ),
+            style: !e && !t ? { boxShadow: "0 0 8px var(--color-accent-9)" } : void 0,
             onTransitionEnd: () => {
               e || (a.current = setTimeout(() => {
-                o(!0);
+                r(!0);
               }, 200));
             }
           }

package/dist/composed/loading-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-skeleton.d.ts","sourceRoot":"","sources":["../../src/composed/loading-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,0FA2BjB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,aAAa,2FAoDlB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAgDlB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FA8BjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"loading-skeleton.d.ts","sourceRoot":"","sources":["../../src/composed/loading-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,0FA2BjB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,aAAa,2FAqDlB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAiDlB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FA+BjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}