@devalok/shilp-sutra 0.14.0 → 0.16.0

package/dist/_chunks/sidebar.js

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

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

@@ -0,0 +1,26 @@
+"use client";
+import * as React from 'react';
+export interface ActivityItem {
+    id: string;
+    actor?: {
+        name: string;
+        image?: string;
+    };
+    action: string | React.ReactNode;
+    timestamp: Date | string;
+    icon?: React.ReactNode;
+    color?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    detail?: React.ReactNode;
+}
+export interface ActivityFeedProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: ActivityItem[];
+    onLoadMore?: () => void;
+    loading?: boolean;
+    hasMore?: boolean;
+    emptyState?: React.ReactNode;
+    compact?: boolean;
+    maxInitialItems?: number;
+}
+declare const ActivityFeed: React.ForwardRefExoticComponent<ActivityFeedProps & React.RefAttributes<HTMLDivElement>>;
+export { ActivityFeed };
+//# sourceMappingURL=activity-feed.d.ts.map

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

@@ -0,0 +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"}

package/dist/composed/activity-feed.js

@@ -0,0 +1,132 @@
+"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"
+};
+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 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({
+  item: e,
+  compact: r
+}) {
+  const [d, c] = u.useState(!1), i = e.color ?? "default", l = () => {
+    e.detail && c((a) => !a);
+  };
+  return /* @__PURE__ */ n("div", { className: s("relative flex items-start", r ? "gap-ds-02" : "gap-ds-03"), children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: s(
+          "relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface",
+          S[i]
+        )
+      }
+    ),
+    !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) })
+    ] }),
+    /* @__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: [
+            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(
+            "span",
+            {
+              className: s(
+                "text-text-secondary",
+                e.detail && "cursor-pointer hover:underline"
+              ),
+              onClick: l,
+              role: e.detail ? "button" : void 0,
+              tabIndex: e.detail ? 0 : void 0,
+              onKeyDown: e.detail ? (a) => {
+                (a.key === "Enter" || a.key === " ") && (a.preventDefault(), l());
+              } : void 0,
+              children: e.action
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(
+          "time",
+          {
+            className: s(
+              "shrink-0 whitespace-nowrap text-text-placeholder",
+              r ? "text-ds-xs" : "text-ds-sm"
+            ),
+            dateTime: (typeof e.timestamp == "string" ? new Date(e.timestamp) : e.timestamp).toISOString(),
+            children: j(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 })
+    ] })
+  ] });
+}
+const R = u.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 }) });
+    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,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => w(!0),
+          children: [
+            "Show all (",
+            e.length,
+            ")"
+          ]
+        }
+      ) }),
+      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" }) })
+    ] });
+  }
+);
+R.displayName = "ActivityFeed";
+export {
+  R as ActivityFeed
+};

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

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