@devalok/shilp-sutra 0.30.0 → 0.32.0

package/dist/_chunks/stat-row.js

@@ -1,23 +1,23 @@
 "use client";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import * as a from "react";
 import L from "react-markdown";
-import U from "remark-gfm";
+import E from "remark-gfm";
 import { cn as p } from "../ui/lib/utils.js";
-import { springs as z, tweens as P } from "../ui/lib/motion.js";
+import { springs as U, tweens as P } from "../ui/lib/motion.js";
 import { u as y } from "./motion-provider.js";
 import { Table as j, TableCaption as W, TableHeader as X, TableRow as _, TableHead as $, TableBody as H, TableCell as O } from "../ui/table.js";
-import { B as M } from "./badge-group.js";
+import { B as R } from "./badge-group.js";
 import { m as x } from "./framer.js";
-import { Button as S } from "../ui/button.js";
-import { Collapsible as V, CollapsibleTrigger as F, CollapsibleContent as G } from "../ui/collapsible.js";
-import { Alert as w } from "../ui/alert.js";
-import { IconCircle as K, IconCircleX as q, IconCircleCheck as J } from "@tabler/icons-react";
+import { Button as B } from "../ui/button.js";
+import { Collapsible as V, CollapsibleTrigger as K, CollapsibleContent as F } from "../ui/collapsible.js";
+import { Alert as S } from "../ui/alert.js";
+import { IconCircle as G, IconCircleX as q, IconCircleCheck as J } from "@tabler/icons-react";
 import { Icon as C } from "../ui/icon.js";
 import { Skeleton as Q } from "../ui/skeleton.js";
-import { Separator as R } from "../ui/separator.js";
-import { StatCard as D } from "../ui/stat-card.js";
-const ve = a.memo(function({
+import { Separator as D } from "../ui/separator.js";
+import { StatCard as M } from "../ui/stat-card.js";
+const Y = a.memo(function({
   data: r,
   confidence: t
 }) {
@@ -33,39 +33,40 @@ const ve = a.memo(function({
         "prose-strong:text-surface-fg",
         t === "low" && "border-l-2 border-warning-7 pl-3"
       ),
-      children: /* @__PURE__ */ e(L, { remarkPlugins: [U], children: r.content })
+      children: /* @__PURE__ */ e(L, { remarkPlugins: [E], children: r.content })
     }
   );
 });
-function Y(s, r) {
+Y.displayName = "TextBlock";
+function Z(s, r) {
   if (r.variant === "badge") {
     if (s && typeof s == "object" && "label" in s) {
       const t = s;
-      return /* @__PURE__ */ e(M, { variant: "subtle", size: "sm", color: t.color, children: t.label });
+      return /* @__PURE__ */ e(R, { variant: "subtle", size: "sm", color: t.color, children: t.label });
     }
-    return /* @__PURE__ */ e(M, { variant: "subtle", size: "sm", children: String(s ?? "") });
+    return /* @__PURE__ */ e(R, { variant: "subtle", size: "sm", children: String(s ?? "") });
   }
   return String(s ?? "");
 }
-function Z(s, r, t) {
-  return !r || !t ? s : [...s].sort((c, n) => {
-    const l = c[r], i = n[r], m = String(l ?? ""), v = String(i ?? ""), f = Number(l), g = Number(i);
+function A(s, r, t) {
+  return !r || !t ? s : [...s].sort((l, n) => {
+    const d = l[r], o = n[r], u = String(d ?? ""), k = String(o ?? ""), f = Number(d), g = Number(o);
     if (!Number.isNaN(f) && !Number.isNaN(g))
       return t === "asc" ? f - g : g - f;
-    const o = m.localeCompare(v);
-    return t === "asc" ? o : -o;
+    const i = u.localeCompare(k);
+    return t === "asc" ? i : -i;
   });
 }
-const ke = a.memo(function({
+const ee = a.memo(function({
   data: r,
   confidence: t
 }) {
-  const { reducedMotion: c } = y(), [n, l] = a.useState(null), [i, m] = a.useState(null), v = a.useCallback(
-    (o) => {
-      r.sortable && (n !== o ? (l(o), m("asc")) : i === "asc" ? m("desc") : i === "desc" && (l(null), m(null)));
+  const { reducedMotion: l } = y(), [n, d] = a.useState(null), [o, u] = a.useState(null), k = a.useCallback(
+    (i) => {
+      r.sortable && (n !== i ? (d(i), u("asc")) : o === "asc" ? u("desc") : o === "desc" && (d(null), u(null)));
     },
-    [r.sortable, n, i]
-  ), f = r.columns ?? [], g = Z(r.rows ?? [], n, i);
+    [r.sortable, n, o]
+  ), f = r.columns ?? [], g = A(r.rows ?? [], n, o);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -73,36 +74,41 @@ const ke = a.memo(function({
         "overflow-x-auto",
         t === "low" && "border-l-2 border-warning-7 pl-3"
       ),
-      children: /* @__PURE__ */ d(j, { children: [
+      children: /* @__PURE__ */ m(j, { children: [
         r.caption && /* @__PURE__ */ e(W, { children: r.caption }),
-        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(_, { children: f.map((o) => {
-          const h = n === o.key, k = h ? i === "asc" ? "ascending" : "descending" : void 0;
+        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(_, { children: f.map((i) => {
+          const h = n === i.key, v = r.sortable ? h ? o === "asc" ? "ascending" : "descending" : "none" : void 0;
           return /* @__PURE__ */ e(
             $,
             {
+              role: "columnheader",
               className: p(
-                o.variant === "number" && "text-right",
+                i.variant === "number" && "text-right",
                 r.sortable && "cursor-pointer select-none"
               ),
-              onClick: r.sortable ? () => v(o.key) : void 0,
-              "aria-sort": k,
-              children: /* @__PURE__ */ d("span", { className: "inline-flex items-center gap-1", children: [
-                o.label,
-                h && i === "asc" && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "▲" }),
-                h && i === "desc" && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "▼" })
+              tabIndex: r.sortable ? 0 : void 0,
+              onClick: r.sortable ? () => k(i.key) : void 0,
+              onKeyDown: r.sortable ? (c) => {
+                (c.key === "Enter" || c.key === " ") && (c.preventDefault(), k(i.key));
+              } : void 0,
+              "aria-sort": v,
+              children: /* @__PURE__ */ m("span", { className: "inline-flex items-center gap-1", children: [
+                i.label,
+                h && o === "asc" && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "▲" }),
+                h && o === "desc" && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "▼" })
               ] })
             },
-            o.key
+            i.key
           );
         }) }) }),
-        /* @__PURE__ */ e(H, { children: g.map((o, h) => {
-          const k = typeof o.id == "string" || typeof o.id == "number" ? String(o.id) : `row-${h}`, u = c ? "tr" : x.tr, N = c ? {} : {
+        /* @__PURE__ */ e(H, { children: g.map((i, h) => {
+          const v = typeof i.id == "string" || typeof i.id == "number" ? String(i.id) : `row-${h}`, c = l ? "tr" : x.tr, N = l ? {} : {
             initial: { opacity: 0, y: 6 },
             animate: { opacity: 1, y: 0 },
-            transition: { ...z.responsive, delay: h * 0.03 }
+            transition: { ...U.responsive, delay: h * 0.03 }
           };
           return /* @__PURE__ */ e(
-            u,
+            c,
             {
               className: "hover:bg-surface-raised-hover transition-colors",
               ...N,
@@ -113,28 +119,30 @@ const ke = a.memo(function({
                     "text-ds-sm py-ds-02b px-ds-04",
                     b.variant === "number" && "text-right tabular-nums font-medium"
                   ),
-                  children: Y(o[b.key], b)
+                  children: Z(i[b.key], b)
                 },
                 b.key
               ))
             },
-            k
+            v
           );
         }) })
       ] })
     }
   );
-}), Ne = a.memo(function({
+});
+ee.displayName = "BlockTable";
+const re = a.memo(function({
   data: r,
   confidence: t,
-  onAction: c
+  onAction: l
 }) {
   const n = a.useCallback(() => {
-    c?.(r.actionId, "confirm");
-  }, [r.actionId, c]), l = a.useCallback(() => {
-    c?.(r.actionId, "cancel");
-  }, [r.actionId, c]);
-  return /* @__PURE__ */ d(
+    l?.(r.actionId, "confirm");
+  }, [r.actionId, l]), d = a.useCallback(() => {
+    l?.(r.actionId, "cancel");
+  }, [r.actionId, l]);
+  return /* @__PURE__ */ m(
     "div",
     {
       className: p(
@@ -142,9 +150,9 @@ const ke = a.memo(function({
       ),
       children: [
         r.description && /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted mb-3", children: r.description }),
-        /* @__PURE__ */ d("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ m("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e(
-            S,
+            B,
             {
               variant: "solid",
               color: r.destructive ? "error" : void 0,
@@ -152,10 +160,10 @@ const ke = a.memo(function({
               children: r.label
             }
           ),
-          /* @__PURE__ */ e(S, { variant: "ghost", onClick: l, children: "Cancel" })
+          /* @__PURE__ */ e(B, { variant: "ghost", onClick: d, children: "Cancel" })
         ] }),
-        r.rationale && /* @__PURE__ */ d(V, { className: "mt-3", children: [
-          /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e(
+        r.rationale && /* @__PURE__ */ m(V, { className: "mt-3", children: [
+          /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(
             "button",
             {
               type: "button",
@@ -163,40 +171,42 @@ const ke = a.memo(function({
               children: "Why this action?"
             }
           ) }),
-          /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-ds-lg", children: r.rationale }) })
+          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-ds-lg", children: r.rationale }) })
         ] })
       ]
     }
   );
-}), A = 5e3, ye = a.memo(function({
+});
+re.displayName = "ConfirmBlock";
+const ne = 5e3, te = a.memo(function({
   data: r,
   blockId: t,
-  confidence: c,
+  confidence: l,
   onAction: n
 }) {
-  const { reducedMotion: l } = y(), i = l, m = r.undoTimeout ?? A, [v, f] = a.useState(m), [g, o] = a.useState(!!r.undoable);
+  const { reducedMotion: d } = y(), o = d, u = r.undoTimeout ?? ne, [k, f] = a.useState(u), [g, i] = a.useState(!!r.undoable);
   a.useEffect(() => {
     if (!r.undoable) return;
     const T = setInterval(() => {
-      f((E) => {
-        const I = E - 100;
-        return I <= 0 ? (clearInterval(T), o(!1), 0) : I;
+      f((z) => {
+        const I = z - 100;
+        return I <= 0 ? (clearInterval(T), i(!1), 0) : I;
       });
     }, 100);
     return () => clearInterval(T);
-  }, [r.undoable, m]);
+  }, [r.undoable, u]);
   const h = a.useCallback(() => {
     n?.(t || "unknown", "undo");
-  }, [t, n]), k = Math.ceil(v / 1e3), u = 20, N = 2, b = (u - N) / 2, B = 2 * Math.PI * b;
-  return /* @__PURE__ */ d(
+  }, [t, n]), v = Math.ceil(k / 1e3), c = 20, N = 2, b = (c - N) / 2, w = 2 * Math.PI * b;
+  return /* @__PURE__ */ m(
     "div",
     {
       className: p(
-        c === "low" && "border-l-2 border-warning-7 pl-3"
+        l === "low" && "border-l-2 border-warning-7 pl-3"
       ),
       children: [
         /* @__PURE__ */ e(
-          w,
+          S,
           {
             color: "success",
             variant: "subtle",
@@ -205,27 +215,27 @@ const ke = a.memo(function({
           }
         ),
         g && r.undoable && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center gap-2", children: /* @__PURE__ */ e(
-          S,
+          B,
           {
             variant: "ghost",
             size: "sm",
             onClick: h,
-            "aria-label": `Undo action, ${k} seconds remaining`,
-            children: /* @__PURE__ */ d("span", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ d(
+            "aria-label": `Undo action, ${v} seconds remaining`,
+            children: /* @__PURE__ */ m("span", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ m(
                 "svg",
                 {
-                  width: u,
-                  height: u,
-                  viewBox: `0 0 ${u} ${u}`,
+                  width: c,
+                  height: c,
+                  viewBox: `0 0 ${c} ${c}`,
                   className: "shrink-0 -rotate-90",
                   "aria-hidden": "true",
                   children: [
                     /* @__PURE__ */ e(
                       "circle",
                       {
-                        cx: u / 2,
-                        cy: u / 2,
+                        cx: c / 2,
+                        cy: c / 2,
                         r: b,
                         fill: "none",
                         stroke: "currentColor",
@@ -236,19 +246,19 @@ const ke = a.memo(function({
                     /* @__PURE__ */ e(
                       x.circle,
                       {
-                        cx: u / 2,
-                        cy: u / 2,
+                        cx: c / 2,
+                        cy: c / 2,
                         r: b,
                         fill: "none",
                         stroke: "currentColor",
                         strokeWidth: N,
-                        strokeDasharray: B,
-                        initial: i ? void 0 : { strokeDashoffset: 0 },
+                        strokeDasharray: w,
+                        initial: o ? void 0 : { strokeDashoffset: 0 },
                         animate: {
-                          strokeDashoffset: B
+                          strokeDashoffset: w
                         },
-                        transition: i ? { duration: 0 } : {
-                          duration: m / 1e3,
+                        transition: o ? { duration: 0 } : {
+                          duration: u / 1e3,
                           ease: "linear"
                         }
                       }
@@ -263,28 +273,33 @@ const ke = a.memo(function({
       ]
     }
   );
-}), Ce = a.memo(function({
+});
+te.displayName = "SuccessBlock";
+const se = a.memo(function({
   data: r,
   confidence: t
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: p(
         t === "low" && "border-l-2 border-warning-7 pl-3"
       ),
       children: [
-        /* @__PURE__ */ e(w, { color: "error", variant: "subtle", title: r.title, children: /* @__PURE__ */ e("div", { className: "prose prose-sm", children: /* @__PURE__ */ e(L, { remarkPlugins: [U], children: r.message }) }) }),
+        /* @__PURE__ */ e(S, { color: "error", variant: "subtle", title: r.title, children: /* @__PURE__ */ e("div", { className: "prose prose-sm", children: /* @__PURE__ */ e(L, { remarkPlugins: [E], children: r.message }) }) }),
         r.suggestion && /* @__PURE__ */ e("p", { className: "mt-2 text-ds-sm text-surface-fg-muted", children: r.suggestion })
       ]
     }
   );
-}), Se = a.memo(function({
+});
+se.displayName = "ErrorBlock";
+const oe = a.memo(function({
   data: r
 }) {
-  return /* @__PURE__ */ e(w, { color: "info", variant: "subtle", children: r.message });
+  return /* @__PURE__ */ e(S, { color: "info", variant: "subtle", role: "status", children: r.message });
 });
-function ee() {
+oe.displayName = "InfoBlock";
+function ie() {
   return /* @__PURE__ */ e(
     x.span,
     {
@@ -296,25 +311,25 @@ function ee() {
     }
   );
 }
-function re({ status: s }) {
+function ae({ status: s }) {
   switch (s) {
     case "done":
       return /* @__PURE__ */ e("span", { "data-testid": "step-icon-done", children: /* @__PURE__ */ e(C, { icon: J, size: "sm", className: "text-success-11" }) });
     case "active":
-      return /* @__PURE__ */ e(ee, {});
+      return /* @__PURE__ */ e(ie, {});
     case "error":
       return /* @__PURE__ */ e("span", { "data-testid": "step-icon-error", children: /* @__PURE__ */ e(C, { icon: q, size: "sm", className: "text-error-11" }) });
     default:
-      return /* @__PURE__ */ e("span", { "data-testid": "step-icon-pending", children: /* @__PURE__ */ e(C, { icon: K, size: "sm", className: "text-surface-fg-subtle opacity-50" }) });
+      return /* @__PURE__ */ e("span", { "data-testid": "step-icon-pending", children: /* @__PURE__ */ e(C, { icon: G, size: "sm", className: "text-surface-fg-subtle opacity-50" }) });
   }
 }
-const we = a.memo(function({
+const le = a.memo(function({
   data: r
 }) {
-  const { reducedMotion: t } = y(), c = t;
+  const { reducedMotion: t } = y(), l = t;
   if (r.lines != null) {
     const n = Math.max(1, r.lines);
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ m(
       "div",
       {
         role: "status",
@@ -322,23 +337,23 @@ const we = a.memo(function({
         "aria-label": "Loading",
         className: "flex flex-col gap-2",
         children: [
-          Array.from({ length: n }).map((l, i) => /* @__PURE__ */ e(
+          Array.from({ length: n }).map((d, o) => /* @__PURE__ */ e(
             Q,
             {
               animation: "shimmer",
               className: p(
                 "h-4",
-                i === n - 1 ? "w-3/5" : "w-full"
+                o === n - 1 ? "w-3/5" : "w-full"
               )
             },
-            i
+            o
           )),
           /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading" })
         ]
       }
     );
   }
-  return r.steps ? /* @__PURE__ */ d(
+  return r.steps ? /* @__PURE__ */ m(
     "div",
     {
       role: "status",
@@ -346,15 +361,15 @@ const we = a.memo(function({
       "aria-label": "Processing",
       className: "flex flex-col gap-2",
       children: [
-        r.steps.map((n, l) => /* @__PURE__ */ d(
+        r.steps.map((n, d) => /* @__PURE__ */ m(
           x.div,
           {
             className: "flex items-center gap-2",
-            initial: c ? void 0 : { opacity: 0, x: -8 },
+            initial: l ? void 0 : { opacity: 0, x: -8 },
             animate: { opacity: 1, x: 0 },
-            transition: c ? { duration: 0 } : { duration: 0.2, delay: l * 0.06 },
+            transition: l ? { duration: 0 } : { duration: 0.2, delay: d * 0.06 },
             children: [
-              /* @__PURE__ */ e(re, { status: n.status }),
+              /* @__PURE__ */ e(ae, { status: n.status }),
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -373,33 +388,37 @@ const we = a.memo(function({
       ]
     }
   ) : /* @__PURE__ */ e("div", { role: "status", "aria-busy": "true", "aria-label": "Loading", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading" }) });
-}), Be = a.memo(function(r) {
+});
+le.displayName = "LoadingBlock";
+const ce = a.memo(function(r) {
   const { reducedMotion: t } = y();
-  return t ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(
+  return t ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(
     x.div,
     {
       initial: { scaleX: 0 },
       animate: { scaleX: 1 },
       style: { originX: 0.5 },
       transition: P.elegant,
-      children: /* @__PURE__ */ e(R, {})
+      children: /* @__PURE__ */ e(D, {})
     }
   );
-}), Te = a.memo(function({
+});
+ce.displayName = "DividerBlock";
+const de = a.memo(function({
   data: r
 }) {
-  const { reducedMotion: t } = y(), c = r.stats ?? [];
-  return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-ds-05", children: c.map((n, l) => {
-    const i = n.change ? {
+  const { reducedMotion: t } = y(), l = r.stats ?? [];
+  return l.length === 0 ? null : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-ds-05", children: l.map((n, d) => {
+    const o = n.change ? {
       value: n.change.value,
       direction: n.change.direction
     } : void 0;
     return t ? /* @__PURE__ */ e("div", { className: "flex-1 min-w-[140px]", children: /* @__PURE__ */ e(
-      D,
+      M,
       {
         label: n.label,
         value: n.value,
-        delta: i
+        delta: o
       }
     ) }, n.label) : /* @__PURE__ */ e(
       x.div,
@@ -407,13 +426,13 @@ const we = a.memo(function({
         className: "flex-1 min-w-[140px]",
         initial: { opacity: 0, y: 8 },
         animate: { opacity: 1, y: 0 },
-        transition: { ...z.responsive, delay: l * 0.08 },
+        transition: { ...U.responsive, delay: d * 0.08 },
         children: /* @__PURE__ */ e(
-          D,
+          M,
           {
             label: n.label,
             value: n.value,
-            delta: i
+            delta: o
           }
         )
       },
@@ -421,14 +440,15 @@ const we = a.memo(function({
     );
   }) });
 });
+de.displayName = "StatRowBlock";
 export {
-  ke as B,
-  Ne as C,
-  Be as D,
-  Ce as E,
-  Se as I,
-  we as L,
-  Te as S,
-  ve as T,
-  ye as a
+  ee as B,
+  re as C,
+  ce as D,
+  se as E,
+  oe as I,
+  le as L,
+  de as S,
+  Y as T,
+  te as a
 };