@octaviaflow/core 3.1.0-beta.74 → 3.1.0-beta.76

package/dist/marketing.cjs

@@ -3673,6 +3673,7 @@ var Avatar = (0, import_react22.forwardRef)(function Avatar2({
   icon,
   fallback,
   seed,
+  palette,
   size = "md",
   shape = "circle",
   status,
@@ -3691,9 +3692,12 @@ var Avatar = (0, import_react22.forwardRef)(function Avatar2({
     [initials]
   );
   const paletteIdx = (0, import_react22.useMemo)(() => {
-    const resolved = seed ?? initials ?? alt ?? "?";
+    if (palette !== void 0) {
+      return (Math.trunc(palette) % PALETTE_SIZE + PALETTE_SIZE) % PALETTE_SIZE;
+    }
+    const resolved = seed ?? alt ?? initials ?? "?";
     return paletteIndexFor(resolved);
-  }, [seed, initials, alt]);
+  }, [palette, seed, alt, initials]);
   const baseName = alt || normalizedInitials || "Avatar";
   const announcedStatus = status ? statusLabel ?? STATUS_DEFAULT_LABEL[status] : "";
   const accessibleName = announcedStatus ? `${baseName}, ${announcedStatus}` : baseName;
@@ -3752,53 +3756,39 @@ var Avatar = (0, import_react22.forwardRef)(function Avatar2({
   );
 });
 Avatar.displayName = "Avatar";
-var AvatarStack = (0, import_react22.forwardRef)(
-  function AvatarStack2({
-    children,
-    max,
-    size = "md",
-    renderOverflow,
-    direction = "ltr",
-    className,
-    ...rest
-  }, ref) {
-    const arr = Array.isArray(children) ? children : [children];
-    const visible = max && arr.length > max ? arr.slice(0, max) : arr;
-    const overflow = max && arr.length > max ? arr.length - max : 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-      "div",
-      {
-        ...rest,
-        ref,
-        className: cn(
-          "ods-avatar-stack",
-          `ods-avatar-stack--${direction}`,
-          className
-        ),
-        children: [
-          visible,
-          overflow > 0 && (renderOverflow ? renderOverflow(overflow) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "div",
-            {
-              className: cn(
-                "ods-avatar",
-                `ods-avatar--${size}`,
-                "ods-avatar--circle",
-                "ods-avatar-stack__overflow"
-              ),
-              role: "img",
-              "aria-label": `${overflow} more`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ods-avatar__inner", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "ods-avatar__initials", "aria-hidden": "true", children: [
-                "+",
-                overflow
-              ] }) })
-            }
-          ))
-        ]
-      }
-    );
-  }
-);
+var AvatarStack = (0, import_react22.forwardRef)(function AvatarStack2({ children, max, size = "md", renderOverflow, direction = "ltr", className, ...rest }, ref) {
+  const arr = Array.isArray(children) ? children : [children];
+  const visible = max && arr.length > max ? arr.slice(0, max) : arr;
+  const overflow = max && arr.length > max ? arr.length - max : 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: cn("ods-avatar-stack", `ods-avatar-stack--${direction}`, className),
+      children: [
+        visible,
+        overflow > 0 && (renderOverflow ? renderOverflow(overflow) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "div",
+          {
+            className: cn(
+              "ods-avatar",
+              `ods-avatar--${size}`,
+              "ods-avatar--circle",
+              "ods-avatar-stack__overflow"
+            ),
+            role: "img",
+            "aria-label": `${overflow} more`,
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ods-avatar__inner", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "ods-avatar__initials", "aria-hidden": "true", children: [
+              "+",
+              overflow
+            ] }) })
+          }
+        ))
+      ]
+    }
+  );
+});
 AvatarStack.displayName = "AvatarStack";
 
 // src/components/Card/Card.tsx
@@ -3930,138 +3920,123 @@ Card.Description = CardDescription;
 
 // src/components/BlogCard/BlogCard.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var BlogCard = (0, import_react24.forwardRef)(
-  function BlogCard2({
-    cover,
-    coverAspect = "16/9",
-    category,
-    tags,
-    meta,
-    readingTime,
-    title,
-    titleAs = "h3",
-    description,
-    author,
-    footer,
-    radius = "md",
-    orientation = "vertical",
-    href,
-    onClick,
-    id: providedId,
-    className,
-    ...rest
-  }, ref) {
-    const reactId = (0, import_react24.useId)();
-    const baseId = providedId ?? `ods-blog-card-${reactId}`;
-    const titleId = `${baseId}-title`;
-    const descId = description ? `${baseId}-desc` : void 0;
-    const tagList = tags ?? (category ? [category] : []);
-    const body = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      cover && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "div",
-        {
-          className: cn(
-            "ods-blog-card__cover",
-            `ods-blog-card__cover--aspect-${coverAspect.replace("/", "-")}`
-          ),
-          "aria-hidden": "true",
-          children: cover
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__body", children: [
-        (tagList.length > 0 || meta || readingTime) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__meta", children: [
-          tagList.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__tags", children: tagList.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__tag", children: t }, i)) }),
-          meta && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__date", children: meta }),
-          readingTime && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__reading", children: readingTime })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          Card.Title,
-          {
-            as: titleAs,
-            id: titleId,
-            className: "ods-blog-card__title",
-            children: title
-          }
-        ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          Card.Description,
-          {
-            id: descId,
-            className: "ods-blog-card__desc",
-            children: description
-          }
+var BlogCard = (0, import_react24.forwardRef)(function BlogCard2({
+  cover,
+  coverAspect = "16/9",
+  category,
+  tags,
+  meta,
+  readingTime,
+  title,
+  titleAs = "h3",
+  description,
+  author,
+  footer,
+  radius = "md",
+  orientation = "vertical",
+  href,
+  onClick,
+  id: providedId,
+  className,
+  ...rest
+}, ref) {
+  const reactId = (0, import_react24.useId)();
+  const baseId = providedId ?? `ods-blog-card-${reactId}`;
+  const titleId = `${baseId}-title`;
+  const descId = description ? `${baseId}-desc` : void 0;
+  const tagList = tags ?? (category ? [category] : []);
+  const body = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    cover && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
+      {
+        className: cn(
+          "ods-blog-card__cover",
+          `ods-blog-card__cover--aspect-${coverAspect.replace("/", "-")}`
         ),
-        (author || footer) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__footer", children: [
-          author && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__author", children: [
-            author.avatar && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              Avatar,
-              {
-                size: "sm",
-                src: author.avatar.src,
-                initials: author.avatar.initials,
-                alt: author.avatar.alt ?? (typeof author.name === "string" ? author.name : void 0)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__author-text", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__author-name", children: author.name }),
-              author.byline && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__author-byline", children: author.byline })
-            ] })
-          ] }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ods-blog-card__action", children: footer })
-        ] })
-      ] })
-    ] });
-    if (href) {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        Card,
-        {
-          asChild: true,
-          radius,
-          padding: "none",
-          className: cn(
-            "ods-blog-card",
-            `ods-blog-card--${orientation}`,
-            "ods-blog-card--interactive",
-            className
-          ),
-          "aria-labelledby": titleId,
-          "aria-describedby": descId,
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            "a",
+        "aria-hidden": "true",
+        children: cover
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__body", children: [
+      (tagList.length > 0 || meta || readingTime) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__meta", children: [
+        tagList.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__tags", children: tagList.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__tag", children: t }, i)) }),
+        meta && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__date", children: meta }),
+        readingTime && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__reading", children: readingTime })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Card.Title, { as: titleAs, id: titleId, className: "ods-blog-card__title", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Card.Description, { id: descId, className: "ods-blog-card__desc", children: description }),
+      (author || footer) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__footer", children: [
+        author && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__author", children: [
+          author.avatar && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            Avatar,
             {
-              ...rest,
-              ref,
-              href,
-              id: baseId,
-              onClick,
-              children: body
+              size: "sm",
+              src: author.avatar.src,
+              initials: author.avatar.initials,
+              seed: author.avatar.seed,
+              palette: author.avatar.palette,
+              alt: author.avatar.alt ?? (typeof author.name === "string" ? author.name : void 0)
             }
-          )
-        }
-      );
-    }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ods-blog-card__author-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__author-name", children: author.name }),
+            author.byline && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ods-blog-card__author-byline", children: author.byline })
+          ] })
+        ] }),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ods-blog-card__action", children: footer })
+      ] })
+    ] })
+  ] });
+  if (href) {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Card,
       {
-        ...rest,
-        ref,
-        id: baseId,
+        asChild: true,
         radius,
         padding: "none",
-        onClick,
         className: cn(
           "ods-blog-card",
           `ods-blog-card--${orientation}`,
-          onClick && "ods-blog-card--interactive",
+          "ods-blog-card--interactive",
           className
         ),
         "aria-labelledby": titleId,
         "aria-describedby": descId,
-        children: body
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "a",
+          {
+            ...rest,
+            ref,
+            href,
+            id: baseId,
+            onClick,
+            children: body
+          }
+        )
       }
     );
   }
-);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    Card,
+    {
+      ...rest,
+      ref,
+      id: baseId,
+      radius,
+      padding: "none",
+      onClick,
+      className: cn(
+        "ods-blog-card",
+        `ods-blog-card--${orientation}`,
+        onClick && "ods-blog-card--interactive",
+        className
+      ),
+      "aria-labelledby": titleId,
+      "aria-describedby": descId,
+      children: body
+    }
+  );
+});
 BlogCard.displayName = "BlogCard";
 
 // src/marketing/components/BlogGrid/BlogGrid.tsx
@@ -5375,111 +5350,104 @@ function isAuthorObject(v) {
   return typeof v === "object" && v !== null && !("type" in v) && // exclude React elements
   "name" in v;
 }
-var TestimonialCard = (0, import_react31.forwardRef)(function TestimonialCard2({
-  quote,
-  author,
-  role: legacyRole,
-  avatar: legacyAvatar,
-  initial: legacyInitial,
-  rating,
-  logo,
-  size = "md",
-  radius = "md",
-  id: providedId,
-  className,
-  ...rest
-}, ref) {
-  const reactId = (0, import_react31.useId)();
-  const baseId = providedId ?? `ods-testimonial-${reactId}`;
-  const quoteId = `${baseId}-quote`;
-  const authorId = `${baseId}-author`;
-  const resolved = isAuthorObject(author) ? author : {
-    name: author,
+var TestimonialCard = (0, import_react31.forwardRef)(
+  function TestimonialCard2({
+    quote,
+    author,
     role: legacyRole,
-    avatar: legacyAvatar ? void 0 : {
-      initials: typeof legacyInitial === "string" ? legacyInitial : typeof author === "string" ? author.charAt(0).toUpperCase() : void 0
-    }
-  };
-  const renderAvatar = () => {
-    if (!isAuthorObject(author) && legacyAvatar) {
+    avatar: legacyAvatar,
+    initial: legacyInitial,
+    rating,
+    logo,
+    size = "md",
+    radius = "md",
+    id: providedId,
+    className,
+    ...rest
+  }, ref) {
+    const reactId = (0, import_react31.useId)();
+    const baseId = providedId ?? `ods-testimonial-${reactId}`;
+    const quoteId = `${baseId}-quote`;
+    const authorId = `${baseId}-author`;
+    const resolved = isAuthorObject(author) ? author : {
+      name: author,
+      role: legacyRole,
+      avatar: legacyAvatar ? void 0 : {
+        initials: typeof legacyInitial === "string" ? legacyInitial : typeof author === "string" ? author.charAt(0).toUpperCase() : void 0
+      }
+    };
+    const renderAvatar = () => {
+      if (!isAuthorObject(author) && legacyAvatar) {
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          "span",
+          {
+            className: "ods-testimonial__avatar ods-testimonial__avatar--legacy",
+            "aria-hidden": "true",
+            children: legacyAvatar
+          }
+        );
+      }
       return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-        "span",
+        Avatar,
         {
-          className: "ods-testimonial__avatar ods-testimonial__avatar--legacy",
-          "aria-hidden": "true",
-          children: legacyAvatar
+          size: size === "sm" ? "xs" : size === "lg" ? "md" : "sm",
+          src: resolved.avatar?.src,
+          initials: resolved.avatar?.initials,
+          seed: resolved.avatar?.seed,
+          palette: resolved.avatar?.palette,
+          alt: resolved.avatar?.alt ?? (typeof resolved.name === "string" ? resolved.name : void 0),
+          className: "ods-testimonial__avatar"
         }
       );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      Avatar,
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      Card,
       {
-        size: size === "sm" ? "xs" : size === "lg" ? "md" : "sm",
-        src: resolved.avatar?.src,
-        initials: resolved.avatar?.initials,
-        alt: resolved.avatar?.alt ?? (typeof resolved.name === "string" ? resolved.name : void 0),
-        className: "ods-testimonial__avatar"
-      }
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-    Card,
-    {
-      ...rest,
-      ref,
-      id: baseId,
-      radius,
-      padding: "none",
-      variant: "subtle",
-      className: cn(
-        "ods-testimonial",
-        `ods-testimonial--${size}`,
-        className
-      ),
-      "aria-labelledby": authorId,
-      "aria-describedby": quoteId,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "ods-testimonial__head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons9.QuotesIcon, { size: "md" }) }),
-          logo && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ods-testimonial__logo", "aria-hidden": "true", children: logo })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("blockquote", { id: quoteId, className: "ods-testimonial__text", children: quote }),
-        typeof rating === "number" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          "div",
-          {
-            className: "ods-testimonial__rating",
-            role: "img",
-            "aria-label": `${rating} out of 5 stars`,
-            children: Array.from({ length: 5 }).map(
-              (_, i) => i < Math.round(rating) ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-                import_icons9.StarFilledIcon,
-                {
-                  size: "xs",
-                  className: "ods-testimonial__star ods-testimonial__star--on"
-                },
-                i
-              ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-                import_icons9.StarIcon,
-                {
-                  size: "xs",
-                  className: "ods-testimonial__star"
-                },
-                i
+        ...rest,
+        ref,
+        id: baseId,
+        radius,
+        padding: "none",
+        variant: "subtle",
+        className: cn("ods-testimonial", `ods-testimonial--${size}`, className),
+        "aria-labelledby": authorId,
+        "aria-describedby": quoteId,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "ods-testimonial__head", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons9.QuotesIcon, { size: "md" }) }),
+            logo && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ods-testimonial__logo", "aria-hidden": "true", children: logo })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("blockquote", { id: quoteId, className: "ods-testimonial__text", children: quote }),
+          typeof rating === "number" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "div",
+            {
+              className: "ods-testimonial__rating",
+              role: "img",
+              "aria-label": `${rating} out of 5 stars`,
+              children: Array.from({ length: 5 }).map(
+                (_, i) => i < Math.round(rating) ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  import_icons9.StarFilledIcon,
+                  {
+                    size: "xs",
+                    className: "ods-testimonial__star ods-testimonial__star--on"
+                  },
+                  i
+                ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons9.StarIcon, { size: "xs", className: "ods-testimonial__star" }, i)
               )
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("figcaption", { className: "ods-testimonial__author", id: authorId, children: [
-          renderAvatar(),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "ods-testimonial__author-info", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ods-testimonial__author-name", children: resolved.name }),
-            resolved.role && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ods-testimonial__author-role", children: resolved.role })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("figcaption", { className: "ods-testimonial__author", id: authorId, children: [
+            renderAvatar(),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "ods-testimonial__author-info", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ods-testimonial__author-name", children: resolved.name }),
+              resolved.role && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ods-testimonial__author-role", children: resolved.role })
+            ] })
           ] })
-        ] })
-      ]
-    }
-  );
-});
+        ]
+      }
+    );
+  }
+);
 TestimonialCard.displayName = "TestimonialCard";
 
 // src/marketing/components/TestimonialStrip/TestimonialStrip.tsx