@devalok/shilp-sutra 0.23.0 → 0.23.1

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

@@ -14,8 +14,8 @@ export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement>,
     users: AvatarUser[];
     max?: number;
     showTooltip?: boolean;
-    /** Border color for the group avatars. @default 'surface-2' */
-    borderColor?: 'surface-1' | 'surface-2';
+    /** Border color for the group avatars. @default 'surface-raised' */
+    borderColor?: 'surface-base' | 'surface-raised' | 'surface-1' | 'surface-2';
     /** Callback when the "+N" overflow badge is clicked */
     onOverflowClick?: () => void;
     /** Custom render function for each avatar */

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,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"}
+{"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,oEAAoE;IACpE,WAAW,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,WAAW,GAAG,WAAW,CAAA;IAC3E,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,yFAqLhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/composed/avatar-group.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import * as v from "react";
+import * as x from "react";
 import { ag as $ } from "../_chunks/vendor-utils.js";
 import { cn as o } from "../ui/lib/utils.js";
 import { Avatar as E, AvatarImage as F, AvatarFallback as G } from "../ui/avatar.js";
-import { TooltipProvider as H, Tooltip as x, TooltipTrigger as y, TooltipContent as N } from "../ui/tooltip.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 w = {
+const I = {
   lead: "ring-2 ring-accent-7 ring-offset-1 ring-offset-surface-raised",
   admin: "ring-2 ring-warning-7 ring-offset-1 ring-offset-surface-raised",
   client: "ring-2 ring-info-7 ring-offset-1 ring-offset-surface-raised"
-}, I = $(
+}, M = $(
   "shrink-0 overflow-hidden rounded-ds-full border-2",
   {
     variants: {
@@ -26,15 +26,15 @@ const w = {
       size: "md"
     }
   }
-), L = v.forwardRef(
+), L = x.forwardRef(
   ({
     users: l,
     max: m = 4,
     size: n,
-    showTooltip: M = !0,
-    borderColor: T = "surface-2",
-    onOverflowClick: p,
-    renderAvatar: h,
+    showTooltip: T = !0,
+    borderColor: p = "surface-raised",
+    onOverflowClick: h,
+    renderAvatar: u,
     expandDirection: z = "right",
     expandAmount: C = "default",
     className: S,
@@ -46,7 +46,7 @@ const w = {
       md: "-ml-ds-03",
       lg: "-ml-ds-04",
       xl: "-ml-ds-05"
-    }[n ?? "md"], g = T === "surface-1" ? "border-surface-base" : "border-surface-raised", [A, d] = v.useState(!1), P = {
+    }[n ?? "md"], g = p === "surface-1" || p === "surface-base" ? "border-surface-base" : "border-surface-raised", [A, d] = x.useState(!1), P = {
       xs: 8,
       sm: 10,
       md: 12,
@@ -58,7 +58,7 @@ const w = {
       const r = P * R;
       return z === "left" ? `translateX(-${(V - 1 - e) * r}px)` : `translateX(${e * r}px)`;
     }
-    const u = "transition-[transform,opacity] duration-300 ease-out hover:z-50 hover:scale-105 group-hover:[&:not(:hover)]:opacity-85";
+    const b = "transition-[transform,opacity] duration-300 ease-out hover:z-50 hover:scale-105 group-hover:[&:not(:hover)]:opacity-85";
     return /* @__PURE__ */ t(H, { children: /* @__PURE__ */ s(
       "div",
       {
@@ -77,30 +77,30 @@ const w = {
         children: [
           a.map((e, r) => {
             const X = B(e.name);
-            if (h)
+            if (u)
               return /* @__PURE__ */ t(
                 "div",
                 {
                   className: o(
                     "shrink-0",
                     r > 0 && c,
-                    u,
-                    e.ring && e.ring !== "none" && w[e.ring]
+                    b,
+                    e.ring && e.ring !== "none" && I[e.ring]
                   ),
                   style: { zIndex: a.length - r, transform: f(r) },
-                  children: h(e, r)
+                  children: u(e, r)
                 },
                 e.name
               );
-            const b = /* @__PURE__ */ s(
+            const v = /* @__PURE__ */ s(
               E,
               {
                 size: n,
                 className: o(
                   g,
                   r > 0 && c,
-                  u,
-                  e.ring && e.ring !== "none" && w[e.ring]
+                  b,
+                  e.ring && e.ring !== "none" && I[e.ring]
                 ),
                 style: { zIndex: a.length - r, transform: f(r) },
                 children: [
@@ -117,26 +117,26 @@ const w = {
               },
               e.name
             );
-            return M ? /* @__PURE__ */ s(x, { children: [
-              /* @__PURE__ */ t(y, { asChild: !0, children: b }),
+            return T ? /* @__PURE__ */ s(y, { children: [
+              /* @__PURE__ */ t(N, { asChild: !0, children: v }),
               /* @__PURE__ */ t(
-                N,
+                w,
                 {
                   className: "border-surface-border-strong bg-surface-base text-surface-fg",
                   sideOffset: 6,
                   children: /* @__PURE__ */ t("p", { className: "text-ds-sm", children: e.name })
                 }
               )
-            ] }, e.name) : b;
+            ] }, e.name) : v;
           }),
-          i > 0 && /* @__PURE__ */ s(x, { children: [
-            /* @__PURE__ */ t(y, { asChild: !0, children: p ? /* @__PURE__ */ s(
+          i > 0 && /* @__PURE__ */ s(y, { children: [
+            /* @__PURE__ */ t(N, { asChild: !0, children: h ? /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
-                onClick: p,
+                onClick: h,
                 className: o(
-                  I({ size: n }),
+                  M({ size: n }),
                   g,
                   c,
                   "flex cursor-pointer items-center justify-center bg-accent-2 font-body font-semibold text-accent-11",
@@ -152,7 +152,7 @@ const w = {
               "div",
               {
                 className: o(
-                  I({ size: n }),
+                  M({ size: n }),
                   g,
                   c,
                   "flex cursor-default items-center justify-center bg-accent-2 font-body font-semibold text-accent-11",
@@ -166,7 +166,7 @@ const w = {
               }
             ) }),
             /* @__PURE__ */ t(
-              N,
+              w,
               {
                 className: "border-surface-border-strong bg-surface-base text-surface-fg",
                 sideOffset: 6,

package/llms-full.txt

@@ -5,7 +5,7 @@
 > All variant values and props verified from source CVA definitions.
 >
 > Package: @devalok/shilp-sutra
-> Version: 0.23.0
+> Version: 0.23.1
 
 ---