@devalok/shilp-sutra 0.17.2 → 0.18.1

package/dist/composed/activity-feed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../src/composed/activity-feed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AA2ID,QAAA,MAAM,YAAY,0FA4EjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../src/composed/activity-feed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AA4HD,QAAA,MAAM,YAAY,0FA4EjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/composed/activity-feed.js

@@ -1,120 +1,117 @@
 "use client";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as u from "react";
-import { c as s } from "../_chunks/utils.js";
-import { IconChevronRight as y } from "@tabler/icons-react";
-import { A as b, a as k, b as A } from "../_chunks/avatar.js";
-import { B as v } from "../_chunks/button.js";
-import { Skeleton as f } from "../ui/skeleton.js";
-import { getInitials as D } from "./lib/string-utils.js";
-const S = {
-  default: "bg-text-placeholder",
-  success: "bg-success",
-  warning: "bg-warning",
-  error: "bg-error",
-  info: "bg-interactive"
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import * as g from "react";
+import { cn as t } from "../ui/lib/utils.js";
+import { IconChevronRight as b } from "@tabler/icons-react";
+import { Avatar as k, AvatarImage as y, AvatarFallback as A } from "../ui/avatar.js";
+import { Button as x } from "../ui/button.js";
+import { Skeleton as c } from "../ui/skeleton.js";
+import { getInitials as S } from "./lib/string-utils.js";
+import { formatRelativeTime as C } from "../ui/lib/date-utils.js";
+const j = {
+  default: "bg-surface-fg-subtle",
+  success: "bg-success-9",
+  warning: "bg-warning-9",
+  error: "bg-error-9",
+  info: "bg-info-9"
 };
-function j(e) {
-  const r = typeof e == "string" ? new Date(e) : e, c = (/* @__PURE__ */ new Date()).getTime() - r.getTime(), i = Math.floor(c / 1e3), l = Math.floor(i / 60), a = Math.floor(l / 60), o = Math.floor(a / 24);
-  return i < 60 ? "just now" : l < 60 ? `${l}m ago` : a < 24 ? `${a}h ago` : o < 7 ? `${o}d ago` : r.toLocaleDateString();
+function D({ compact: e }) {
+  return /* @__PURE__ */ a("div", { className: t("flex flex-col", e ? "gap-1" : "gap-3"), children: [0, 1, 2].map((s) => /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03", children: [
+    /* @__PURE__ */ a(c, { className: "h-2 w-2 shrink-0 rounded-ds-full" }),
+    !e && /* @__PURE__ */ a(c, { className: "h-4 w-4 shrink-0 rounded-ds-full" }),
+    /* @__PURE__ */ a(c, { className: t("flex-1", e ? "h-3" : "h-4") }),
+    /* @__PURE__ */ a(c, { className: "h-3 w-12" })
+  ] }, s)) });
 }
-function C({ compact: e }) {
-  return /* @__PURE__ */ t("div", { className: s("flex flex-col", e ? "gap-1" : "gap-3"), children: [0, 1, 2].map((r) => /* @__PURE__ */ n("div", { className: "flex items-center gap-ds-03", children: [
-    /* @__PURE__ */ t(f, { className: "h-2 w-2 shrink-0 rounded-ds-full" }),
-    !e && /* @__PURE__ */ t(f, { className: "h-4 w-4 shrink-0 rounded-ds-full" }),
-    /* @__PURE__ */ t(f, { className: s("flex-1", e ? "h-3" : "h-4") }),
-    /* @__PURE__ */ t(f, { className: "h-3 w-12" })
-  ] }, r)) });
-}
-function M({
+function R({
   item: e,
-  compact: r
+  compact: s
 }) {
-  const [d, c] = u.useState(!1), i = e.color ?? "default", l = () => {
-    e.detail && c((a) => !a);
+  const [n, o] = g.useState(!1), d = e.color ?? "default", i = () => {
+    e.detail && o((l) => !l);
   };
-  return /* @__PURE__ */ n("div", { className: s("relative flex items-start", r ? "gap-ds-02" : "gap-ds-03"), children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ r("div", { className: t("relative flex items-start", s ? "gap-ds-02" : "gap-ds-03"), children: [
+    /* @__PURE__ */ a(
       "div",
       {
-        className: s(
-          "relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface",
-          S[i]
+        className: t(
+          "relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface-1",
+          j[d]
         )
       }
     ),
-    !r && e.actor && /* @__PURE__ */ n(b, { className: "h-5 w-5 shrink-0 text-[9px]", children: [
-      e.actor.image && /* @__PURE__ */ t(k, { src: e.actor.image, alt: e.actor.name }),
-      /* @__PURE__ */ t(A, { className: "text-[9px]", children: D(e.actor.name) })
+    !s && e.actor && /* @__PURE__ */ r(k, { className: "h-5 w-5 shrink-0 text-[9px]", children: [
+      e.actor.image && /* @__PURE__ */ a(y, { src: e.actor.image, alt: e.actor.name }),
+      /* @__PURE__ */ a(A, { className: "text-[9px]", children: S(e.actor.name) })
     ] }),
-    /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-ds-02", children: [
-        /* @__PURE__ */ n("div", { className: s("min-w-0 flex-1 flex items-center gap-ds-01 flex-wrap", r ? "text-ds-xs" : "text-ds-sm"), children: [
-          e.actor && /* @__PURE__ */ n("span", { className: "font-medium text-text-primary", children: [
+    /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-ds-02", children: [
+        /* @__PURE__ */ r("div", { className: t("min-w-0 flex-1 flex items-center gap-ds-01 flex-wrap", s ? "text-ds-xs" : "text-ds-sm"), children: [
+          e.actor && /* @__PURE__ */ r("span", { className: "font-medium text-surface-fg", children: [
             e.actor.name,
             " "
           ] }),
-          e.detail && /* @__PURE__ */ t(y, { className: s("h-3 w-3 shrink-0 text-text-placeholder transition-transform", d && "rotate-90") }),
-          /* @__PURE__ */ t(
+          e.detail && /* @__PURE__ */ a(b, { className: t("h-3 w-3 shrink-0 text-surface-fg-subtle transition-transform", n && "rotate-90") }),
+          /* @__PURE__ */ a(
             "span",
             {
-              className: s(
-                "text-text-secondary",
+              className: t(
+                "text-surface-fg-muted",
                 e.detail && "cursor-pointer hover:underline"
               ),
-              onClick: l,
+              onClick: i,
               role: e.detail ? "button" : void 0,
               tabIndex: e.detail ? 0 : void 0,
-              onKeyDown: e.detail ? (a) => {
-                (a.key === "Enter" || a.key === " ") && (a.preventDefault(), l());
+              onKeyDown: e.detail ? (l) => {
+                (l.key === "Enter" || l.key === " ") && (l.preventDefault(), i());
               } : void 0,
               children: e.action
             }
           )
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ a(
           "time",
           {
-            className: s(
-              "shrink-0 whitespace-nowrap text-text-placeholder",
-              r ? "text-ds-xs" : "text-ds-sm"
+            className: t(
+              "shrink-0 whitespace-nowrap text-surface-fg-subtle",
+              s ? "text-ds-xs" : "text-ds-sm"
             ),
             dateTime: (typeof e.timestamp == "string" ? new Date(e.timestamp) : e.timestamp).toISOString(),
-            children: j(e.timestamp)
+            children: C(e.timestamp)
           }
         )
       ] }),
-      d && e.detail && /* @__PURE__ */ t("div", { className: "mt-ds-02 animate-in fade-in slide-in-from-top-1 text-ds-sm text-text-secondary", children: e.detail })
+      n && e.detail && /* @__PURE__ */ a("div", { className: "mt-ds-02 animate-in fade-in slide-in-from-top-1 text-ds-sm text-surface-fg-muted", children: e.detail })
     ] })
   ] });
 }
-const R = u.forwardRef(
+const z = g.forwardRef(
   ({
     items: e,
-    onLoadMore: r,
-    loading: d = !1,
-    hasMore: c = !1,
-    emptyState: i,
-    compact: l = !1,
-    maxInitialItems: a,
-    className: o,
-    ...h
-  }, m) => {
-    const [p, w] = u.useState(!1);
-    if (d)
-      return /* @__PURE__ */ t("div", { ref: m, className: s("relative", o), ...h, children: /* @__PURE__ */ t(C, { compact: l }) });
+    onLoadMore: s,
+    loading: n = !1,
+    hasMore: o = !1,
+    emptyState: d,
+    compact: i = !1,
+    maxInitialItems: l,
+    className: f,
+    ...m
+  }, h) => {
+    const [p, N] = g.useState(!1);
+    if (n)
+      return /* @__PURE__ */ a("div", { ref: h, className: t("relative", f), ...m, children: /* @__PURE__ */ a(D, { compact: i }) });
     if (e.length === 0)
-      return i ? /* @__PURE__ */ t("div", { ref: m, className: o, ...h, children: i }) : null;
-    const x = a != null && !p && e.length > a, N = x ? e.slice(0, a) : e;
-    return /* @__PURE__ */ n("div", { ref: m, className: s("relative", o), ...h, children: [
-      /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-[3px] top-0 w-px bg-border" }),
-      /* @__PURE__ */ t("div", { className: s("relative flex flex-col", l ? "gap-1" : "gap-3"), children: N.map((g) => /* @__PURE__ */ t(M, { item: g, compact: l }, g.id)) }),
-      x && /* @__PURE__ */ t("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ n(
-        v,
+      return d ? /* @__PURE__ */ a("div", { ref: h, className: f, ...m, children: d }) : null;
+    const u = l != null && !p && e.length > l, w = u ? e.slice(0, l) : e;
+    return /* @__PURE__ */ r("div", { ref: h, className: t("relative", f), ...m, children: [
+      /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-[3px] top-0 w-px bg-surface-border" }),
+      /* @__PURE__ */ a("div", { className: t("relative flex flex-col", i ? "gap-1" : "gap-3"), children: w.map((v) => /* @__PURE__ */ a(R, { item: v, compact: i }, v.id)) }),
+      u && /* @__PURE__ */ a("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ r(
+        x,
         {
           variant: "ghost",
           size: "sm",
-          onClick: () => w(!0),
+          onClick: () => N(!0),
           children: [
             "Show all (",
             e.length,
@@ -122,11 +119,11 @@ const R = u.forwardRef(
           ]
         }
       ) }),
-      c && r && !x && /* @__PURE__ */ t("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ t(v, { variant: "ghost", size: "sm", onClick: r, children: "Load more" }) })
+      o && s && !u && /* @__PURE__ */ a("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ a(x, { variant: "ghost", size: "sm", onClick: s, children: "Load more" }) })
     ] });
   }
 );
-R.displayName = "ActivityFeed";
+z.displayName = "ActivityFeed";
 export {
-  R as ActivityFeed
+  z as ActivityFeed
 };

package/dist/composed/avatar-group.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import * as u from "react";
-import { e as w } from "../_chunks/vendor-utils.js";
-import { c as i } from "../_chunks/utils.js";
-import { A, a as T, b as C } from "../_chunks/avatar.js";
-import { T as I, a as f, b as p, c as h } from "../_chunks/tooltip.js";
+import * as y from "react";
+import { ag as w } from "../_chunks/vendor-utils.js";
+import { cn as o } from "../ui/lib/utils.js";
+import { Avatar as A, AvatarImage as T, AvatarFallback as C } from "../ui/avatar.js";
+import { TooltipProvider as I, Tooltip as f, TooltipTrigger as p, TooltipContent as h } from "../ui/tooltip.js";
 import { getInitials as j } from "./lib/string-utils.js";
-const v = w(
-  "shrink-0 overflow-hidden rounded-ds-full border-2 border-layer-01",
+const g = w(
+  "shrink-0 overflow-hidden rounded-ds-full border-2 border-surface-1",
   {
     variants: {
       size: {
@@ -20,29 +20,29 @@ const v = w(
       size: "md"
     }
   }
-), z = u.forwardRef(
-  ({ users: r, max: l = 4, size: d, showTooltip: b = !0, className: x, ...g }, y) => {
-    const o = r.slice(0, l), m = r.length - l, n = {
+), z = y.forwardRef(
+  ({ users: t, max: d = 4, size: l, showTooltip: v = !0, className: x, ...b }, u) => {
+    const i = t.slice(0, d), n = t.length - d, c = {
       sm: "-ml-ds-02b",
       md: "-ml-ds-03",
       lg: "-ml-ds-04"
-    }[d ?? "md"];
+    }[l ?? "md"];
     return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ s(
       "div",
       {
-        ref: y,
-        className: i("flex items-center", x),
-        ...g,
+        ref: u,
+        className: o("flex items-center", x),
+        ...b,
         children: [
-          o.map((a, t) => {
-            const N = j(a.name), c = /* @__PURE__ */ s(
+          i.map((a, r) => {
+            const N = j(a.name), m = /* @__PURE__ */ s(
               A,
               {
-                className: i(
-                  v({ size: d }),
-                  t > 0 && n
+                className: o(
+                  g({ size: l }),
+                  r > 0 && c
                 ),
-                style: { zIndex: o.length - t },
+                style: { zIndex: i.length - r },
                 children: [
                   a.image && /* @__PURE__ */ e(T, { src: a.image, alt: a.name }),
                   /* @__PURE__ */ e(
@@ -54,42 +54,42 @@ const v = w(
                   )
                 ]
               },
-              t
+              a.name
             );
-            return b ? /* @__PURE__ */ s(f, { children: [
-              /* @__PURE__ */ e(p, { asChild: !0, children: c }),
+            return v ? /* @__PURE__ */ s(f, { children: [
+              /* @__PURE__ */ e(p, { asChild: !0, children: m }),
               /* @__PURE__ */ e(
                 h,
                 {
-                  className: "border-border bg-layer-01 text-text-primary",
+                  className: "border-surface-border-strong bg-surface-1 text-surface-fg",
                   sideOffset: 6,
                   children: /* @__PURE__ */ e("p", { className: "text-ds-sm", children: a.name })
                 }
               )
-            ] }, t) : c;
+            ] }, a.name) : m;
           }),
-          m > 0 && /* @__PURE__ */ s(f, { children: [
+          n > 0 && /* @__PURE__ */ s(f, { children: [
             /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ s(
               "div",
               {
-                className: i(
-                  v({ size: d }),
-                  n,
-                  "flex cursor-default items-center justify-center bg-interactive-subtle font-body font-semibold text-interactive"
+                className: o(
+                  g({ size: l }),
+                  c,
+                  "flex cursor-default items-center justify-center bg-accent-2 font-body font-semibold text-accent-11"
                 ),
                 style: { zIndex: 0 },
                 children: [
                   "+",
-                  m
+                  n
                 ]
               }
             ) }),
             /* @__PURE__ */ e(
               h,
               {
-                className: "border-border bg-layer-01 text-text-primary",
+                className: "border-surface-border-strong bg-surface-1 text-surface-fg",
                 sideOffset: 6,
-                children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-01", children: r.slice(l).map((a, t) => /* @__PURE__ */ e("p", { className: "text-ds-sm", children: a.name }, t)) })
+                children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-01", children: t.slice(d).map((a, r) => /* @__PURE__ */ e("p", { className: "text-ds-sm", children: a.name }, r)) })
               }
             )
           ] })

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

@@ -18,7 +18,7 @@ export interface CommandGroup {
     label: string;
     items: CommandItem[];
 }
-export interface CommandPaletteProps {
+export interface CommandPaletteProps extends React.ComponentPropsWithoutRef<'div'> {
     groups?: CommandGroup[];
     placeholder?: string;
     onSearch?: (query: string) => void;

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,4FAoTnB,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;AAmB9B,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,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAChF,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,4FAqVnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}