@devalok/shilp-sutra 0.21.0 → 0.22.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;AAW9B,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,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;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;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAiBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,CAAC,EAAE,WAAW,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,EAAE,CA6C5C;AA8ID,QAAA,MAAM,YAAY,0FAiGjB,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;AAW9B,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,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;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;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAiBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,CAAC,EAAE,WAAW,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,EAAE,CA6C5C;AA8ID,QAAA,MAAM,YAAY,0FAqGjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/composed/activity-feed.js

@@ -1,87 +1,87 @@
 "use client";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import * as N from "react";
-import { cn as r } from "../ui/lib/utils.js";
-import { IconChevronRight as S } from "@tabler/icons-react";
-import { Avatar as O, AvatarImage as C, AvatarFallback as F } from "../ui/avatar.js";
-import { Button as D } from "../ui/button.js";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import * as k from "react";
+import { cn as i } from "../ui/lib/utils.js";
+import { IconChevronRight as F } from "@tabler/icons-react";
+import { Avatar as W, AvatarImage as j, AvatarFallback as E } from "../ui/avatar.js";
+import { Button as S } from "../ui/button.js";
 import { Skeleton as v } from "../ui/skeleton.js";
-import { getInitials as W } from "./lib/string-utils.js";
-import { formatRelativeTime as j } from "../ui/lib/date-utils.js";
-import { tweens as E } from "../ui/lib/motion.js";
-import { m as R } from "../_chunks/framer.js";
-const L = {
+import { getInitials as R } from "./lib/string-utils.js";
+import { formatRelativeTime as L } from "../ui/lib/date-utils.js";
+import { tweens as D } from "../ui/lib/motion.js";
+import { m as T } from "../_chunks/framer.js";
+const z = {
   default: "bg-surface-fg-subtle",
   success: "bg-success-9",
   warning: "bg-warning-9",
   error: "bg-error-9",
   info: "bg-info-9"
-}, z = {
+}, B = {
   today: "Today",
   yesterday: "Yesterday",
   thisWeek: "This Week",
   older: "Older"
 };
-function B(e, s) {
-  const o = { ...z, ...s }, d = /* @__PURE__ */ new Date(), c = new Date(d.getFullYear(), d.getMonth(), d.getDate()), n = new Date(c.getTime() - 24 * 60 * 60 * 1e3), l = d.getDay(), b = l === 0 ? 6 : l - 1, y = new Date(
-    c.getTime() - b * 24 * 60 * 60 * 1e3
-  ), f = [], m = [], u = [], p = [];
-  for (const i of e) {
-    const x = (typeof i.timestamp == "string" ? new Date(i.timestamp) : i.timestamp).getTime();
-    x >= c.getTime() ? f.push(i) : x >= n.getTime() ? m.push(i) : x >= y.getTime() ? u.push(i) : p.push(i);
+function G(e, a) {
+  const d = { ...B, ...a }, o = /* @__PURE__ */ new Date(), c = new Date(o.getFullYear(), o.getMonth(), o.getDate()), n = new Date(c.getTime() - 24 * 60 * 60 * 1e3), r = o.getDay(), y = r === 0 ? 6 : r - 1, b = new Date(
+    c.getTime() - y * 24 * 60 * 60 * 1e3
+  ), f = [], m = [], u = [], g = [];
+  for (const l of e) {
+    const x = (typeof l.timestamp == "string" ? new Date(l.timestamp) : l.timestamp).getTime();
+    x >= c.getTime() ? f.push(l) : x >= n.getTime() ? m.push(l) : x >= b.getTime() ? u.push(l) : g.push(l);
   }
   const h = [];
-  return f.length > 0 && h.push({ label: o.today, items: f }), m.length > 0 && h.push({ label: o.yesterday, items: m }), u.length > 0 && h.push({ label: o.thisWeek, items: u }), p.length > 0 && h.push({ label: o.older, items: p }), h;
+  return f.length > 0 && h.push({ label: d.today, items: f }), m.length > 0 && h.push({ label: d.yesterday, items: m }), u.length > 0 && h.push({ label: d.thisWeek, items: u }), g.length > 0 && h.push({ label: d.older, items: g }), h;
 }
-function G({ compact: e }) {
-  return /* @__PURE__ */ t("div", { className: r("flex flex-col", e ? "gap-1" : "gap-3"), children: [0, 1, 2].map((s) => /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
+function I({ compact: e }) {
+  return /* @__PURE__ */ t("div", { className: i("flex flex-col", e ? "gap-1" : "gap-3"), children: [0, 1, 2].map((a) => /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
     /* @__PURE__ */ t(v, { className: "h-2 w-2 shrink-0 rounded-ds-full" }),
     !e && /* @__PURE__ */ t(v, { className: "h-4 w-4 shrink-0 rounded-ds-full" }),
-    /* @__PURE__ */ t(v, { className: r("flex-1", e ? "h-3" : "h-4") }),
+    /* @__PURE__ */ t(v, { className: i("flex-1", e ? "h-3" : "h-4") }),
     /* @__PURE__ */ t(v, { className: "h-3 w-12" })
-  ] }, s)) });
+  ] }, a)) });
 }
-function T({
+function O({
   item: e,
-  compact: s
+  compact: a
 }) {
-  const [o, d] = N.useState(!1), c = e.color ?? "default", n = () => {
-    e.detail && d((l) => !l);
+  const [d, o] = k.useState(!1), c = e.color ?? "default", n = () => {
+    e.detail && o((r) => !r);
   };
-  return /* @__PURE__ */ a("div", { className: r("relative flex items-start", s ? "gap-ds-02" : "gap-ds-03"), children: [
+  return /* @__PURE__ */ s("div", { className: i("relative flex items-start", a ? "gap-ds-02" : "gap-ds-03"), children: [
     /* @__PURE__ */ t(
       "div",
       {
-        className: r(
+        className: i(
           "relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface-1",
-          L[c]
+          z[c]
         )
       }
     ),
-    !s && e.actor && /* @__PURE__ */ a(O, { className: "h-5 w-5 shrink-0 text-[9px]", children: [
-      e.actor.image && /* @__PURE__ */ t(C, { src: e.actor.image, alt: e.actor.name }),
-      /* @__PURE__ */ t(F, { className: "text-[9px]", children: W(e.actor.name) })
+    !a && e.actor && /* @__PURE__ */ s(W, { className: "h-5 w-5 shrink-0 text-[9px]", children: [
+      e.actor.image && /* @__PURE__ */ t(j, { src: e.actor.image, alt: e.actor.name }),
+      /* @__PURE__ */ t(E, { className: "text-[9px]", children: R(e.actor.name) })
     ] }),
-    /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-ds-02", children: [
-        /* @__PURE__ */ a("div", { className: r("min-w-0 flex-1 flex items-center gap-ds-01 flex-wrap", s ? "text-ds-xs" : "text-ds-sm"), children: [
-          e.actor && /* @__PURE__ */ a("span", { className: "font-medium text-surface-fg", children: [
+    /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-ds-02", children: [
+        /* @__PURE__ */ s("div", { className: i("min-w-0 flex-1 flex items-center gap-ds-01 flex-wrap", a ? "text-ds-xs" : "text-ds-sm"), children: [
+          e.actor && /* @__PURE__ */ s("span", { className: "font-medium text-surface-fg", children: [
             e.actor.name,
             " "
           ] }),
-          e.detail && /* @__PURE__ */ t(S, { className: r("h-3 w-3 shrink-0 text-surface-fg-subtle transition-transform", o && "rotate-90") }),
+          e.detail && /* @__PURE__ */ t(F, { className: i("h-3 w-3 shrink-0 text-surface-fg-subtle transition-transform duration-fast-02 ease-productive-standard", d && "rotate-90") }),
           /* @__PURE__ */ t(
             "span",
             {
-              className: r(
+              className: i(
                 "text-surface-fg-muted",
-                e.detail && "cursor-pointer hover:underline"
+                e.detail && "cursor-pointer hover:underline hover:bg-surface-2 rounded-ds-md"
               ),
               onClick: n,
               role: e.detail ? "button" : void 0,
               tabIndex: e.detail ? 0 : void 0,
-              onKeyDown: e.detail ? (l) => {
-                (l.key === "Enter" || l.key === " ") && (l.preventDefault(), n());
+              onKeyDown: e.detail ? (r) => {
+                (r.key === "Enter" || r.key === " ") && (r.preventDefault(), n());
               } : void 0,
               children: e.action
             }
@@ -90,32 +90,32 @@ function T({
         /* @__PURE__ */ t(
           "time",
           {
-            className: r(
+            className: i(
               "shrink-0 whitespace-nowrap text-surface-fg-subtle",
-              s ? "text-ds-xs" : "text-ds-sm"
+              a ? "text-ds-xs" : "text-ds-sm"
             ),
             dateTime: (typeof e.timestamp == "string" ? new Date(e.timestamp) : e.timestamp).toISOString(),
-            children: j(e.timestamp)
+            children: L(e.timestamp)
           }
         )
       ] }),
-      o && e.detail && /* @__PURE__ */ t("div", { className: "mt-ds-02 animate-in fade-in slide-in-from-top-1 text-ds-sm text-surface-fg-muted", children: e.detail })
+      d && e.detail && /* @__PURE__ */ t("div", { className: "mt-ds-02 animate-in fade-in slide-in-from-top-1 text-ds-sm text-surface-fg-muted", children: e.detail })
     ] })
   ] });
 }
-function I({
+function Y({
   label: e,
-  isFirst: s
+  isFirst: a
 }) {
-  return /* @__PURE__ */ a(
-    R.div,
+  return /* @__PURE__ */ s(
+    T.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
-      transition: E.fade,
-      className: r(
+      transition: D.fade,
+      className: i(
         "flex items-center gap-ds-03",
-        s ? "" : "mt-ds-06",
+        a ? "" : "mt-ds-06",
         "mb-ds-03"
       ),
       children: [
@@ -126,39 +126,39 @@ function I({
     }
   );
 }
-const Y = N.forwardRef(
+const M = k.forwardRef(
   ({
     items: e,
-    onLoadMore: s,
-    loading: o = !1,
-    hasMore: d = !1,
+    onLoadMore: a,
+    loading: d = !1,
+    hasMore: o = !1,
     emptyState: c,
     compact: n = !1,
-    maxInitialItems: l,
-    groupBy: b = "none",
-    groupLabels: y,
+    maxInitialItems: r,
+    groupBy: y = "none",
+    groupLabels: b,
     className: f,
     ...m
   }, u) => {
-    const [p, h] = N.useState(!1);
-    if (o)
-      return /* @__PURE__ */ t("div", { ref: u, className: r("relative", f), ...m, children: /* @__PURE__ */ t(G, { compact: n }) });
+    const [g, h] = k.useState(!1);
+    if (d)
+      return /* @__PURE__ */ t("div", { ref: u, className: i("relative", f), ...m, children: /* @__PURE__ */ t(I, { compact: n }) });
     if (e.length === 0)
       return c ? /* @__PURE__ */ t("div", { ref: u, className: f, ...m, children: c }) : null;
-    const i = l != null && !p && e.length > l, w = i ? e.slice(0, l) : e, x = b === "time";
-    return /* @__PURE__ */ a("div", { ref: u, className: r("relative", f), ...m, children: [
-      x ? /* @__PURE__ */ t("div", { children: B(w, y).map((g, A) => /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ t(I, { label: g.label, isFirst: A === 0 }),
-        /* @__PURE__ */ a("div", { className: r("relative flex flex-col", n ? "gap-1" : "gap-3"), children: [
+    const l = r != null && !g && e.length > r, w = l ? e.slice(0, r) : e, x = y === "time";
+    return /* @__PURE__ */ s("div", { ref: u, className: i("relative", f), ...m, children: [
+      x ? /* @__PURE__ */ t("div", { children: G(w, b).map((p, N) => /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ t(Y, { label: p.label, isFirst: N === 0 }),
+        /* @__PURE__ */ s("div", { className: i("relative flex flex-col", n ? "gap-1" : "gap-3"), children: [
           /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-[3px] top-0 w-px bg-surface-border" }),
-          g.items.map((k) => /* @__PURE__ */ t(T, { item: k, compact: n }, k.id))
+          p.items.map((A, C) => /* @__PURE__ */ t(T.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { ...D.fade, delay: C * 0.03 }, children: /* @__PURE__ */ t(O, { item: A, compact: n }) }, A.id))
         ] })
-      ] }, g.label)) }) : /* @__PURE__ */ a("div", { className: r("relative flex flex-col", n ? "gap-1" : "gap-3"), children: [
+      ] }, p.label)) }) : /* @__PURE__ */ s("div", { className: i("relative flex flex-col", n ? "gap-1" : "gap-3"), children: [
         /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-[3px] top-0 w-px bg-surface-border" }),
-        w.map((g) => /* @__PURE__ */ t(T, { item: g, compact: n }, g.id))
+        w.map((p, N) => /* @__PURE__ */ t(T.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { ...D.fade, delay: N * 0.03 }, children: /* @__PURE__ */ t(O, { item: p, compact: n }) }, p.id))
       ] }),
-      i && /* @__PURE__ */ t("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ a(
-        D,
+      l && /* @__PURE__ */ t("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ s(
+        S,
         {
           variant: "ghost",
           size: "sm",
@@ -170,12 +170,12 @@ const Y = N.forwardRef(
           ]
         }
       ) }),
-      d && s && !i && /* @__PURE__ */ t("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ t(D, { variant: "ghost", size: "sm", onClick: s, children: "Load more" }) })
+      o && a && !l && /* @__PURE__ */ t("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ t(S, { variant: "ghost", size: "sm", onClick: a, children: "Load more" }) })
     ] });
   }
 );
-Y.displayName = "ActivityFeed";
+M.displayName = "ActivityFeed";
 export {
-  Y as ActivityFeed,
-  B as groupItemsByTime
+  M as ActivityFeed,
+  G as groupItemsByTime
 };

package/dist/composed/avatar-group.d.ts

@@ -20,9 +20,9 @@ export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement>,
     onOverflowClick?: () => void;
     /** Custom render function for each avatar */
     renderAvatar?: (user: AvatarUser, index: number) => React.ReactNode;
-    /** Direction the group expands on hover. 'right' (default) for left-aligned groups, 'left' for right-aligned groups. */
+    /** Direction avatars expand on hover. @default 'right' */
     expandDirection?: 'left' | 'right';
-    /** How much the group spreads on hover. 'compact' = subtle peek, 'default' = full spread, 'wide' = extra room. */
+    /** How much avatars spread apart on hover. @default 'default' */
     expandAmount?: 'compact' | 'default' | 'wide';
 }
 declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/composed/avatar-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/composed/avatar-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAgB9C,QAAA,MAAM,kBAAkB;;8EAgBvB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,WAAW,GAAG,WAAW,CAAA;IACvC,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACnE,wHAAwH;IACxH,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,kHAAkH;IAClH,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;CAC9C;AAED,QAAA,MAAM,WAAW,yFAsNhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/composed/avatar-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAgB9C,QAAA,MAAM,kBAAkB;;8EAgBvB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,WAAW,GAAG,WAAW,CAAA;IACvC,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACnE,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;CAC9C;AAED,QAAA,MAAM,WAAW,yFAmLhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/composed/avatar-group.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import * as T from "react";
-import { ag as H } from "../_chunks/vendor-utils.js";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import * as b from "react";
+import { ag as $ } from "../_chunks/vendor-utils.js";
 import { cn as o } from "../ui/lib/utils.js";
-import { Avatar as O, AvatarImage as B, AvatarFallback as L } from "../ui/avatar.js";
-import { TooltipProvider as q, Tooltip as p, TooltipTrigger as u, TooltipContent as x } from "../ui/tooltip.js";
-import { getInitials as D } from "./lib/string-utils.js";
-const M = {
+import { Avatar as E, AvatarImage as F, AvatarFallback as G } from "../ui/avatar.js";
+import { TooltipProvider as H, Tooltip as y, TooltipTrigger as N, TooltipContent as w } from "../ui/tooltip.js";
+import { getInitials as B } from "./lib/string-utils.js";
+const I = {
   lead: "ring-2 ring-accent-7 ring-offset-1 ring-offset-surface-2",
   admin: "ring-2 ring-warning-7 ring-offset-1 ring-offset-surface-2",
   client: "ring-2 ring-info-7 ring-offset-1 ring-offset-surface-2"
-}, g = H(
-  "shrink-0 rounded-ds-full border-2",
+}, g = $(
+  "shrink-0 overflow-hidden rounded-ds-full border-2",
   {
     variants: {
       size: {
@@ -26,177 +26,152 @@ const M = {
       size: "md"
     }
   }
-), J = T.forwardRef(
+), L = b.forwardRef(
   ({
     users: l,
-    max: h = 4,
-    size: n,
-    showTooltip: b = !0,
-    borderColor: z = "surface-2",
-    onOverflowClick: v,
-    renderAvatar: y,
-    expandDirection: j = "right",
-    expandAmount: A = "default",
+    max: p = 4,
+    size: a,
+    showTooltip: M = !0,
+    borderColor: T = "surface-2",
+    onOverflowClick: h,
+    renderAvatar: u,
+    expandDirection: C = "right",
+    expandAmount: z = "default",
     className: S,
-    ...k
-  }, P) => {
-    const [R, i] = T.useState(!1), a = l.slice(0, h), c = l.length - h, V = {
+    ...j
+  }, A) => {
+    const s = l.slice(0, p), i = l.length - p, c = {
       xs: "-ml-ds-02",
       sm: "-ml-ds-02b",
       md: "-ml-ds-03",
       lg: "-ml-ds-04",
       xl: "-ml-ds-05"
-    }, X = {
+    }[a ?? "md"], d = T === "surface-1" ? "border-surface-1" : "border-surface-2", [P, f] = b.useState(!1), k = {
       xs: 8,
       sm: 10,
       md: 12,
       lg: 16,
       xl: 20
-    }, N = n ?? "md", d = V[N], $ = X[N], f = z === "surface-1" ? "border-surface-1" : "border-surface-2", E = { compact: 0.5, default: 1, wide: 1.5 }[A], F = a.length + (c > 0 ? 1 : 0);
+    }[a ?? "md"], R = { compact: 0.5, default: 1, wide: 1.5 }[z], V = s.length + (i > 0 ? 1 : 0);
     function m(e) {
-      if (!R) return "translateX(0)";
-      const r = $ * E;
-      return j === "left" ? `translateX(-${(F - 1 - e) * r}px)` : `translateX(${e * r}px)`;
+      if (!P) return "translateX(0)";
+      const t = k * R;
+      return C === "left" ? `translateX(-${(V - 1 - e) * t}px)` : `translateX(${e * t}px)`;
     }
-    const I = "transition-[transform,opacity] duration-300 ease-out hover:z-50 hover:scale-105 group-hover:[&:not(:hover)]:opacity-85";
-    return /* @__PURE__ */ t(q, { children: /* @__PURE__ */ s(
+    const x = "transition-[transform,opacity] duration-300 ease-out hover:z-50 hover:scale-105 group-hover:[&:not(:hover)]:opacity-85";
+    return /* @__PURE__ */ r(H, { children: /* @__PURE__ */ n(
       "div",
       {
-        ref: P,
+        ref: A,
         role: "group",
         "aria-label": `${l.length} team members`,
         tabIndex: 0,
         className: o("group flex items-center", S),
-        onMouseEnter: () => i(!0),
-        onMouseLeave: () => i(!1),
-        onFocus: () => i(!0),
+        onMouseEnter: () => f(!0),
+        onMouseLeave: () => f(!1),
+        onFocus: () => f(!0),
         onBlur: (e) => {
-          e.currentTarget.contains(e.relatedTarget) || i(!1);
+          e.currentTarget.contains(e.relatedTarget) || f(!1);
         },
-        ...k,
+        ...j,
         children: [
-          a.map((e, r) => {
-            const G = D(e.name);
-            if (y) {
-              const C = /* @__PURE__ */ t(
+          s.map((e, t) => {
+            const X = B(e.name);
+            if (u)
+              return /* @__PURE__ */ r(
                 "div",
                 {
                   className: o(
-                    g({ size: n }),
-                    f,
-                    r > 0 && d,
-                    I,
-                    e.ring && e.ring !== "none" && M[e.ring]
+                    g({ size: a }),
+                    d,
+                    t > 0 && c,
+                    x,
+                    e.ring && e.ring !== "none" && I[e.ring]
                   ),
-                  style: {
-                    zIndex: a.length - r,
-                    transform: m(r)
-                  },
-                  children: y(e, r)
+                  style: { zIndex: s.length - t, transform: m(t) },
+                  children: u(e, t)
                 },
                 e.name
               );
-              return b ? /* @__PURE__ */ s(p, { children: [
-                /* @__PURE__ */ t(u, { asChild: !0, children: C }),
-                /* @__PURE__ */ t(
-                  x,
-                  {
-                    className: "border-surface-border-strong bg-surface-1 text-surface-fg",
-                    sideOffset: 6,
-                    children: /* @__PURE__ */ t("p", { className: "text-ds-sm", children: e.name })
-                  }
-                )
-              ] }, e.name) : C;
-            }
-            const w = /* @__PURE__ */ s(
-              O,
+            const v = /* @__PURE__ */ n(
+              E,
               {
                 className: o(
-                  g({ size: n }),
-                  f,
-                  r > 0 && d,
-                  I,
-                  e.ring && e.ring !== "none" && M[e.ring]
+                  g({ size: a }),
+                  d,
+                  t > 0 && c,
+                  x,
+                  e.ring && e.ring !== "none" && I[e.ring]
                 ),
-                style: {
-                  zIndex: a.length - r,
-                  transform: m(r)
-                },
+                style: { zIndex: s.length - t, transform: m(t) },
                 children: [
-                  e.image && /* @__PURE__ */ t(B, { src: e.image, alt: e.name }),
-                  /* @__PURE__ */ t(
-                    L,
+                  e.image && /* @__PURE__ */ r(F, { src: e.image, alt: e.name }),
+                  /* @__PURE__ */ r(
+                    G,
                     {
                       className: "font-body font-semibold",
                       colorSeed: e.name,
-                      children: G
+                      children: X
                     }
                   )
                 ]
               },
               e.name
             );
-            return b ? /* @__PURE__ */ s(p, { children: [
-              /* @__PURE__ */ t(u, { asChild: !0, children: w }),
-              /* @__PURE__ */ t(
-                x,
+            return M ? /* @__PURE__ */ n(y, { children: [
+              /* @__PURE__ */ r(N, { asChild: !0, children: v }),
+              /* @__PURE__ */ r(
+                w,
                 {
                   className: "border-surface-border-strong bg-surface-1 text-surface-fg",
                   sideOffset: 6,
-                  children: /* @__PURE__ */ t("p", { className: "text-ds-sm", children: e.name })
+                  children: /* @__PURE__ */ r("p", { className: "text-ds-sm", children: e.name })
                 }
               )
-            ] }, e.name) : w;
+            ] }, e.name) : v;
           }),
-          c > 0 && /* @__PURE__ */ s(p, { children: [
-            /* @__PURE__ */ t(u, { asChild: !0, children: v ? /* @__PURE__ */ s(
+          i > 0 && /* @__PURE__ */ n(y, { children: [
+            /* @__PURE__ */ r(N, { asChild: !0, children: h ? /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                onClick: v,
+                onClick: h,
                 className: o(
-                  g({ size: n }),
-                  f,
+                  g({ size: a }),
                   d,
+                  c,
                   "flex cursor-pointer items-center justify-center bg-accent-2 font-body font-semibold text-accent-11",
-                  "transition-[transform,background-color] duration-300 ease-out",
-                  "hover:scale-105 hover:bg-accent-3"
+                  "hover:scale-105 hover:bg-accent-3 transition-[transform,background-color] duration-300 ease-out"
                 ),
-                style: {
-                  zIndex: 0,
-                  transform: m(a.length)
-                },
+                style: { zIndex: 0, transform: m(s.length) },
                 children: [
                   "+",
-                  c
+                  i
                 ]
               }
-            ) : /* @__PURE__ */ s(
+            ) : /* @__PURE__ */ n(
               "div",
               {
                 className: o(
-                  g({ size: n }),
-                  f,
+                  g({ size: a }),
                   d,
+                  c,
                   "flex cursor-default items-center justify-center bg-accent-2 font-body font-semibold text-accent-11",
-                  "transition-[transform] duration-300 ease-out"
+                  "transition-[transform,opacity] duration-300 ease-out"
                 ),
-                style: {
-                  zIndex: 0,
-                  transform: m(a.length)
-                },
+                style: { zIndex: 0, transform: m(s.length) },
                 children: [
                   "+",
-                  c
+                  i
                 ]
               }
             ) }),
-            /* @__PURE__ */ t(
-              x,
+            /* @__PURE__ */ r(
+              w,
               {
                 className: "border-surface-border-strong bg-surface-1 text-surface-fg",
                 sideOffset: 6,
-                children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-01", children: l.slice(h).map((e, r) => /* @__PURE__ */ t("p", { className: "text-ds-sm", children: e.name }, r)) })
+                children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-ds-01", children: l.slice(p).map((e, t) => /* @__PURE__ */ r("p", { className: "text-ds-sm", children: e.name }, t)) })
               }
             )
           ] })
@@ -205,7 +180,7 @@ const M = {
     ) });
   }
 );
-J.displayName = "AvatarGroup";
+L.displayName = "AvatarGroup";
 export {
-  J as AvatarGroup
+  L as AvatarGroup
 };