@devalok/shilp-sutra 0.14.0 → 0.16.0

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/composed/empty-state.d.ts

@@ -7,6 +7,8 @@ export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
     description?: string;
     action?: React.ReactNode;
     compact?: boolean;
+    /** Icon size. Defaults to 'sm' when compact, 'md' otherwise. */
+    iconSize?: 'sm' | 'md' | 'lg';
 }
 declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
 export { EmptyState };

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;AAG9B,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;CAClB;AAcD,QAAA,MAAM,UAAU,wFAwEf,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;AAG9B,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,wFAgFf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/composed/empty-state.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import * as c from "react";
+import * as d from "react";
 import { c as s } from "../_chunks/utils.js";
-const h = ({ className: e }) => /* @__PURE__ */ t(
+const y = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11,43 +11,49 @@ const h = ({ className: e }) => /* @__PURE__ */ t(
     "aria-hidden": "true",
     children: /* @__PURE__ */ t("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 = c.forwardRef(
+), g = d.forwardRef(
   ({
     icon: e,
-    title: o,
-    description: d,
-    action: a,
+    title: i,
+    description: a,
+    action: o,
     compact: l = !1,
-    className: i,
-    ...n
-  }, x) => {
-    const r = l ? "h-ico-md w-ico-md" : "h-ico-lg w-ico-lg", f = e != null && !c.isValidElement(e) && (typeof e == "function" || typeof e == "object" && "$$typeof" in e), p = e ? f ? c.createElement(e, {
-      className: s("text-text-placeholder", r)
+    iconSize: n,
+    className: x,
+    ...p
+  }, f) => {
+    const c = {
+      sm: "h-ico-sm w-ico-sm",
+      md: "h-ico-lg w-ico-lg",
+      lg: "h-ico-xl w-ico-xl"
+    }[n ?? (l ? "sm" : "md")], r = e != null && !d.isValidElement(e) && (typeof e == "function" || typeof e == "object" && "$$typeof" in e), h = e ? r ? d.createElement(e, {
+      className: s("text-text-placeholder", c)
     }) : e : /* @__PURE__ */ t(
-      h,
+      y,
       {
-        className: s("text-text-placeholder", r)
+        className: s("text-text-placeholder", c)
       }
     );
     return /* @__PURE__ */ m(
       "div",
       {
-        ref: x,
+        ref: f,
         className: s(
           "flex flex-col items-center justify-center text-center",
           l ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10",
-          i
+          x
         ),
-        ...n,
+        ...p,
         children: [
           /* @__PURE__ */ t(
             "div",
             {
               className: s(
                 "flex items-center justify-center rounded-ds-xl bg-layer-02 animate-float",
-                l ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg"
+                l ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg",
+                !r && e != null && c
               ),
-              children: p
+              children: h
             }
           ),
           /* @__PURE__ */ m("div", { className: "flex max-w-[280px] flex-col gap-ds-02", children: [
@@ -58,27 +64,27 @@ const h = ({ className: e }) => /* @__PURE__ */ t(
                   "text-text-primary",
                   l ? "text-ds-md font-semibold" : "text-ds-base font-semibold"
                 ),
-                children: o
+                children: i
               }
             ),
-            d && /* @__PURE__ */ t(
+            a && /* @__PURE__ */ t(
               "p",
               {
                 className: s(
                   "text-text-placeholder",
                   l ? "text-ds-sm" : "text-ds-md"
                 ),
-                children: d
+                children: a
               }
             )
           ] }),
-          a && /* @__PURE__ */ t("div", { className: "mt-ds-02", children: a })
+          o && /* @__PURE__ */ t("div", { className: "mt-ds-02", children: o })
         ]
       }
     );
   }
 );
-y.displayName = "EmptyState";
+g.displayName = "EmptyState";
 export {
-  y as EmptyState
+  g as EmptyState
 };

package/dist/composed/index.d.ts

@@ -46,5 +46,9 @@ export { ScheduleView } from './schedule-view';
 export type { ScheduleViewProps, ScheduleEvent } from './schedule-view';
 export { ConfirmDialog } from './confirm-dialog';
 export type { ConfirmDialogProps } from './confirm-dialog';
+export { UploadProgress, formatFileSize } from './upload-progress';
+export type { UploadProgressProps, UploadFile } from './upload-progress';
+export { ActivityFeed } from './activity-feed';
+export type { ActivityItem, ActivityFeedProps } from './activity-feed';
 export { getInitials } from './lib/string-utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/composed/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE/F,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACpJ,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE9M,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC7F,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtH,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEvF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"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"}

package/dist/composed/index.js

@@ -3,53 +3,58 @@ import { PageHeader as o } from "./page-header.js";
 import { ContentCard as a, contentCardVariants as i } from "./content-card.js";
 import { StatusBadge as p, statusBadgeVariants as s } from "./status-badge.js";
 import { EmptyState as l } from "./empty-state.js";
-import { AvatarGroup as f } from "./avatar-group.js";
+import { AvatarGroup as x } from "./avatar-group.js";
 import { PriorityIndicator as k } from "./priority-indicator.js";
 import { RichTextEditor as P, RichTextViewer as S } from "./rich-text-editor.js";
-import { C as D, D as T, a as g, b as u, M as b, P as h, T as V, Y as y, u as B } from "../_chunks/use-calendar.js";
+import { C as g, D, a as T, b as u, M as b, P as h, T as y, Y as V, u as B } from "../_chunks/use-calendar.js";
 import { BoardSkeleton as G, CardSkeleton as L, ListSkeleton as M, TableSkeleton as R } from "./loading-skeleton.js";
-import { DashboardSkeleton as I, ProjectListSkeleton as Y, TaskDetailSkeleton as j } from "./page-skeletons.js";
-import { ErrorDisplay as A } from "./error-boundary.js";
-import { GlobalLoading as q } from "./global-loading.js";
-import { CommandPalette as F } from "./command-palette.js";
-import { MemberPicker as K } from "./member-picker.js";
-import { SimpleTooltip as O } from "./simple-tooltip.js";
-import { ScheduleView as U } from "./schedule-view.js";
+import { DashboardSkeleton as w, ProjectListSkeleton as A, TaskDetailSkeleton as F } from "./page-skeletons.js";
+import { ErrorDisplay as Y } from "./error-boundary.js";
+import { GlobalLoading as z } from "./global-loading.js";
+import { CommandPalette as U } from "./command-palette.js";
+import { MemberPicker as J } from "./member-picker.js";
+import { SimpleTooltip as N } from "./simple-tooltip.js";
+import { ScheduleView as Q } from "./schedule-view.js";
 import { ConfirmDialog as X } from "./confirm-dialog.js";
-import { getInitials as _ } from "./lib/string-utils.js";
+import { UploadProgress as _, formatFileSize as $ } from "./upload-progress.js";
+import { ActivityFeed as re } from "./activity-feed.js";
+import { getInitials as te } from "./lib/string-utils.js";
 export {
-  f as AvatarGroup,
+  re as ActivityFeed,
+  x as AvatarGroup,
   G as BoardSkeleton,
-  D as CalendarGrid,
+  g as CalendarGrid,
   L as CardSkeleton,
-  F as CommandPalette,
+  U as CommandPalette,
   X as ConfirmDialog,
   a as ContentCard,
-  I as DashboardSkeleton,
-  T as DatePicker,
-  g as DateRangePicker,
+  w as DashboardSkeleton,
+  D as DatePicker,
+  T as DateRangePicker,
   u as DateTimePicker,
   l as EmptyState,
-  A as ErrorDisplay,
-  q as GlobalLoading,
+  Y as ErrorDisplay,
+  z as GlobalLoading,
   M as ListSkeleton,
-  K as MemberPicker,
+  J as MemberPicker,
   b as MonthPicker,
   o as PageHeader,
   h as Presets,
   k as PriorityIndicator,
-  Y as ProjectListSkeleton,
+  A as ProjectListSkeleton,
   P as RichTextEditor,
   S as RichTextViewer,
-  U as ScheduleView,
-  O as SimpleTooltip,
+  Q as ScheduleView,
+  N as SimpleTooltip,
   p as StatusBadge,
   R as TableSkeleton,
-  j as TaskDetailSkeleton,
-  V as TimePicker,
-  y as YearPicker,
+  F as TaskDetailSkeleton,
+  y as TimePicker,
+  _ as UploadProgress,
+  V as YearPicker,
   i as contentCardVariants,
-  _ as getInitials,
+  $ as formatFileSize,
+  te as getInitials,
   s as statusBadgeVariants,
   B as useCalendar
 };

package/dist/composed/upload-progress.d.ts

@@ -0,0 +1,33 @@
+"use client";
+import * as React from 'react';
+export interface UploadFile {
+    id: string;
+    name: string;
+    /** File size in bytes */
+    size: number;
+    /** 0-100 progress percentage. undefined = indeterminate */
+    progress?: number;
+    /** Upload state */
+    status: 'pending' | 'uploading' | 'processing' | 'complete' | 'error';
+    /** Error message if status is 'error' */
+    error?: string;
+    /** Optional preview URL (for images) */
+    previewUrl?: string;
+}
+export interface UploadProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    files: UploadFile[];
+    /** Called when user cancels/removes a file */
+    onRemove?: (fileId: string) => void;
+    /** Called when user retries a failed upload */
+    onRetry?: (fileId: string) => void;
+    /** Called when user dismisses all terminal files */
+    onDismissAll?: () => void;
+    /** Show compact single-line items vs expanded items */
+    variant?: 'default' | 'compact';
+    /** Whether to show file size */
+    showSize?: boolean;
+}
+declare function formatFileSize(bytes: number): string;
+declare const UploadProgress: React.ForwardRefExoticComponent<UploadProgressProps & React.RefAttributes<HTMLDivElement>>;
+export { UploadProgress, formatFileSize };
+//# sourceMappingURL=upload-progress.d.ts.map

package/dist/composed/upload-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-progress.d.ts","sourceRoot":"","sources":["../../src/composed/upload-progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB;IACnB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAA;IACrE,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO7C;AAgWD,QAAA,MAAM,cAAc,4FA4GnB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}