@phillips/seldon 1.249.0 → 1.251.0

package/dist/assets/pictograms/formatted/Photos.js

@@ -1,39 +1,43 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { memo as s, forwardRef as f } from "react";
-import { kebabCase as m } from "../../../node_modules/change-case/dist/index.js";
-const w = s(
-  f((i, d) => {
-    const { color: e, height: r, width: a, title: t, titleId: h } = i, o = h || m(t || "");
-    return /* @__PURE__ */ n(
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { memo as m, forwardRef as n } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const u = m(
+  n((e, i) => {
+    const { color: o, height: r, width: s, title: l, titleId: d } = e, a = d || f(l || ""), h = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
+    return /* @__PURE__ */ c(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
         height: r,
-        width: a,
+        width: s,
         role: "img",
-        ref: d,
-        "aria-labelledby": o,
-        ...i,
+        ref: i,
+        "aria-labelledby": a,
+        ...h,
         children: [
-          t ? /* @__PURE__ */ l("title", { id: o, children: t }) : null,
-          /* @__PURE__ */ l("path", { fill: e, d: "M40.667 20.333a2.667 2.667 0 1 0 0-5.333 2.667 2.667 0 0 0 0 5.333" }),
-          /* @__PURE__ */ l(
+          l ? /* @__PURE__ */ t("title", { id: a, children: l }) : null,
+          /* @__PURE__ */ t("path", { fill: o, d: "M40.667 20.333a2.667 2.667 0 1 0 0-5.333 2.667 2.667 0 0 0 0 5.333" }),
+          /* @__PURE__ */ t(
             "path",
             {
-              fill: e,
+              fill: o,
               fillRule: "evenodd",
               d: "M54 4H4v50h50zm-3 3H7v22.572l11.084-14.483L31.486 35.19l10.373-12.047L51 37.77zM7 51V34.508l10.916-14.263 11.682 17.523a2.167 2.167 0 0 0 3.445.212l8.431-9.791L51 43.43V51z",
               clipRule: "evenodd"
             }
           ),
-          /* @__PURE__ */ l("path", { fill: e, d: "M55.5 13.5v3H57V57H14.5v-1.5h-3V60H60V13.5z" })
+          /* @__PURE__ */ t("path", { fill: o, d: "M55.5 13.5v3H57V57H14.5v-1.5h-3V60H60V13.5z" })
         ]
       }
     );
   })
 );
 export {
-  w as default
+  u as default
 };

package/dist/assets/pictograms/formatted/Search.js

@@ -1,34 +1,38 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { memo as n, forwardRef as c } from "react";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { memo as h, forwardRef as n } from "react";
 import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
-const g = n(
-  c((t, r) => {
-    const { color: i, height: d, width: s, title: l, titleId: a } = t, o = a || f(l || "");
+const g = h(
+  n((e, r) => {
+    const { color: o, height: s, width: i, title: l, titleId: d } = e, a = d || f(l || ""), c = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
     return /* @__PURE__ */ m(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: d,
-        width: s,
+        height: s,
+        width: i,
         role: "img",
         ref: r,
-        "aria-labelledby": o,
-        ...t,
+        "aria-labelledby": a,
+        ...c,
         children: [
-          l ? /* @__PURE__ */ e("title", { id: o, children: l }) : null,
-          /* @__PURE__ */ e(
+          l ? /* @__PURE__ */ t("title", { id: a, children: l }) : null,
+          /* @__PURE__ */ t(
             "path",
             {
-              fill: i,
+              fill: o,
               d: "M16.02 30.85a10.485 10.485 0 0 1 4.988-17.679l-.57-2.448a13 13 0 0 0-6.03 3.258 13 13 0 0 0-.153 18.658z"
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "path",
             {
-              fill: i,
+              fill: o,
               fillRule: "evenodd",
               d: "M23 41c9.941 0 18-8.059 18-18S32.941 5 23 5 5 13.059 5 23s8.059 18 18 18m0-3c8.284 0 15-6.716 15-15S31.284 8 23 8 8 14.716 8 23s6.716 15 15 15M36.397 38.427s.568-.493 1.098-1.023 1.024-1.098 1.024-1.098l5.344 5.344 1.65-1.65L58.24 52.728l-5.657 5.657-12.728-12.728 1.885-1.886zm9.116 5.816-1.415 1.414 8.486 8.485 1.414-1.414z",
               clipRule: "evenodd"

package/dist/assets/pictograms/formatted/Shipping.js

@@ -1,27 +1,31 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { memo as n, forwardRef as s } from "react";
-import { kebabCase as v } from "../../../node_modules/change-case/dist/index.js";
-const w = n(
-  s((e, o) => {
-    const { color: h, height: r, width: d, title: l, titleId: a } = e, t = a || v(l || "");
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { memo as c, forwardRef as n } from "react";
+import { kebabCase as p } from "../../../node_modules/change-case/dist/index.js";
+const g = c(
+  n((e, o) => {
+    const { color: i, height: h, width: r, title: l, titleId: s } = e, t = s || p(l || ""), d = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
     return /* @__PURE__ */ m(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: r,
-        width: d,
+        height: h,
+        width: r,
         role: "img",
         ref: o,
         "aria-labelledby": t,
-        ...e,
+        ...d,
         children: [
-          l ? /* @__PURE__ */ i("title", { id: t, children: l }) : null,
-          /* @__PURE__ */ i(
+          l ? /* @__PURE__ */ a("title", { id: t, children: l }) : null,
+          /* @__PURE__ */ a(
             "path",
             {
-              fill: h,
+              fill: i,
               fillRule: "evenodd",
               d: "M6 11h38v13h12.097l3.776 12.578a3 3 0 0 1 .127.863V46H49.981q.02.248.019.5a6.5 6.5 0 1 1-12.981-.5H21.98q.02.248.019.5A6.5 6.5 0 1 1 9.019 46H4v-6h2zm4.022 32a6.5 6.5 0 0 1 5.478-3 6.5 6.5 0 0 1 5.478 3h17.044A6.52 6.52 0 0 1 41 40.498V14H9v29zM57 43h-8.022A6.5 6.5 0 0 0 44 40.019V27h4.5v10.5H57zm-5.5-8.5V27h2.403l2.597 7.5zM23 20H11v3h12zm-6 6h-6v3h6zm26.5 24a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7M19 46.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0",
               clipRule: "evenodd"
@@ -33,5 +37,5 @@ const w = n(
   })
 );
 export {
-  w as default
+  g as default
 };

package/dist/assets/pictograms/formatted/Sign.js

@@ -1,27 +1,31 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { memo as s, forwardRef as c } from "react";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { memo as n, forwardRef as h } from "react";
 import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
-const g = s(
-  c((e, o) => {
-    const { color: r, height: a, width: d, title: l, titleId: n } = e, t = n || f(l || "");
+const u = n(
+  h((e, o) => {
+    const { color: i, height: r, width: s, title: l, titleId: d } = e, t = d || f(l || ""), c = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
     return /* @__PURE__ */ m(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: a,
-        width: d,
+        height: r,
+        width: s,
         role: "img",
         ref: o,
         "aria-labelledby": t,
-        ...e,
+        ...c,
         children: [
-          l ? /* @__PURE__ */ i("title", { id: t, children: l }) : null,
-          /* @__PURE__ */ i(
+          l ? /* @__PURE__ */ a("title", { id: t, children: l }) : null,
+          /* @__PURE__ */ a(
             "path",
             {
-              fill: r,
+              fill: i,
               fillRule: "evenodd",
               d: "m53.668 23.516 4.067-4.067a3.333 3.333 0 0 0 0-4.714l-9.428-9.428a3.333 3.333 0 0 0-4.714 0l-4.067 4.067a.5.5 0 0 0-.212.004L26.862 12.32a.5.5 0 0 0-.341.282L7.54 54.8a.5.5 0 0 0 .66.66l42.239-18.94a.5.5 0 0 0 .282-.342l2.943-12.452a.5.5 0 0 0 .004-.211M46.185 7.428l9.429 9.428c.13.13.13.341 0 .472l-3.772 3.77-9.9-9.899 3.772-3.77c.13-.131.341-.131.471 0m1.9 26.86-31.288 14.03 14.898-14.897-2.122-2.121-14.855 14.855L28.75 14.957l9.897-2.339 11.775 11.776z",
               clipRule: "evenodd"
@@ -33,5 +37,5 @@ const g = s(
   })
 );
 export {
-  g as default
+  u as default
 };

package/dist/assets/pictograms/formatted/Submit.js

@@ -1,28 +1,32 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { memo as a, forwardRef as f } from "react";
-import { kebabCase as c } from "../../../node_modules/change-case/dist/index.js";
-const u = a(
-  f((t, r) => {
-    const { color: i, height: d, width: m, title: l, titleId: n } = t, o = n || c(l || "");
-    return /* @__PURE__ */ s(
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { memo as n, forwardRef as h } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const v = n(
+  h((e, a) => {
+    const { color: o, height: r, width: s, title: l, titleId: d } = e, i = d || f(l || ""), c = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
+    return /* @__PURE__ */ m(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: d,
-        width: m,
+        height: r,
+        width: s,
         role: "img",
-        ref: r,
-        "aria-labelledby": o,
-        ...t,
+        ref: a,
+        "aria-labelledby": i,
+        ...c,
         children: [
-          l ? /* @__PURE__ */ e("title", { id: o, children: l }) : null,
-          /* @__PURE__ */ e("path", { fill: i, d: "m40.07 23 2.122 2.121-7.07 7.071L33 30.072z" }),
-          /* @__PURE__ */ e(
+          l ? /* @__PURE__ */ t("title", { id: i, children: l }) : null,
+          /* @__PURE__ */ t("path", { fill: o, d: "m40.07 23 2.122 2.121-7.07 7.071L33 30.072z" }),
+          /* @__PURE__ */ t(
             "path",
             {
-              fill: i,
+              fill: o,
               fillRule: "evenodd",
               d: "M2.824 29.078 56.93 7.096l-8.964 52.662-11.069-11.99L27.5 57.792V38.051zM30.5 40.837v9.37l4.358-4.649zM11.176 28.922l18.184 6.613c.325.118.617.313.852.567l15.821 17.14 7.036-41.339z",
               clipRule: "evenodd"
@@ -34,5 +38,5 @@ const u = a(
   })
 );
 export {
-  u as default
+  v as default
 };

package/dist/assets/pictograms/formatted/Timer.js

@@ -1,39 +1,43 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { memo as n, forwardRef as a } from "react";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { memo as m, forwardRef as n } from "react";
 import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
-const w = n(
-  a((i, r) => {
-    const { color: e, height: d, width: h, title: t, titleId: s } = i, o = s || f(t || "");
-    return /* @__PURE__ */ m(
+const u = m(
+  n((e, a) => {
+    const { color: o, height: r, width: s, title: l, titleId: d } = e, i = d || f(l || ""), h = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
+    return /* @__PURE__ */ c(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: d,
-        width: h,
+        height: r,
+        width: s,
         role: "img",
-        ref: r,
-        "aria-labelledby": o,
-        ...i,
+        ref: a,
+        "aria-labelledby": i,
+        ...h,
         children: [
-          t ? /* @__PURE__ */ l("title", { id: o, children: t }) : null,
-          /* @__PURE__ */ l("path", { fill: e, d: "M33.5 23h-3v9H29v6h6v-1.5h13v-3H35V32h-1.5z" }),
-          /* @__PURE__ */ l(
+          l ? /* @__PURE__ */ t("title", { id: i, children: l }) : null,
+          /* @__PURE__ */ t("path", { fill: o, d: "M33.5 23h-3v9H29v6h6v-1.5h13v-3H35V32h-1.5z" }),
+          /* @__PURE__ */ t(
             "path",
             {
-              fill: e,
+              fill: o,
               fillRule: "evenodd",
               d: "M57 35c0 13.807-11.193 25-25 25S7 48.807 7 35s11.193-25 25-25 25 11.193 25 25m-3 0c0 12.15-9.85 22-22 22s-22-9.85-22-22 9.85-22 22-22 22 9.85 22 22",
               clipRule: "evenodd"
             }
           ),
-          /* @__PURE__ */ l("path", { fill: e, d: "M25 4h14v3h-5.5v1.667h-3V7H25zM16.364 13.121 14.243 11 10 15.243l2.121 2.121z" })
+          /* @__PURE__ */ t("path", { fill: o, d: "M25 4h14v3h-5.5v1.667h-3V7H25zM16.364 13.121 14.243 11 10 15.243l2.121 2.121z" })
         ]
       }
     );
   })
 );
 export {
-  w as default
+  u as default
 };

package/dist/assets/pictograms/formatted/Verification.js

@@ -1,29 +1,33 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
-import { memo as f, forwardRef as v } from "react";
-import { kebabCase as m } from "../../../node_modules/change-case/dist/index.js";
-const u = f(
-  v((t, d) => {
-    const { color: e, height: r, width: h, title: i, titleId: n } = t, o = n || m(i || "");
-    return /* @__PURE__ */ a(
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { memo as n, forwardRef as m } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const w = n(
+  m((e, a) => {
+    const { color: o, height: d, width: r, title: l, titleId: h } = e, i = h || f(l || ""), s = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
+    return /* @__PURE__ */ c(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: r,
-        width: h,
+        height: d,
+        width: r,
         role: "img",
-        ref: d,
-        "aria-labelledby": o,
-        ...t,
+        ref: a,
+        "aria-labelledby": i,
+        ...s,
         children: [
-          i ? /* @__PURE__ */ l("title", { id: o, children: i }) : null,
-          /* @__PURE__ */ l("path", { fill: e, fillRule: "evenodd", d: "M10 29V17h12v12zm3-9h6v6h-6z", clipRule: "evenodd" }),
-          /* @__PURE__ */ l("path", { fill: e, d: "M26 18h19v3H26zM26 24h19v3H26zM55.121 37.5 46 46.621 40.879 41.5 43 39.379l3 3 7-7z" }),
-          /* @__PURE__ */ l(
+          l ? /* @__PURE__ */ t("title", { id: i, children: l }) : null,
+          /* @__PURE__ */ t("path", { fill: o, fillRule: "evenodd", d: "M10 29V17h12v12zm3-9h6v6h-6z", clipRule: "evenodd" }),
+          /* @__PURE__ */ t("path", { fill: o, d: "M26 18h19v3H26zM26 24h19v3H26zM55.121 37.5 46 46.621 40.879 41.5 43 39.379l3 3 7-7z" }),
+          /* @__PURE__ */ t(
             "path",
             {
-              fill: e,
+              fill: o,
               fillRule: "evenodd",
               d: "M4 43h32.166c.952 5.675 5.888 10 11.834 10 6.627 0 12-5.373 12-12 0-4.843-2.869-9.016-7-10.912V11H4zm46-13.834V14H7v20h31.252c2.178-3.028 5.733-5 9.748-5q1.023.001 2 .166M36.683 37H7v3h29.041a12 12 0 0 1 .642-3M48 50a9 9 0 1 0 0-18 9 9 0 0 0 0 18",
               clipRule: "evenodd"
@@ -35,5 +39,5 @@ const u = f(
   })
 );
 export {
-  u as default
+  w as default
 };

package/dist/components/AddToCalendar/AddToCalendar.js

@@ -10,9 +10,9 @@ import P from "../Link/Link.js";
 import { generateGoogleCalendarLink as $, generateOutlookOnlineLink as w, generateYahooCalendarLink as R, generateCalendarFile as S } from "./calendarLinks.js";
 import j from "../IconButton/IconButton.js";
 const G = b(
-  ({ className: r, event: o, label: s = "Add to calendar", linkElement: d = P, ...n }, c) => {
-    const { className: l, ...m } = g(n, "AddToCalendar"), [t, f] = h(!1), k = (e, i) => {
-      e === "file" ? S(o) : e === "link" && i && window.open(i, "_blank");
+  ({ className: s, event: o, label: n = "Add to calendar", linkElement: d = P, ...t }, c) => {
+    const { className: l, ...m } = g(t, "AddToCalendar"), [i, f] = h(!1), k = (e, r) => {
+      e === "file" ? S(o) : e === "link" && r && window.open(r, "_blank");
     }, p = [
       { label: "iCalendar", action: "file" },
       { label: "Google Calendar", action: "link", link: $(o) },
@@ -20,8 +20,8 @@ const G = b(
       { label: "Outlook Online", action: "link", link: w(o) },
       { label: "Yahoo Calendar", action: "link", link: R(o) }
     ];
-    return /* @__PURE__ */ a("div", { ...m, className: u(l, r), ...n, ref: c, children: /* @__PURE__ */ C(O, { open: t, onOpenChange: f, children: [
-      /* @__PURE__ */ a(I, { asChild: !0, children: /* @__PURE__ */ a(j, { children: /* @__PURE__ */ a(L, { icon: t ? "CloseX" : "Calendar", title: s }) }) }),
+    return /* @__PURE__ */ a("div", { ...m, className: u(l, s), ...t, ref: c, children: /* @__PURE__ */ C(O, { open: i, onOpenChange: f, children: [
+      /* @__PURE__ */ a(I, { asChild: !0, children: /* @__PURE__ */ a(j, { "aria-label": n, children: /* @__PURE__ */ a(L, { icon: i ? "CloseX" : "Calendar", title: n }) }) }),
       /* @__PURE__ */ a(T, { children: /* @__PURE__ */ a(
         x,
         {

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,41 @@
+import { ComponentProps, ElementType } from 'react';
+import { Link } from '../Link';
+import { SeldonImage } from '../SeldonImage';
+import { Video } from '../Video';
+import { Text } from '../Text';
+import { CardVariants } from './types';
+export interface CardRootProps extends ComponentProps<'div'> {
+    /**
+     * Root element for the card shell. Defaults to `div`.
+     */
+    element?: ElementType;
+    /**
+     * Layout variant for the card.
+     */
+    variant?: CardVariants;
+}
+export type CardProps = CardRootProps;
+export type CardImageProps = Omit<ComponentProps<typeof SeldonImage>, 'className'>;
+export type CardVideoProps = ComponentProps<typeof Video>;
+export type CardContentProps = ComponentProps<'div'>;
+export type CardEyebrowProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardTitleProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardDescriptionProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardBadgeProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardMetaProps = ComponentProps<'div'>;
+export type CardMetaItemProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardCtaProps = ComponentProps<typeof Link>;
+declare const Card: import('react').ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & import('react').RefAttributes<HTMLElement>> & {
+    Root: import('react').ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Image: import('react').ForwardRefExoticComponent<Omit<CardImageProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Video: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Video').VideoProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Eyebrow: import('react').ForwardRefExoticComponent<Omit<CardEyebrowProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Title: import('react').ForwardRefExoticComponent<Omit<CardTitleProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Description: import('react').ForwardRefExoticComponent<Omit<CardDescriptionProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Badge: import('react').ForwardRefExoticComponent<Omit<CardBadgeProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Meta: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    MetaItem: import('react').ForwardRefExoticComponent<Omit<CardMetaItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Cta: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Link').LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+};
+export default Card;

package/dist/components/Card/Card.js

@@ -0,0 +1,80 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "../../_virtual/index.js";
+import { forwardRef as s } from "react";
+import { getCommonProps as w, px as o } from "../../utils/index.js";
+import { LinkVariants as x } from "../Link/types.js";
+import T from "../Link/Link.js";
+import R from "../SeldonImage/SeldonImage.js";
+import k from "../Video/Video.js";
+import { TextVariants as i } from "../Text/types.js";
+import l from "../Text/Text.js";
+import { CardVariants as u } from "./types.js";
+const c = s(
+  ({ element: e = "div", className: r, id: a, variant: d = u.default, ...n }, S) => {
+    const { className: C, ...V } = w({ id: a, ...n }, "Card"), M = m(C, r, {
+      [`${C}--${d}`]: d
+    });
+    return /* @__PURE__ */ t(e, { className: M, id: a, ref: S, ...V, ...n });
+  }
+), p = s(({ aspectRatio: e = "16/9", ...r }, a) => /* @__PURE__ */ t(R, { ...r, aspectRatio: e, className: `${o}-card__image`, ref: a })), N = s(({ aspectRatio: e = 16 / 9, className: r, ...a }, d) => /* @__PURE__ */ t(k, { ...a, ref: d, aspectRatio: e, className: m(`${o}-card__video`, r) })), _ = s(({ className: e, ...r }, a) => /* @__PURE__ */ t("div", { ...r, className: m(`${o}-card__details`, e), ref: a })), y = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
+  l,
+  {
+    ...r,
+    className: m(`${o}-card__eyebrow`, e),
+    ref: a,
+    variant: i.labelSmall
+  }
+)), f = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
+  l,
+  {
+    ...r,
+    className: m(`${o}-card__title`, e),
+    ref: a,
+    variant: i.headingSmall
+  }
+)), g = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
+  l,
+  {
+    ...r,
+    className: m(`${o}-card__description`, e),
+    ref: a,
+    variant: i.bodySmall
+  }
+)), $ = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(l, { ...r, className: m(`${o}-card__badge`, e), ref: a, variant: i.badgeSmall })), b = s(({ className: e, ...r }, a) => /* @__PURE__ */ t("div", { ...r, className: m(`${o}-card__meta`, e), ref: a })), v = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
+  l,
+  {
+    ...r,
+    className: m(`${o}-card__meta-item`, e),
+    ref: a,
+    variant: i.labelSmall
+  }
+)), I = s(
+  ({ className: e, variant: r = x.linkSmall, ...a }, d) => /* @__PURE__ */ t(T, { ...a, ref: d, className: m(`${o}-card__cta`, e), variant: r })
+);
+c.displayName = "Card.Root";
+p.displayName = "Card.Image";
+N.displayName = "Card.Video";
+_.displayName = "Card.Content";
+y.displayName = "Card.Eyebrow";
+f.displayName = "Card.Title";
+g.displayName = "Card.Description";
+$.displayName = "Card.Badge";
+b.displayName = "Card.Meta";
+v.displayName = "Card.MetaItem";
+I.displayName = "Card.Cta";
+const F = Object.assign(c, {
+  Root: c,
+  Image: p,
+  Video: N,
+  Content: _,
+  Eyebrow: y,
+  Title: f,
+  Description: g,
+  Badge: $,
+  Meta: b,
+  MetaItem: v,
+  Cta: I
+});
+export {
+  F as default
+};

package/dist/components/Card/Card.stories.d.ts

@@ -0,0 +1,63 @@
+import { CardRootProps } from './Card';
+import { CardVariants } from './types';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & import('react').RefAttributes<HTMLElement>> & {
+        Root: import('react').ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Image: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardImageProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        Video: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Video').VideoProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        Eyebrow: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardEyebrowProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Title: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardTitleProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Description: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardDescriptionProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Badge: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardBadgeProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Meta: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        MetaItem: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardMetaItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Cta: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Link').LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+    };
+};
+export default meta;
+export declare const Playground: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        id: string;
+    };
+    argTypes: {
+        element: {
+            control: boolean;
+        };
+        variant: {
+            options: CardVariants[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export declare const ArticleCard: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        id: string;
+    };
+};
+export declare const ArticleCardWithCta: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        id: string;
+    };
+};
+export declare const MediaCard: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        id: string;
+        variant: CardVariants;
+    };
+};
+export declare const CardWithImagePlaceholder: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        id: string;
+    };
+};

package/dist/components/Card/Card.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Card, type CardBadgeProps, type CardContentProps, type CardCtaProps, type CardDescriptionProps, type CardEyebrowProps, type CardImageProps, type CardMetaItemProps, type CardMetaProps, type CardProps, type CardRootProps, type CardTitleProps, type CardVideoProps, } from './Card';
+export { CardVariants } from './types';

package/dist/components/Card/types.d.ts

@@ -0,0 +1,4 @@
+export declare enum CardVariants {
+    default = "default",
+    stacked = "stacked"
+}

package/dist/components/Card/types.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.default = "default", e.stacked = "stacked", e))(t || {});
+export {
+  t as CardVariants
+};