@phillips/seldon 1.273.0 → 1.275.0

package/dist/_virtual/index10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/_virtual/index10.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };

package/dist/_virtual/index9.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/_virtual/index9.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };

package/dist/components/Article/Article.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("react"),q=require("../../utils/index.cjs"),N=require("../../_virtual/index2.cjs"),h=require("../SeldonImage/SeldonImage.cjs"),n=require("../Text/Text.cjs"),u=require("../Text/types.cjs"),$=require("../Link/Link.cjs"),p=require("../Link/types.cjs"),o=j.forwardRef(({className:d,imageSrc:l,label:s,header:a,description:r,linkElement:m=$.default,linkLabel:i,linkHref:x,...c},_)=>{const{className:t,...f}=q.getCommonProps(c,"Article");return e.jsxs("article",{...f,className:N.default(t,d),...c,ref:_,children:[l?e.jsx(h.default,{aspectRatio:"16/9",src:l,alt:"bull"}):null,e.jsxs("div",{className:`${t}__content`,children:[s?e.jsx(n.default,{variant:u.TextVariants.labelSmall,className:`${t}__content-label`,children:s}):null,a?e.jsx(n.default,{variant:u.TextVariants.headingMedium,className:`${t}__content-title`,children:a}):null,r?e.jsx(n.default,{className:`${t}__content-description`,element:"p",children:r}):null,i?e.jsx(m,{href:x,variant:p.LinkVariants.linkMedium,className:`${t}__content-link`,children:i}):null]})]})});o.displayName="Article";exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("react"),j=require("../../utils/index.cjs"),p=require("../../_virtual/index2.cjs"),N=require("../SeldonImage/SeldonImage.cjs"),$=require("../SeldonImage/types.cjs"),s=require("../Text/Text.cjs"),u=require("../Text/types.cjs"),h=require("../Link/Link.cjs"),v=require("../Link/types.cjs"),o=q.forwardRef(({className:d,imageSrc:l,label:a,header:n,description:r,linkElement:m=h.default,linkLabel:i,linkHref:x,...c},_)=>{const{className:t,...f}=j.getCommonProps(c,"Article");return e.jsxs("article",{...f,className:p.default(t,d),...c,ref:_,children:[l?e.jsx(N.default,{aspectRatio:$.AspectRatio.Landscape,src:l,alt:n??""}):null,e.jsxs("div",{className:`${t}__content`,children:[a?e.jsx(s.default,{variant:u.TextVariants.labelSmall,className:`${t}__content-label`,children:a}):null,n?e.jsx(s.default,{variant:u.TextVariants.headingMedium,className:`${t}__content-title`,children:n}):null,r?e.jsx(s.default,{className:`${t}__content-description`,element:"p",children:r}):null,i?e.jsx(m,{href:x,variant:v.LinkVariants.linkMedium,className:`${t}__content-link`,children:i}):null]})]})});o.displayName="Article";exports.default=o;

package/dist/components/Article/Article.js

@@ -1,27 +1,28 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
 import { getCommonProps as h } from "../../utils/index.js";
 import x from "../../_virtual/index2.js";
 import $ from "../SeldonImage/SeldonImage.js";
-import t from "../Text/Text.js";
+import { AspectRatio as k } from "../SeldonImage/types.js";
+import l from "../Text/Text.js";
 import { TextVariants as c } from "../Text/types.js";
-import k from "../Link/Link.js";
-import { LinkVariants as v } from "../Link/types.js";
-const A = N(
-  ({ className: d, imageSrc: n, label: a, header: r, description: m, linkElement: f = k, linkLabel: i, linkHref: p, ...o }, u) => {
-    const { className: e, ..._ } = h(o, "Article");
-    return /* @__PURE__ */ s("article", { ..._, className: x(e, d), ...o, ref: u, children: [
-      n ? /* @__PURE__ */ l($, { aspectRatio: "16/9", src: n, alt: "bull" }) : null,
-      /* @__PURE__ */ s("div", { className: `${e}__content`, children: [
-        a ? /* @__PURE__ */ l(t, { variant: c.labelSmall, className: `${e}__content-label`, children: a }) : null,
-        r ? /* @__PURE__ */ l(t, { variant: c.headingMedium, className: `${e}__content-title`, children: r }) : null,
-        m ? /* @__PURE__ */ l(t, { className: `${e}__content-description`, element: "p", children: m }) : null,
-        i ? /* @__PURE__ */ l(f, { href: p, variant: v.linkMedium, className: `${e}__content-link`, children: i }) : null
+import v from "../Link/Link.js";
+import { LinkVariants as A } from "../Link/types.js";
+const R = N(
+  ({ className: p, imageSrc: n, label: r, header: a, description: m, linkElement: f = v, linkLabel: o, linkHref: d, ...i }, _) => {
+    const { className: t, ...u } = h(i, "Article");
+    return /* @__PURE__ */ s("article", { ...u, className: x(t, p), ...i, ref: _, children: [
+      n ? /* @__PURE__ */ e($, { aspectRatio: k.Landscape, src: n, alt: a ?? "" }) : null,
+      /* @__PURE__ */ s("div", { className: `${t}__content`, children: [
+        r ? /* @__PURE__ */ e(l, { variant: c.labelSmall, className: `${t}__content-label`, children: r }) : null,
+        a ? /* @__PURE__ */ e(l, { variant: c.headingMedium, className: `${t}__content-title`, children: a }) : null,
+        m ? /* @__PURE__ */ e(l, { className: `${t}__content-description`, element: "p", children: m }) : null,
+        o ? /* @__PURE__ */ e(f, { href: d, variant: A.linkMedium, className: `${t}__content-link`, children: o }) : null
       ] })
     ] });
   }
 );
-A.displayName = "Article";
+R.displayName = "Article";
 export {
-  A as default
+  R as default
 };

package/dist/components/Card/Card.cjs

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

package/dist/components/Card/Card.js

@@ -3,12 +3,13 @@ import m from "../../_virtual/index2.js";
 import { forwardRef as s } from "react";
 import { getCommonProps as w, px as o } from "../../utils/index.js";
 import { CardVariants as x } from "./types.js";
-import T from "../Link/Link.js";
-import { LinkVariants as R } from "../Link/types.js";
+import R from "../Link/Link.js";
+import { LinkVariants as T } from "../Link/types.js";
 import i from "../Text/Text.js";
 import { TextVariants as l } from "../Text/types.js";
 import k from "../Video/Video.js";
 import u from "../SeldonImage/SeldonImage.js";
+import { AspectRatio as B } from "../SeldonImage/types.js";
 const c = s(
   ({ element: e = "div", className: r, id: a, variant: d = x.default, ...n }, S) => {
     const { className: C, ...V } = w({ id: a, ...n }, "Card"), M = m(C, r, {
@@ -16,7 +17,9 @@ const c = s(
     });
     return /* @__PURE__ */ t(e, { className: M, id: a, ref: S, ...V, ...n });
   }
-), p = s(({ aspectRatio: e = "16/9", ...r }, a) => /* @__PURE__ */ t(u, { ...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(
+), p = s(
+  ({ aspectRatio: e = B.Landscape, ...r }, a) => /* @__PURE__ */ t(u, { ...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 })), f = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
   i,
   {
     ...r,
@@ -24,7 +27,7 @@ const c = s(
     ref: a,
     variant: l.labelSmall
   }
-)), f = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
+)), y = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
   i,
   {
     ...r,
@@ -49,26 +52,26 @@ const c = s(
     variant: l.labelSmall
   }
 )), I = s(
-  ({ className: e, variant: r = R.linkSmall, ...a }, d) => /* @__PURE__ */ t(T, { ...a, ref: d, className: m(`${o}-card__cta`, e), variant: r })
+  ({ className: e, variant: r = T.linkSmall, ...a }, d) => /* @__PURE__ */ t(R, { ...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";
+f.displayName = "Card.Eyebrow";
+y.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, {
+const H = Object.assign(c, {
   Root: c,
   Image: p,
   Video: N,
   Content: _,
-  Eyebrow: y,
-  Title: f,
+  Eyebrow: f,
+  Title: y,
   Description: g,
   Badge: $,
   Meta: b,
@@ -76,5 +79,5 @@ const F = Object.assign(c, {
   Cta: I
 });
 export {
-  F as default
+  H as default
 };

package/dist/components/ExitGateCard/ExitGateCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("../../_virtual/index2.cjs"),v=require("react"),y=require("../../utils/index.cjs"),b=require("../Button/Button.cjs"),C=require("../Button/types.cjs"),E=require("../SeldonImage/SeldonImage.cjs"),a=require("../Text/Text.cjs"),d=require("../Text/types.cjs"),G=require("../Link/Link.cjs"),m=v.forwardRef(({className:x,imageSrc:s,label:n,header:r,description:l,linkLabel:i,linkHref:c,linkElement:o=G.default,variant:_=C.ButtonVariants.secondary,altText:f="Exit Gate Card Image",imageSrcSet:j,imageSizes:q,imageLoading:N,imageFetchPriority:h,...u},g)=>{const{className:t,...p}=y.getCommonProps(u,"ExitGateCard");return e.jsxs("article",{...p,className:$.default(t,x),...u,ref:g,children:[s?e.jsx(E.default,{objectFit:"cover",aspectRatio:"16/9",src:s,alt:f,srcSet:j,sizes:q,loading:N,fetchPriority:h,className:`${t}__desktop_image`}):null,e.jsxs("div",{className:`${t}__content`,children:[n?e.jsx(a.default,{variant:d.TextVariants.labelMedium,element:"span",className:`${t}__content-label`,children:n}):null,r?e.jsx(a.default,{variant:d.TextVariants.headingLarge,element:"span",className:`${t}__content-title`,children:r}):null,l?e.jsx(a.default,{element:"span",className:`${t}__content-description`,children:l}):null,(i||o)&&c?e.jsx(o,{href:c,children:e.jsx(b.default,{variant:_,tabIndex:-1,className:`${t}__content-link`,children:i})}):null]})]})});m.displayName="ExitGateCard";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../../_virtual/index2.cjs"),y=require("react"),v=require("../../utils/index.cjs"),b=require("../Button/Button.cjs"),C=require("../Button/types.cjs"),E=require("../SeldonImage/SeldonImage.cjs"),R=require("../SeldonImage/types.cjs"),a=require("../Text/Text.cjs"),d=require("../Text/types.cjs"),G=require("../Link/Link.cjs"),m=y.forwardRef(({className:x,imageSrc:s,label:n,header:r,description:l,linkLabel:i,linkHref:c,linkElement:o=G.default,variant:_=C.ButtonVariants.secondary,altText:f="Exit Gate Card Image",imageSrcSet:j,imageSizes:p,imageLoading:q,imageFetchPriority:N,...u},h)=>{const{className:t,...$}=v.getCommonProps(u,"ExitGateCard");return e.jsxs("article",{...$,className:g.default(t,x),...u,ref:h,children:[s?e.jsx(E.default,{objectFit:"cover",aspectRatio:R.AspectRatio.Landscape,src:s,alt:f,srcSet:j,sizes:p,loading:q,fetchPriority:N,className:`${t}__desktop_image`}):null,e.jsxs("div",{className:`${t}__content`,children:[n?e.jsx(a.default,{variant:d.TextVariants.labelMedium,element:"span",className:`${t}__content-label`,children:n}):null,r?e.jsx(a.default,{variant:d.TextVariants.headingLarge,element:"span",className:`${t}__content-title`,children:r}):null,l?e.jsx(a.default,{element:"span",className:`${t}__content-description`,children:l}):null,(i||o)&&c?e.jsx(o,{href:c,children:e.jsx(b.default,{variant:_,tabIndex:-1,className:`${t}__content-link`,children:i})}):null]})]})});m.displayName="ExitGateCard";exports.default=m;

package/dist/components/ExitGateCard/ExitGateCard.js

@@ -1,14 +1,15 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import E from "../../_virtual/index2.js";
 import { forwardRef as v } from "react";
 import { getCommonProps as G } from "../../utils/index.js";
 import b from "../Button/Button.js";
 import { ButtonVariants as j } from "../Button/types.js";
 import y from "../SeldonImage/SeldonImage.js";
+import { AspectRatio as I } from "../SeldonImage/types.js";
 import a from "../Text/Text.js";
 import { TextVariants as p } from "../Text/types.js";
-import I from "../Link/Link.js";
-const P = v(
+import P from "../Link/Link.js";
+const R = v(
   ({
     className: f,
     imageSrc: r,
@@ -16,8 +17,8 @@ const P = v(
     header: o,
     description: s,
     linkLabel: m,
-    linkHref: l,
-    linkElement: i = I,
+    linkHref: i,
+    linkElement: l = P,
     variant: _ = j.secondary,
     altText: u = "Exit Gate Card Image",
     imageSrcSet: x,
@@ -26,32 +27,32 @@ const P = v(
     imageFetchPriority: g,
     ...c
   }, $) => {
-    const { className: e, ...C } = G(c, "ExitGateCard");
-    return /* @__PURE__ */ d("article", { ...C, className: E(e, f), ...c, ref: $, children: [
-      r ? /* @__PURE__ */ t(
+    const { className: t, ...C } = G(c, "ExitGateCard");
+    return /* @__PURE__ */ d("article", { ...C, className: E(t, f), ...c, ref: $, children: [
+      r ? /* @__PURE__ */ e(
         y,
         {
           objectFit: "cover",
-          aspectRatio: "16/9",
+          aspectRatio: I.Landscape,
           src: r,
           alt: u,
           srcSet: x,
           sizes: N,
           loading: h,
           fetchPriority: g,
-          className: `${e}__desktop_image`
+          className: `${t}__desktop_image`
         }
       ) : null,
-      /* @__PURE__ */ d("div", { className: `${e}__content`, children: [
-        n ? /* @__PURE__ */ t(a, { variant: p.labelMedium, element: "span", className: `${e}__content-label`, children: n }) : null,
-        o ? /* @__PURE__ */ t(a, { variant: p.headingLarge, element: "span", className: `${e}__content-title`, children: o }) : null,
-        s ? /* @__PURE__ */ t(a, { element: "span", className: `${e}__content-description`, children: s }) : null,
-        (m || i) && l ? /* @__PURE__ */ t(i, { href: l, children: /* @__PURE__ */ t(b, { variant: _, tabIndex: -1, className: `${e}__content-link`, children: m }) }) : null
+      /* @__PURE__ */ d("div", { className: `${t}__content`, children: [
+        n ? /* @__PURE__ */ e(a, { variant: p.labelMedium, element: "span", className: `${t}__content-label`, children: n }) : null,
+        o ? /* @__PURE__ */ e(a, { variant: p.headingLarge, element: "span", className: `${t}__content-title`, children: o }) : null,
+        s ? /* @__PURE__ */ e(a, { element: "span", className: `${t}__content-description`, children: s }) : null,
+        (m || l) && i ? /* @__PURE__ */ e(l, { href: i, children: /* @__PURE__ */ e(b, { variant: _, tabIndex: -1, className: `${t}__content-link`, children: m }) }) : null
       ] })
     ] });
   }
 );
-P.displayName = "ExitGateCard";
+R.displayName = "ExitGateCard";
 export {
-  P as default
+  R as default
 };

package/dist/components/SeldonImage/SeldonImage.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("react"),u=require("../../_virtual/index2.cjs"),w=require("../../utils/index.cjs"),P=require("./utils.cjs"),x=require("../Icon/Icon.cjs"),R=typeof window>"u",h=o.memo(o.forwardRef(({className:j,aspectRatio:c="none",objectFit:g="none",hasBlurBackground:y=!1,imageClassName:p,imageStyle:N,src:a,alt:f,srcSet:n,sizes:i,loading:q,fetchPriority:E,errorText:L="Error loading image",imageBlocked:l=!1,...$},S)=>{const{className:e,...b}=w.getCommonProps($,"SeldonImage"),I=o.useRef(null),[t,d]=o.useState(()=>{if(R)return"loading";const s=document.getElementById(a);if(s instanceof HTMLImageElement&&!s.classList.contains(`${e}-img--hidden`))return"loaded";const m=document.createElement("img");return n&&(m.srcset=n),i&&(m.sizes=i),m.src=a,m.complete?"loaded":"loading"}),v=o.useCallback(async()=>{const s=await P.isImageValid({img:I.current,src:a,srcSet:n,sizes:i});d(s?"loaded":"error")},[a,n,i]);return o.useEffect(()=>{v()},[v]),r.jsxs("div",{"data-chromatic":"ignore",ref:S,className:u.default(e,j,{[`${e}--aspect-ratio-${c.replace("/","-")}`]:c!=="none",[`${e}--error-image`]:t==="error"||l}),role:"img","aria-label":f,...$,...b,children:[y&&r.jsx("div",{className:u.default(`${e}-blur`,{[`${e}-blur--hidden`]:t==="loading"||t==="error"||l}),style:{backgroundImage:`url(${a})`}}),t==="error"||l?r.jsx("div",{className:`${e}--error`,children:l?r.jsx(x.default,{icon:"ImageUnavailable","aria-label":"Image Unavailable",role:"img"}):r.jsx(x.default,{icon:"PhillipsLogo","aria-label":L,role:"img",color:"$black-25"})}):null,r.jsx("img",{className:u.default(`${e}-img`,p,{[`${e}-img--hidden`]:t==="error"||l,[`${e}-img--object-fit-${g}`]:g!=="none"}),id:a,style:N,src:a,srcSet:n,sizes:i,alt:f,"data-testid":`${b["data-testid"]}-img`,ref:I,loading:q,fetchpriority:E,onLoad:()=>{d("loaded")},onError:()=>{d("error")}})]})}));h.displayName="SeldonImage";exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("react"),u=require("../../_virtual/index2.cjs"),w=require("../../utils/index.cjs"),P=require("./utils.cjs"),v=require("./types.cjs"),x=require("../Icon/Icon.cjs"),C=typeof window>"u",y=r.memo(r.forwardRef(({className:N,aspectRatio:c=v.AspectRatio.None,objectFit:g="none",hasBlurBackground:h=!1,imageClassName:j,imageStyle:q,src:a,alt:f,srcSet:i,sizes:n,loading:E,fetchPriority:R,errorText:L="Error loading image",imageBlocked:t=!1,...$},S)=>{const{className:e,...b}=w.getCommonProps($,"SeldonImage"),I=r.useRef(null),[l,s]=r.useState(()=>{if(C)return"loading";const d=document.getElementById(a);if(d instanceof HTMLImageElement&&!d.classList.contains(`${e}-img--hidden`))return"loaded";const m=document.createElement("img");return i&&(m.srcset=i),n&&(m.sizes=n),m.src=a,m.complete?"loaded":"loading"}),p=r.useCallback(async()=>{const d=await P.isImageValid({img:I.current,src:a,srcSet:i,sizes:n});s(d?"loaded":"error")},[a,i,n]);return r.useEffect(()=>{p()},[p]),o.jsxs("div",{"data-chromatic":"ignore",ref:S,className:u.default(e,N,{[`${e}--aspect-ratio-${c.replace("/","-")}`]:c!==v.AspectRatio.None,[`${e}--error-image`]:l==="error"||t}),role:"img","aria-label":f,...$,...b,children:[h&&o.jsx("div",{className:u.default(`${e}-blur`,{[`${e}-blur--hidden`]:l==="loading"||l==="error"||t}),style:{backgroundImage:`url(${a})`}}),l==="error"||t?o.jsx("div",{className:`${e}--error`,children:t?o.jsx(x.default,{icon:"ImageUnavailable","aria-label":"Image Unavailable",role:"img"}):o.jsx(x.default,{icon:"PhillipsLogo","aria-label":L,role:"img",color:"$black-25"})}):null,o.jsx("img",{className:u.default(`${e}-img`,j,{[`${e}-img--hidden`]:l==="error"||t,[`${e}-img--object-fit-${g}`]:g!=="none"}),id:a,style:q,src:a,srcSet:i,sizes:n,alt:f,"data-testid":`${b["data-testid"]}-img`,ref:I,loading:E,fetchpriority:R,onLoad:()=>{s("loaded")},onError:()=>{s("error")}})]})}));y.displayName="SeldonImage";exports.default=y;

package/dist/components/SeldonImage/SeldonImage.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-type AspectRatio = '16/9' | '1/1' | 'none';
+import { AspectRatio } from './types';
 export interface SeldonImageProps extends ComponentProps<'div'> {
     /**
      * The aspect ratio of the image container.

package/dist/components/SeldonImage/SeldonImage.js

@@ -1,93 +1,94 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
-import { memo as P, forwardRef as S, useRef as j, useState as R, useCallback as U, useEffect as V } from "react";
+import { jsxs as P, jsx as l } from "react/jsx-runtime";
+import { memo as R, forwardRef as S, useRef as j, useState as U, useCallback as V, useEffect as A } from "react";
 import s from "../../_virtual/index2.js";
 import { getCommonProps as H } from "../../utils/index.js";
 import { isImageValid as M } from "./utils.js";
-import I from "../Icon/Icon.js";
-const T = typeof window > "u", q = P(
+import { AspectRatio as I } from "./types.js";
+import N from "../Icon/Icon.js";
+const T = typeof window > "u", q = R(
   S(
     ({
       className: h,
-      aspectRatio: g = "none",
+      aspectRatio: g = I.None,
       objectFit: c = "none",
       hasBlurBackground: v = !1,
       imageClassName: y,
-      imageStyle: N,
-      src: a,
+      imageStyle: E,
+      src: o,
       alt: f,
-      srcSet: o,
+      srcSet: a,
       sizes: r,
-      loading: E,
-      fetchPriority: L,
-      errorText: w = "Error loading image",
-      imageBlocked: n = !1,
+      loading: L,
+      fetchPriority: w,
+      errorText: x = "Error loading image",
+      imageBlocked: i = !1,
       ...u
-    }, x) => {
-      const { className: e, ...$ } = H(u, "SeldonImage"), p = j(null), [i, m] = R(() => {
+    }, C) => {
+      const { className: e, ...p } = H(u, "SeldonImage"), $ = j(null), [n, t] = U(() => {
         if (T)
           return "loading";
-        const t = document.getElementById(a);
-        if (t instanceof HTMLImageElement && !t.classList.contains(`${e}-img--hidden`))
+        const m = document.getElementById(o);
+        if (m instanceof HTMLImageElement && !m.classList.contains(`${e}-img--hidden`))
           return "loaded";
         const d = document.createElement("img");
-        return o && (d.srcset = o), r && (d.sizes = r), d.src = a, d.complete ? "loaded" : "loading";
-      }), b = U(async () => {
-        const t = await M({
-          img: p.current,
-          src: a,
-          srcSet: o,
+        return a && (d.srcset = a), r && (d.sizes = r), d.src = o, d.complete ? "loaded" : "loading";
+      }), b = V(async () => {
+        const m = await M({
+          img: $.current,
+          src: o,
+          srcSet: a,
           sizes: r
         });
-        m(t ? "loaded" : "error");
-      }, [a, o, r]);
-      return V(() => {
+        t(m ? "loaded" : "error");
+      }, [o, a, r]);
+      return A(() => {
         b();
-      }, [b]), /* @__PURE__ */ C(
+      }, [b]), /* @__PURE__ */ P(
         "div",
         {
           "data-chromatic": "ignore",
-          ref: x,
+          ref: C,
           className: s(e, h, {
-            [`${e}--aspect-ratio-${g.replace("/", "-")}`]: g !== "none",
-            [`${e}--error-image`]: i === "error" || n
+            [`${e}--aspect-ratio-${g.replace("/", "-")}`]: g !== I.None,
+            [`${e}--error-image`]: n === "error" || i
           }),
           role: "img",
           "aria-label": f,
           ...u,
-          ...$,
+          ...p,
           children: [
             v && /* @__PURE__ */ l(
               "div",
               {
                 className: s(`${e}-blur`, {
-                  [`${e}-blur--hidden`]: i === "loading" || i === "error" || n
+                  [`${e}-blur--hidden`]: n === "loading" || n === "error" || i
                 }),
-                style: { backgroundImage: `url(${a})` }
+                style: { backgroundImage: `url(${o})` }
               }
             ),
-            i === "error" || n ? /* @__PURE__ */ l("div", { className: `${e}--error`, children: n ? /* @__PURE__ */ l(I, { icon: "ImageUnavailable", "aria-label": "Image Unavailable", role: "img" }) : /* @__PURE__ */ l(I, { icon: "PhillipsLogo", "aria-label": w, role: "img", color: "$black-25" }) }) : null,
+            n === "error" || i ? /* @__PURE__ */ l("div", { className: `${e}--error`, children: i ? /* @__PURE__ */ l(N, { icon: "ImageUnavailable", "aria-label": "Image Unavailable", role: "img" }) : /* @__PURE__ */ l(N, { icon: "PhillipsLogo", "aria-label": x, role: "img", color: "$black-25" }) }) : null,
             /* @__PURE__ */ l(
               "img",
               {
                 className: s(`${e}-img`, y, {
-                  [`${e}-img--hidden`]: i === "error" || n,
+                  [`${e}-img--hidden`]: n === "error" || i,
                   [`${e}-img--object-fit-${c}`]: c !== "none"
                 }),
-                id: a,
-                style: N,
-                src: a,
-                srcSet: o,
+                id: o,
+                style: E,
+                src: o,
+                srcSet: a,
                 sizes: r,
                 alt: f,
-                "data-testid": `${$["data-testid"]}-img`,
-                ref: p,
-                loading: E,
-                fetchpriority: L,
+                "data-testid": `${p["data-testid"]}-img`,
+                ref: $,
+                loading: L,
+                fetchpriority: w,
                 onLoad: () => {
-                  m("loaded");
+                  t("loaded");
                 },
                 onError: () => {
-                  m("error");
+                  t("error");
                 }
               }
             )

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

@@ -1,7 +1,15 @@
+import { Decorator } from '@storybook/react-vite';
 import { default as SeldonImage } from './SeldonImage';
+import { AspectRatio } from './types';
 declare const meta: {
     title: string;
     component: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./SeldonImage').SeldonImageProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>>;
+    argTypes: {
+        aspectRatio: {
+            control: "select";
+            options: AspectRatio[];
+        };
+    };
 };
 export default meta;
 export declare const Playground: {
@@ -9,16 +17,75 @@ export declare const Playground: {
     args: {
         src: string;
         alt: string;
-        aspectRatio: string;
+        aspectRatio: AspectRatio;
     };
-    argTypes: {};
+    decorators: Decorator[];
+};
+export declare const AspectRatioLandscape: {
+    (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+        alt: string;
+        aspectRatio: AspectRatio;
+        objectFit: string;
+    };
+    decorators: Decorator[];
+};
+export declare const AspectRatioPortrait: {
+    (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+        alt: string;
+        aspectRatio: AspectRatio;
+        objectFit: string;
+    };
+    decorators: Decorator[];
+};
+export declare const AspectRatioSquare: {
+    (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+        alt: string;
+        aspectRatio: AspectRatio;
+        objectFit: string;
+    };
+    decorators: Decorator[];
+};
+export declare const AspectRatioPortraitHeightConstrained: {
+    (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+        alt: string;
+        aspectRatio: AspectRatio;
+        objectFit: string;
+    };
+    decorators: Decorator[];
+};
+export declare const AspectRatioSquareHeightConstrained: {
+    (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+        alt: string;
+        aspectRatio: AspectRatio;
+        objectFit: string;
+    };
+    decorators: Decorator[];
+};
+export declare const AspectRatioNone: {
+    (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+        alt: string;
+        aspectRatio: AspectRatio;
+    };
+    decorators: Decorator[];
 };
 export declare const CircleImage: {
     (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
     args: {
         src: string;
         alt: string;
-        aspectRatio: string;
+        aspectRatio: AspectRatio;
         objectFit: string;
         imageStyle: {
             borderRadius: string;
@@ -31,7 +98,7 @@ export declare const BlurBackground: {
     args: {
         src: string;
         alt: string;
-        aspectRatio: string;
+        aspectRatio: AspectRatio;
         objectFit: string;
         hasBlurBackground: boolean;
     };
@@ -42,7 +109,7 @@ export declare const BrokenImage: {
     args: {
         src: string;
         alt: string;
-        aspectRatio: string;
+        aspectRatio: AspectRatio;
         objectFit: string;
     };
     argTypes: {};
@@ -52,7 +119,7 @@ export declare const ImageBlocked: {
     args: {
         src: string;
         alt: string;
-        aspectRatio: string;
+        aspectRatio: AspectRatio;
         objectFit: string;
         imageBlocked: boolean;
     };

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

@@ -1 +1,2 @@
 export { default as SeldonImage, type SeldonImageProps } from './SeldonImage';
+export { AspectRatio } from './types';

package/dist/components/SeldonImage/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Landscape="16/9",e.Portrait="3/4",e.Square="1/1",e.None="none",e))(r||{});exports.AspectRatio=r;

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

@@ -0,0 +1,6 @@
+export declare enum AspectRatio {
+    Landscape = "16/9",
+    Portrait = "3/4",
+    Square = "1/1",
+    None = "none"
+}

package/dist/components/SeldonImage/types.js

@@ -0,0 +1,4 @@
+var n = /* @__PURE__ */ ((r) => (r.Landscape = "16/9", r.Portrait = "3/4", r.Square = "1/1", r.None = "none", r))(n || {});
+export {
+  n as AspectRatio
+};