@flamingo-stack/openframe-frontend-core 0.0.514-1647.4246.1 → 0.0.514

package/dist/{chunk-LZZDW253.js → chunk-MFRG4Q2T.js}

@@ -4152,12 +4152,17 @@ var SquareAvatar = React4.memo(React4.forwardRef(
   ({ className, src, alt, size: size2 = "md", sizePx, fallback, variant = "square", initialsClassName, style, ...props }, ref) => {
     const resolvedSrc = useAuthedImageSrc(src);
     const sizeClasses2 = {
+      // xs (24px): dense card meta rows — avatar stacks on delivery/
+      // roadmap cards. Part of the shared scale so no caller ever
+      // bypasses the buckets with raw sizePx for a standard size.
+      xs: "h-6 w-6",
       sm: "h-8 w-8",
       md: "h-10 w-10",
       lg: "h-12 w-12",
       xl: "h-16 w-16"
     };
     const sizePxBySize = {
+      xs: 24,
       sm: 32,
       md: 40,
       lg: 48,
@@ -16612,38 +16617,56 @@ var OVERFLOW_CIRCLE_SIZE = {
   md: "h-10 w-10",
   lg: "h-12 w-12"
 };
-var XS_PX = 24;
-function AvatarStack({ people, max = 3, size: size2 = "md", className }) {
+function AvatarStack({
+  people,
+  max = 3,
+  size: size2 = "md",
+  ringClassName = "ring-ods-card",
+  className
+}) {
   if (people.length === 0) return null;
-  return /* @__PURE__ */ jsxs78("div", { className: cn("flex items-center", className), children: [
-    people.slice(0, max).map((person, i) => /* @__PURE__ */ jsx101(
-      SquareAvatar,
-      {
-        variant: "round",
-        size: size2 === "xs" ? "sm" : size2,
-        sizePx: size2 === "xs" ? XS_PX : void 0,
-        src: person.avatarUrl ?? void 0,
-        alt: person.name,
-        fallback: person.name,
-        className: cn(i > 0 && (size2 === "xs" ? "-ml-2" : "-ml-3"))
-      },
-      person.key ?? `${person.name}-${i}`
-    )),
-    people.length > max && /* @__PURE__ */ jsxs78(
-      "span",
-      {
-        className: cn(
-          "flex shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-bg text-ods-text-secondary",
-          size2 === "xs" ? "-ml-2 text-badge" : "-ml-3 text-h6",
-          OVERFLOW_CIRCLE_SIZE[size2]
-        ),
-        children: [
-          "+",
-          people.length - max
-        ]
-      }
-    )
-  ] });
+  const visible = people.slice(0, max);
+  const overflow = people.slice(max);
+  return /* @__PURE__ */ jsxs78(
+    "div",
+    {
+      className: cn("flex items-center", className),
+      role: "group",
+      "aria-label": `Assignees: ${people.map((p) => p.name).join(", ")}`,
+      children: [
+        visible.map((person, i) => /* @__PURE__ */ jsx101(
+          SquareAvatar,
+          {
+            variant: "round",
+            size: size2,
+            src: person.avatarUrl ?? void 0,
+            alt: person.name,
+            fallback: person.name,
+            title: person.name,
+            className: cn("relative ring-2", ringClassName, i > 0 && (size2 === "xs" ? "-ml-2" : "-ml-3")),
+            style: { zIndex: visible.length - i }
+          },
+          person.key ?? `${person.name}-${i}`
+        )),
+        overflow.length > 0 && /* @__PURE__ */ jsxs78(
+          "span",
+          {
+            title: overflow.map((p) => p.name).join(", "),
+            className: cn(
+              "relative z-0 flex shrink-0 items-center justify-center rounded-full ring-2 bg-ods-bg text-ods-text-secondary",
+              ringClassName,
+              size2 === "xs" ? "-ml-2 text-badge" : "-ml-3 text-h6",
+              OVERFLOW_CIRCLE_SIZE[size2]
+            ),
+            children: [
+              "+",
+              overflow.length
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 
 // src/components/chat/entity-cards/roadmap-card.tsx
@@ -48110,7 +48133,8 @@ function RoadmapCardSkeleton({ size: size2 = "default" }) {
         ] }),
         /* @__PURE__ */ jsxs292("span", { className: `${COMPACT_CARD_META_ROW_BOX} flex-nowrap gap-2`, children: [
           /* @__PURE__ */ jsx368("span", { className: "h-3 w-2/5 rounded bg-ods-bg/60 flex-1" }),
-          /* @__PURE__ */ jsx368("span", { className: "h-3 w-10 rounded bg-ods-bg/40 shrink-0" })
+          /* @__PURE__ */ jsx368("span", { className: "h-3 w-10 rounded bg-ods-bg/40 shrink-0" }),
+          /* @__PURE__ */ jsx368("span", { className: "h-6 w-14 rounded-full bg-ods-bg/40 shrink-0" })
         ] }),
         /* @__PURE__ */ jsx368("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx368("span", { className: "h-3 w-5/6 rounded bg-ods-bg/40" }) })
       ] })
@@ -48133,7 +48157,10 @@ function RoadmapCardSkeleton({ size: size2 = "default" }) {
     /* @__PURE__ */ jsx368("div", { className: "flex-1" }),
     /* @__PURE__ */ jsxs292("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx368("div", { className: "h-12 w-32 bg-ods-bg rounded" }),
-      /* @__PURE__ */ jsx368("div", { className: "h-8 w-20 bg-ods-bg rounded" })
+      /* @__PURE__ */ jsxs292("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx368("div", { className: "h-6 w-14 rounded-full bg-ods-bg/60" }),
+        /* @__PURE__ */ jsx368("div", { className: "h-8 w-20 bg-ods-bg rounded" })
+      ] })
     ] })
   ] });
 }
@@ -60982,4 +61009,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-LZZDW253.js.map
+//# sourceMappingURL=chunk-MFRG4Q2T.js.map