@phillips/seldon 1.279.2 → 1.280.0

package/dist/components/SplitPanel/SplitPanel.js

@@ -1,18 +1,20 @@
+import './_splitPanel.css';
 import { jsx as n } from "react/jsx-runtime";
 import i from "../../_virtual/index2.js";
 import { forwardRef as p } from "react";
 import { getCommonProps as c } from "../../utils/index.js";
+
 const f = p(
-  ({ children: s, className: m, element: a = "section", hasBorder: r = !0, ...e }, t) => {
+  ({ children: m, className: s, element: r = "section", hasBorder: a = !0, ...e }, t) => {
     const { className: o, ...l } = c(e, "SplitPanel");
     return /* @__PURE__ */ n(
-      a,
+      r,
       {
         ...l,
-        className: i(o, m, { [`${o}--borderless`]: !r }),
+        className: i(o, s, { [`${o}--borderless`]: !a }),
         ref: t,
         ...e,
-        children: s
+        children: m
       }
     );
   }

package/dist/components/SplitPanel/_splitPanel.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-split-panel{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.seldon-split-panel>*{flex:1 1 0px}@media(min-width:961px){.seldon-split-panel{align-items:stretch;flex-direction:row}.seldon-split-panel>:first-child,.seldon-split-panel>:last-child{width:50%}.seldon-split-panel>:not(:last-child){border-right:1px solid #eae9e6;padding-right:var(--spacing-md)}.seldon-split-panel--borderless>:not(:last-child){border-right:none;padding-right:0}}}

package/dist/components/Tabs/TabsContainer.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../node_modules/@radix-ui/react-tabs/dist/index.cjs"),f=require("../../_virtual/index2.cjs"),q=require("react"),v=require("../../utils/index.cjs"),T=require("./TabTrigger.cjs"),_=require("../Text/Text.cjs"),g=require("../Text/types.cjs"),i=q.forwardRef(({className:n,tabs:r=[],tabListLabel:u,children:o,defaultValue:c,value:d,onTabClick:m,...l},x)=>{const{className:a,...b}=v.getCommonProps(l,"TabsContainer");return e.jsxs(t.Root,{...l,defaultValue:c||r[0].value,value:d,...b,className:f.default(`${a}`,n),ref:x,children:[e.jsxs(t.List,{"aria-label":u,className:`${a}__tabs-list`,children:[r.map(s=>e.jsx(T.default,{value:s.value,className:`${a}__tabs-trigger`,onClick:m,children:e.jsx(_.default,{variant:g.TextVariants.labelMedium,children:s.label})},s.value)),e.jsx("div",{className:`${a}__full-bleed-underline`})]}),o]})});i.displayName="TabsContainer";exports.default=i;
+require('./_tabs.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../node_modules/@radix-ui/react-tabs/dist/index.cjs"),f=require("../../_virtual/index2.cjs"),q=require("react"),v=require("../../utils/index.cjs"),T=require("./TabTrigger.cjs");;const _=require("../Text/Text.cjs"),g=require("../Text/types.cjs"),i=q.forwardRef(({className:n,tabs:r=[],tabListLabel:u,children:o,defaultValue:c,value:d,onTabClick:m,...l},x)=>{const{className:a,...b}=v.getCommonProps(l,"TabsContainer");return e.jsxs(t.Root,{...l,defaultValue:c||r[0].value,value:d,...b,className:f.default(`${a}`,n),ref:x,children:[e.jsxs(t.List,{"aria-label":u,className:`${a}__tabs-list`,children:[r.map(s=>e.jsx(T.default,{value:s.value,className:`${a}__tabs-trigger`,onClick:m,children:e.jsx(_.default,{variant:g.TextVariants.labelMedium,children:s.label})},s.value)),e.jsx("div",{className:`${a}__full-bleed-underline`})]}),o]})});i.displayName="TabsContainer";exports.default=i;

package/dist/components/Tabs/TabsContainer.js

@@ -1,9 +1,11 @@
+import './_tabs.css';
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { Root as u, List as b } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
 import N from "../../_virtual/index2.js";
 import { forwardRef as T } from "react";
 import { getCommonProps as v } from "../../utils/index.js";
 import C from "./TabTrigger.js";
+
 import _ from "../Text/Text.js";
 import { TextVariants as g } from "../Text/types.js";
 const x = T(

package/dist/components/Tabs/_tabs.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-tabs-container{width:100%}.seldon-tabs-container__tabs-list{display:flex;gap:1rem;overflow:visible;position:relative}.seldon-tabs-container__tabs-trigger{background:none;border:none;border-bottom:2px solid transparent;padding-bottom:var(--spacing-sm);padding-inline:0;position:relative;transition:background .2s ease,font-weight .2s ease-out,border-bottom .2s ease-out}.seldon-tabs-container__tabs-trigger:focus-visible{outline:none}.seldon-tabs-container__tabs-trigger:focus-visible:after{border:2px solid #07c;border-radius:4px;content:"";inset:-4px -4px -6px;pointer-events:none;position:absolute;z-index:1}.seldon-tabs-container__tabs-trigger .seldon-text{color:#75716f;cursor:pointer;font-variation-settings:"wght" 600}.seldon-tabs-container__tabs-trigger .seldon-text:hover{color:#000}.seldon-tabs-container__tabs-trigger[data-state=active]{border-bottom:2px solid #000;color:#000}.seldon-tabs-container__tabs-trigger[data-state=active]:focus-visible{outline:none}.seldon-tabs-container__tabs-trigger[data-state=active]:focus-visible:after{border:2px solid #07c;border-radius:4px;content:"";inset:-6px -6px -8px;pointer-events:none;position:absolute;z-index:1}.seldon-tabs-container__tabs-trigger[data-state=active] .seldon-text{color:#000}.seldon-tabs-container__full-bleed-underline{background:#eae9e6;bottom:0;height:1px;left:0;position:absolute;right:0;transition:transform .2s ease}.seldon-tabs-container__tabs-content{padding:20px 0}}

package/dist/components/Tags/Tags.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("react"),d=require("../../_virtual/index2.cjs"),a=require("../../utils/index.cjs"),x=require("../Button/Button.cjs"),m=require("../Button/types.cjs"),$=require("../Text/Text.cjs"),g=require("../Text/types.cjs"),f=require("../Icon/Icon.cjs"),q=({id:n,className:e,onRemove:i,label:r,removeText:s="Remove"})=>t.jsxs(x.default,{className:d.default(`${a.px}-tag`,`${a.px}-button`,e),"aria-label":`${s} ${r}`,onClick:()=>i(r),variant:m.ButtonVariants.tertiary,children:[t.jsx($.default,{variant:g.TextVariants.labelSmall,children:r}),t.jsx("div",{className:`${a.px}-tag__button`,"data-testid":`${n}-item-close-button`,children:t.jsx(f.default,{icon:"CloseX",height:8,width:8,color:"currentColor",className:`${a.px}-tag__icon`})})]}),j=u.forwardRef(({className:n,children:e,clearAllLabel:i="Clear All",onClear:r,...s},p)=>{const l="tags-list",{className:h,...y}=a.getCommonProps(s,"TagsList"),{id:o}=s;return t.jsxs("ul",{className:d.default(`${a.px}-${l}`,h,n),...y,...s,"data-testid":`${l}-${o}`,ref:p,children:[Array.isArray(e)?u.Children.map(e,c=>t.jsx("li",{children:c},c.props.id)):e,Array.isArray(e)&&e.length>0&&t.jsx("li",{children:t.jsxs(x.default,{onClick:r,"data-testid":`${o}-clear-all-button`,className:`${a.px}-${l}--clear`,"aria-label":i,variant:m.ButtonVariants.tertiary,children:[t.jsx(f.default,{icon:"ArrowLeft",color:"currentColor",height:24,width:24}),t.jsx($.default,{variant:g.TextVariants.labelSmall,children:i})]})})]})});j.displayName="Tags";exports.Tag=q;exports.default=j;
+require('./_tags.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("react"),d=require("../../_virtual/index2.cjs"),a=require("../../utils/index.cjs"),x=require("../Button/Button.cjs"),m=require("../Button/types.cjs");;const $=require("../Text/Text.cjs"),g=require("../Text/types.cjs"),f=require("../Icon/Icon.cjs"),q=({id:n,className:e,onRemove:i,label:r,removeText:s="Remove"})=>t.jsxs(x.default,{className:d.default(`${a.px}-tag`,`${a.px}-button`,e),"aria-label":`${s} ${r}`,onClick:()=>i(r),variant:m.ButtonVariants.tertiary,children:[t.jsx($.default,{variant:g.TextVariants.labelSmall,children:r}),t.jsx("div",{className:`${a.px}-tag__button`,"data-testid":`${n}-item-close-button`,children:t.jsx(f.default,{icon:"CloseX",height:8,width:8,color:"currentColor",className:`${a.px}-tag__icon`})})]}),j=u.forwardRef(({className:n,children:e,clearAllLabel:i="Clear All",onClear:r,...s},p)=>{const l="tags-list",{className:h,...y}=a.getCommonProps(s,"TagsList"),{id:o}=s;return t.jsxs("ul",{className:d.default(`${a.px}-${l}`,h,n),...y,...s,"data-testid":`${l}-${o}`,ref:p,children:[Array.isArray(e)?u.Children.map(e,c=>t.jsx("li",{children:c},c.props.id)):e,Array.isArray(e)&&e.length>0&&t.jsx("li",{children:t.jsxs(x.default,{onClick:r,"data-testid":`${o}-clear-all-button`,className:`${a.px}-${l}--clear`,"aria-label":i,variant:m.ButtonVariants.tertiary,children:[t.jsx(f.default,{icon:"ArrowLeft",color:"currentColor",height:24,width:24}),t.jsx($.default,{variant:g.TextVariants.labelSmall,children:i})]})})]})});j.displayName="Tags";exports.Tag=q;exports.default=j;

package/dist/components/Tags/Tags.js

@@ -1,19 +1,21 @@
+import './_tags.css';
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import N, { forwardRef as b } from "react";
 import d from "../../_virtual/index2.js";
 import { px as r, getCommonProps as v } from "../../utils/index.js";
-import f from "../Button/Button.js";
-import { ButtonVariants as p } from "../Button/types.js";
+import p from "../Button/Button.js";
+import { ButtonVariants as f } from "../Button/types.js";
+
 import $ from "../Text/Text.js";
 import { TextVariants as u } from "../Text/types.js";
 import g from "../Icon/Icon.js";
-const P = ({ id: s, className: t, onRemove: e, label: o, removeText: i = "Remove" }) => /* @__PURE__ */ m(
-  f,
+const S = ({ id: s, className: t, onRemove: e, label: o, removeText: i = "Remove" }) => /* @__PURE__ */ m(
+  p,
   {
     className: d(`${r}-tag`, `${r}-button`, t),
     "aria-label": `${i} ${o}`,
     onClick: () => e(o),
-    variant: p.tertiary,
+    variant: f.tertiary,
     children: [
       /* @__PURE__ */ a($, { variant: u.labelSmall, children: o }),
       /* @__PURE__ */ a("div", { className: `${r}-tag__button`, "data-testid": `${s}-item-close-button`, children: /* @__PURE__ */ a(g, { icon: "CloseX", height: 8, width: 8, color: "currentColor", className: `${r}-tag__icon` }) })
@@ -33,13 +35,13 @@ const P = ({ id: s, className: t, onRemove: e, label: o, removeText: i = "Remove
         children: [
           Array.isArray(t) ? N.Children.map(t, (c) => /* @__PURE__ */ a("li", { children: c }, c.props.id)) : t,
           Array.isArray(t) && t.length > 0 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ m(
-            f,
+            p,
             {
               onClick: o,
               "data-testid": `${n}-clear-all-button`,
               className: `${r}-${l}--clear`,
               "aria-label": e,
-              variant: p.tertiary,
+              variant: f.tertiary,
               children: [
                 /* @__PURE__ */ a(g, { icon: "ArrowLeft", color: "currentColor", height: 24, width: 24 }),
                 /* @__PURE__ */ a($, { variant: u.labelSmall, children: e })
@@ -53,6 +55,6 @@ const P = ({ id: s, className: t, onRemove: e, label: o, removeText: i = "Remove
 );
 x.displayName = "Tags";
 export {
-  P as Tag,
+  S as Tag,
   x as default
 };

package/dist/components/Tags/_tags.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-tags-list{align-items:center;display:flex;flex-flow:row wrap;gap:var(--spacing-sm)}.seldon-tags-list .seldon-tag{border:1px solid #000;border-radius:40px;gap:var(--spacing-micro);height:inherit;padding:var(--spacing-xsm) var(--spacing-sm);transition:border-color .25s}.seldon-tags-list .seldon-tag__icon svg{color:#000;height:1rem;width:1rem}.seldon-tags-list .seldon-tag__label{color:#000;font-size:var(--body-size3);font-variation-settings:"wght" 600;text-align:center;transition:color .25s}.seldon-tags-list .seldon-tag:hover{border-color:#75716f;color:#75716f}.seldon-tags-list .seldon-tag:hover .seldon-tag__label{color:#75716f}.seldon-tags-list .seldon-tag:hover svg{color:#75716f}.seldon-tags-list--clear{align-items:center;border-color:#fff;border-style:solid;border-width:1px;color:#000;display:flex;gap:var(--spacing-micro);height:2rem;padding:0 var(--spacing-sm)}.seldon-tags-list--clear svg{fill:#000;height:1rem;width:1rem}.seldon-tags-list--clear svg path{fill:#000}.seldon-tags-list--clear:hover{color:#75716f;cursor:pointer}.seldon-tags-list--clear:hover svg{fill:#75716f}.seldon-tags-list--clear:hover svg path{fill:#75716f}.seldon-tags-list--clear:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px;padding:0 var(--spacing-sm)}}

package/dist/components/Text/Text.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),f=require("react"),a=require("../../utils/index.cjs"),p=require("./types.cjs"),u=require("./utils.cjs"),q=require("../../_virtual/index2.cjs"),m=f.forwardRef(({children:e,className:i,element:l,variant:t=p.TextVariants.bodyMedium,align:s,isSkeletonLoading:c,...n},d)=>{const x=l||u.determineDefaultTextElement(t),{className:o,...T}=a.getCommonProps(n,"Text");return r.jsx(x,{...T,className:q.default(o,i,u.determineTextClassName(t),{[`${o}--${s}`]:!!s}),ref:d,...n,children:c?r.jsx("span",{className:`${a.px}-skeleton`,children:e}):e})});m.displayName="Text";exports.default=m;
+require('./_text.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),T=require("react"),a=require("../../utils/index.cjs"),f=require("./types.cjs"),u=require("./utils.cjs"),p=require("../../_virtual/index2.cjs");;const i=T.forwardRef(({children:e,className:m,element:l,variant:t=f.TextVariants.bodyMedium,align:s,isSkeletonLoading:c,...r},d)=>{const x=l||u.determineDefaultTextElement(t),{className:n,...q}=a.getCommonProps(r,"Text");return o.jsx(x,{...q,className:p.default(n,m,u.determineTextClassName(t),{[`${n}--${s}`]:!!s}),ref:d,...r,children:c?o.jsx("span",{className:`${a.px}-skeleton`,children:e}):e})});i.displayName="Text";exports.default=i;

package/dist/components/Text/Text.js

@@ -1,9 +1,11 @@
+import './_text.css';
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
 import { getCommonProps as c, px as d } from "../../utils/index.js";
 import { TextVariants as N } from "./types.js";
 import { determineDefaultTextElement as T, determineTextClassName as u } from "./utils.js";
 import C from "../../_virtual/index2.js";
+
 const $ = x(
   ({
     children: e,
@@ -11,9 +13,9 @@ const $ = x(
     element: n,
     variant: m = N.bodyMedium,
     align: o,
-    isSkeletonLoading: l,
+    isSkeletonLoading: p,
     ...t
-  }, p) => {
+  }, l) => {
     const f = n || T(m), { className: s, ...i } = c(t, "Text");
     return /* @__PURE__ */ r(
       f,
@@ -22,9 +24,9 @@ const $ = x(
         className: C(s, a, u(m), {
           [`${s}--${o}`]: !!o
         }),
-        ref: p,
+        ref: l,
         ...t,
-        children: l ? /* @__PURE__ */ r("span", { className: `${d}-skeleton`, children: e }) : e
+        children: p ? /* @__PURE__ */ r("span", { className: `${d}-skeleton`, children: e }) : e
       }
     );
   }

package/dist/components/Text/_text.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-text{margin:0}.seldon-text--button{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text--link{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-text--email{font-family:Montserrat,sans-serif;font-variation-settings:"wght" 600;font-size:var(--font-size-link-medium);letter-spacing:.0625rem;line-height:1.25;text-transform:lowercase}.seldon-text--label{font-family:Montserrat,sans-serif;font-variation-settings:"wght" 600;font-size:var(--label-size3);font-variation-settings:"wght" 500;letter-spacing:.0625rem;line-height:1.25}.seldon-text--badge{font-family:Montserrat,sans-serif;font-size:var(--font-size-label-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:uppercase}.seldon-text--blockquote,.seldon-text--heading1,.seldon-text--heading2{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--heading3{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--heading4{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--heading5{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text--title1{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:uppercase}.seldon-text--title2{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:uppercase}.seldon-text--title3{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:uppercase}.seldon-text--title4{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:uppercase}.seldon-text--body1{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text--body2{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text--body3{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text--string1{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--string2,.seldon-text--string3{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text--snwFlyoutLink{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:unset;text-transform:unset}.seldon-text--snwHeaderLink{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-stylised);font-style:unset;font-variation-settings:"wght" 600;letter-spacing:0;line-height:1.2;text-decoration:unset;text-transform:uppercase;font-family:DistinctDisplay,sans-serif;letter-spacing:1px}.seldon-text--snwHeadingHero1{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-display-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:uppercase;text-align:center}.seldon-text--snwHeadingHero2{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:uppercase;text-align:center}.seldon-text--displayMedium{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-display-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:uppercase}.seldon-text--displaySmall{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-display-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:uppercase}.seldon-text--headingLarge{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--headingMedium{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--headingSmall{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--headingExtraSmall{font-family:DistinctDisplay,sans-serif;font-size:var(--font-size-heading-extra-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--bodyLarge{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text--bodyMedium{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text--bodySmall{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text--labelLarge{font-family:Montserrat,sans-serif;font-size:var(--font-size-label-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--labelMedium{font-family:Montserrat,sans-serif;font-size:var(--font-size-label-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--labelSmall{font-family:Montserrat,sans-serif;font-size:var(--font-size-label-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--linkStylised{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-stylised);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:unset;text-transform:uppercase;font-family:DistinctDisplay,sans-serif;letter-spacing:1px}.seldon-text--linkLarge{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-text--linkMedium{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-text--linkSmall{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-text--badgeSmall{font-family:Montserrat,sans-serif;font-size:var(--font-size-badge-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--badgeMedium{font-family:Montserrat,sans-serif;font-size:var(--font-size-badge-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-text--stringSmall{font-family:Montserrat,sans-serif;font-size:var(--string-size3);font-style:unset;font-variation-settings:"wght" 600;letter-spacing:0;line-height:1.2;text-transform:unset;line-height:var(--string-line-height-size3)}.seldon-text--left{text-align:left}.seldon-text--center{text-align:center}.seldon-text--right{text-align:right}.seldon-text--blockquote,.seldon-text--heading1,.seldon-text--snwHeadingHero1,.seldon-text--snwHeadingHero2,.seldon-text--heading2{margin-bottom:var(--spacing-lg)}.seldon-text--heading3,.seldon-text--heading3Italic{margin-bottom:var(--spacing-md)}.seldon-text--heading4,.seldon-text--heading4Italic,.seldon-text--heading5,.seldon-text--heading6{margin-bottom:var(--spacing-sm)}p.seldon-text{margin-bottom:var(--spacing-md)}}

package/dist/components/TextArea/TextArea.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),n=require("react"),l=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),h=require("../Text/Text.cjs"),w=require("../Text/types.cjs"),I=require("../Icon/Icon.cjs"),x=n.forwardRef(({className:u,id:r,isSkeletonLoading:d,labelText:c,maxLength:o=3e3,name:p,rows:m=2,disabled:$,warn:_,warnText:b,invalid:v,invalidText:f,...j},N)=>{const i=`${e.px}-text-area`,s=n.useId(),t=e.useNormalizedInputProps({disabled:$,id:r??s,invalid:v,invalidText:f,type:"text-area",warn:_,warnText:b}),q=l.default(`${i}__wrapper`,{[`${e.px}-text-area--disabled`]:t.disabled,[`${e.px}-text-area--invalid`]:t.invalid,[`${e.px}-text-area--warn`]:t.warn});return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:q,children:[a.jsx(h.default,{element:"label",variant:w.TextVariants.labelMedium,"data-testid":`text-area-${r??s}-label`,htmlFor:r??s,className:l.default(`${e.px}-text-area__label`,{[`${e.px}-skeleton`]:d}),children:c}),a.jsx("textarea",{...j,className:l.default(i,u,`${e.px}-text-area__input`,{[`${e.px}-skeleton`]:d}),id:r??s,rows:m,maxLength:o,name:p,ref:N,"data-testid":`text-area-${r??s}-input`,disabled:t.disabled}),a.jsx(I.default,{icon:"Menu",className:`${i}-resizer__icon`})]}),a.jsx("div",{children:t.validation??a.jsx("div",{className:`${e.px}-text-area__validation`,id:t.invalidId})})]})});x.displayName="TextArea";exports.default=x;
+require('../Input/_input.css');
+require('./_textArea.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),n=require("react"),l=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),h=require("../Text/Text.cjs"),w=require("../Text/types.cjs");;;const I=require("../Icon/Icon.cjs"),x=n.forwardRef(({className:u,id:r,isSkeletonLoading:d,labelText:c,maxLength:o=3e3,name:p,rows:m=2,disabled:$,warn:_,warnText:b,invalid:v,invalidText:f,...j},q)=>{const i=`${e.px}-text-area`,s=n.useId(),t=e.useNormalizedInputProps({disabled:$,id:r??s,invalid:v,invalidText:f,type:"text-area",warn:_,warnText:b}),N=l.default(`${i}__wrapper`,{[`${e.px}-text-area--disabled`]:t.disabled,[`${e.px}-text-area--invalid`]:t.invalid,[`${e.px}-text-area--warn`]:t.warn});return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:N,children:[a.jsx(h.default,{element:"label",variant:w.TextVariants.labelMedium,"data-testid":`text-area-${r??s}-label`,htmlFor:r??s,className:l.default(`${e.px}-text-area__label`,{[`${e.px}-skeleton`]:d}),children:c}),a.jsx("textarea",{...j,className:l.default(i,u,`${e.px}-text-area__input`,{[`${e.px}-skeleton`]:d}),id:r??s,rows:m,maxLength:o,name:p,ref:q,"data-testid":`text-area-${r??s}-input`,disabled:t.disabled}),a.jsx(I.default,{icon:"Menu",className:`${i}-resizer__icon`})]}),a.jsx("div",{children:t.validation??a.jsx("div",{className:`${e.px}-text-area__validation`,id:t.invalidId})})]})});x.displayName="TextArea";exports.default=x;

package/dist/components/TextArea/TextArea.js

@@ -1,16 +1,20 @@
-import { jsxs as n, Fragment as w, jsx as s } from "react/jsx-runtime";
+import '../Input/_input.css';
+import './_textArea.css';
+import { jsxs as d, Fragment as w, jsx as s } from "react/jsx-runtime";
 import { forwardRef as I, useId as T } from "react";
 import l from "../../_virtual/index2.js";
 import { useNormalizedInputProps as A, px as e } from "../../utils/index.js";
 import j from "../Text/Text.js";
 import { TextVariants as y } from "../Text/types.js";
+
+
 import z from "../Icon/Icon.js";
 const C = I(
   ({
-    className: o,
+    className: m,
     id: t,
-    isSkeletonLoading: d,
-    labelText: m,
+    isSkeletonLoading: o,
+    labelText: n,
     maxLength: p = 3e3,
     name: x,
     rows: c = 2,
@@ -34,8 +38,8 @@ const C = I(
       [`${e}-text-area--invalid`]: a.invalid,
       [`${e}-text-area--warn`]: a.warn
     });
-    return /* @__PURE__ */ n(w, { children: [
-      /* @__PURE__ */ n("div", { className: h, children: [
+    return /* @__PURE__ */ d(w, { children: [
+      /* @__PURE__ */ d("div", { className: h, children: [
         /* @__PURE__ */ s(
           j,
           {
@@ -44,17 +48,17 @@ const C = I(
             "data-testid": `text-area-${t ?? r}-label`,
             htmlFor: t ?? r,
             className: l(`${e}-text-area__label`, {
-              [`${e}-skeleton`]: d
+              [`${e}-skeleton`]: o
             }),
-            children: m
+            children: n
           }
         ),
         /* @__PURE__ */ s(
           "textarea",
           {
             ...v,
-            className: l(i, o, `${e}-text-area__input`, {
-              [`${e}-skeleton`]: d
+            className: l(i, m, `${e}-text-area__input`, {
+              [`${e}-skeleton`]: o
             }),
             id: t ?? r,
             rows: c,

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

@@ -67,3 +67,4 @@ export declare const Playground: {
         };
     };
 };
+export declare const Invalid: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/TextArea/_textArea.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-text-area{accent-color:#000;border:1px solid #000;border-radius:4px;min-height:50px;padding:var(--spacing-xsm);resize:vertical;width:100%;font-family:Montserrat,sans-serif;font-size:var(--font-size-body-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-text-area__wrapper{display:flex;flex-direction:column;font-variation-settings:"wght" 600;margin-bottom:.25rem;position:relative}.seldon-text-area-resizer__icon{bottom:var(--spacing-xsm);height:.75rem;pointer-events:none;position:absolute;right:var(--spacing-xsm);width:.75rem}.seldon-text-area-resizer__icon svg{height:100%;width:100%}.seldon-text-area:focus-visible{border-radius:4px;outline:2px solid #07c;outline-offset:4px}.seldon-text-area__label{color:#000;font-variation-settings:"wght" 600;margin-bottom:.5rem;width:fit-content;word-break:break-word}.seldon-text-area__validation{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;line-height:var(--spacing-md);min-height:2em;overflow:hidden}.seldon-text-area--disabled{color:#75716f;cursor:default}.seldon-text-area--disabled .seldon-text-area__label,.seldon-text-area--disabled .seldon-text-area__input{color:inherit}.seldon-text-area--disabled .seldon-text-area__label:hover,.seldon-text-area--disabled .seldon-text-area__input:hover{cursor:default}.seldon-text-area--invalid,.seldon-text-area--invalid label{color:#ff3d0a}.seldon-text-area--invalid .seldon-text-area__input,.seldon-text-area--invalid .seldon-text-area__input::placeholder,.seldon-text-area--invalid .seldon-input__validation{color:#000}.seldon-text-area--invalid .seldon-text-area__input{border:1px solid #ff3d0a;box-shadow:inset 0 0 3px 3px #ff3d0a}.seldon-text-area--invalid .seldon-text-area__input:focus-within{border-radius:4px;outline:2px solid #ff3d0a;outline-offset:4px}.seldon-text-area--warn .seldon-text-area__label{position:relative}.seldon-text-area .seldon-input__validation{animation:reveal .45s linear forwards}.seldon-text-area::-webkit-resizer{bottom:0;height:28px;opacity:0;position:absolute;right:0;width:28px}.seldon-text-area::-moz-resizer{bottom:0;height:28px;opacity:0;position:absolute;right:0;width:28px}}

package/dist/components/TextSymbol/TextSymbol.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),d=require("react"),m=require("../../_virtual/index2.cjs"),x=require("../../utils/index.cjs"),T=require("./types.cjs"),S="︎",f=e=>e?e.endsWith("︎")||e.endsWith("️")?e:`${e}${S}`:"",o=d.forwardRef(({symbols:e=[],variant:a=T.TextSymbolVariants.lotNumber,className:i,...t},u)=>{const{className:r,...c}=x.getCommonProps(t,"TextSymbol");return s.jsx("span",{...c,className:m.default(r,i,`${r}--${a}`),ref:u,...t,children:e.map((n,l)=>s.jsx("span",{children:f(n)},`${n}-${l}`))})});o.displayName="TextSymbol";exports.default=o;
+require('./_textSymbol.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),d=require("react"),m=require("../../_virtual/index2.cjs"),x=require("../../utils/index.cjs"),T=require("./types.cjs");;const S="︎",f=e=>e?e.endsWith("︎")||e.endsWith("️")?e:`${e}${S}`:"",o=d.forwardRef(({symbols:e=[],variant:a=T.TextSymbolVariants.lotNumber,className:i,...t},u)=>{const{className:r,...c}=x.getCommonProps(t,"TextSymbol");return s.jsx("span",{...c,className:m.default(r,i,`${r}--${a}`),ref:u,...t,children:e.map((n,l)=>s.jsx("span",{children:f(n)},`${n}-${l}`))})});o.displayName="TextSymbol";exports.default=o;

package/dist/components/TextSymbol/TextSymbol.js

@@ -1,19 +1,21 @@
+import './_textSymbol.css';
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import p from "../../_virtual/index2.js";
+import { forwardRef as c } from "react";
+import f from "../../_virtual/index2.js";
 import { getCommonProps as l } from "../../utils/index.js";
 import { TextSymbolVariants as T } from "./types.js";
-const d = "︎", x = (r) => r ? r.endsWith("︎") || r.endsWith("️") ? r : `${r}${d}` : "", u = f(
+
+const d = "︎", x = (r) => r ? r.endsWith("︎") || r.endsWith("️") ? r : `${r}${d}` : "", u = c(
   ({ symbols: r = [], variant: a = T.lotNumber, className: n, ...t }, s) => {
     const { className: e, ...i } = l(t, "TextSymbol");
     return /* @__PURE__ */ m(
       "span",
       {
         ...i,
-        className: p(e, n, `${e}--${a}`),
+        className: f(e, n, `${e}--${a}`),
         ref: s,
         ...t,
-        children: r.map((o, c) => /* @__PURE__ */ m("span", { children: x(o) }, `${o}-${c}`))
+        children: r.map((o, p) => /* @__PURE__ */ m("span", { children: x(o) }, `${o}-${p}`))
       }
     );
   }

package/dist/components/TextSymbol/_textSymbol.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-text-symbol{display:inline-flex;font-variation-settings:"wght" 600;gap:var(--spacing-micro)}.seldon-text-symbol--estimation{margin-left:.25rem}.seldon-text-symbol--lotNumber{margin-left:var(--spacing-xsm);vertical-align:super}}

package/dist/components/Toast/Toast.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../utils/index.cjs"),h=require("../../_virtual/index2.cjs"),t=require("../../node_modules/@radix-ui/react-toast/dist/index.cjs"),j=require("../IconButton/IconButton.cjs"),q=require("../Button/types.cjs"),_=require("../Icon/Icon.cjs"),o=m.forwardRef(({className:n,title:c,actionElement:r,actionAltText:a,closeButtonLabel:i,...l},u)=>{const{className:s,...d}=x.getCommonProps(l,"Toast");return e.jsxs(t.Root,{...d,className:h.default(s,n),ref:u,children:[e.jsxs("div",{className:`${s}__content`,children:[e.jsx(t.Title,{children:c}),r&&a&&e.jsx(t.Action,{asChild:!0,altText:a,className:`${s}__action`,children:r})]}),e.jsx(t.Close,{className:`${s}__close`,"aria-label":i,asChild:!0,children:e.jsx(j.default,{variant:q.ButtonVariants.tertiary,children:e.jsx(_.default,{icon:"CloseX",title:i,color:"$white-100","aria-hidden":!0})})})]})});o.displayName="Toast";exports.default=o;
+require('./_toast.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../utils/index.cjs"),h=require("../../_virtual/index2.cjs"),r=require("../../node_modules/@radix-ui/react-toast/dist/index.cjs"),j=require("../IconButton/IconButton.cjs"),q=require("../Button/types.cjs");;const _=require("../Icon/Icon.cjs"),o=m.forwardRef(({className:n,title:c,actionElement:t,actionAltText:a,closeButtonLabel:i,...l},u)=>{const{className:s,...d}=x.getCommonProps(l,"Toast");return e.jsxs(r.Root,{...d,className:h.default(s,n),ref:u,children:[e.jsxs("div",{className:`${s}__content`,children:[e.jsx(r.Title,{children:c}),t&&a&&e.jsx(r.Action,{asChild:!0,altText:a,className:`${s}__action`,children:t})]}),e.jsx(r.Close,{className:`${s}__close`,"aria-label":i,asChild:!0,children:e.jsx(j.default,{variant:q.ButtonVariants.tertiary,children:e.jsx(_.default,{icon:"CloseX",title:i,color:"$white-100","aria-hidden":!0})})})]})});o.displayName="Toast";exports.default=o;

package/dist/components/Toast/Toast.js

@@ -1,3 +1,4 @@
+import './_toast.css';
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
 import { getCommonProps as p } from "../../utils/index.js";
@@ -5,6 +6,7 @@ import f from "../../_virtual/index2.js";
 import { Root as h, Title as N, Action as u, Close as C } from "../../node_modules/@radix-ui/react-toast/dist/index.js";
 import _ from "../IconButton/IconButton.js";
 import { ButtonVariants as T } from "../Button/types.js";
+
 import $ from "../Icon/Icon.js";
 const x = d(
   ({ className: i, title: m, actionElement: a, actionAltText: s, closeButtonLabel: t, ...l }, c) => {

package/dist/components/Toast/_toast.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-toast{align-items:center;background-color:#000;border-radius:4px;color:#fff;column-gap:var(--spacing-sm);display:grid;grid-template-areas:"title action";grid-template-columns:auto max-content;padding:var(--spacing-xsm) var(--spacing-sm);pointer-events:auto}.seldon-toast__content{align-items:center;display:flex;gap:var(--spacing-sm)}.seldon-toast__action,.seldon-toast__action:hover{color:#fff}.seldon-toast[data-state=open]{animation:slide-in .15s cubic-bezier(.16,1,.3,1)}.seldon-toast[data-state=closed]{animation:hide .1s ease-in}.seldon-toast[data-swipe=move]{transform:translate(var(--radix-toast-swipe-move-x))}.seldon-toast[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.seldon-toast[data-swipe=end]{animation:swipeOut .1s ease-out}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes swipe-out{0%{transform:translate(var(--radix-toast-swipe-end-x))}to{transform:translate(calc(100% + var(--spacing-lg)))}}.seldon-toast-viewport{bottom:0;display:flex;flex-direction:column;gap:var(--spacing-sm);left:0;list-style:none;margin:0;max-width:100vw;outline:none;padding:var(--spacing-lg);pointer-events:none;position:fixed;z-index:99999}}

package/dist/components/Toggle/_toggle.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-toggle-input{position:relative;transition:padding .25s}.seldon-toggle-input .seldon-input__label{line-height:1;margin-bottom:2.5rem;position:relative}.seldon-toggle-input .seldon-input__label:after,.seldon-toggle-input .seldon-input__label:before{content:"";display:block;position:absolute;top:1.85rem}.seldon-toggle-input .seldon-input__label:before{background-color:#0006;border-radius:12px;height:1rem;left:0;transition:background-color .25s,color .25s;width:3rem}.seldon-toggle-input .seldon-input__label:after{background:#fff linear-gradient(transparent,#0000000d);border-radius:40px;box-shadow:0 1px 2px #00000026,0 0 0 1px #00000026 inset;color:#fff;height:1rem;left:0;transform:translate(0);transition:transform .25s;width:1rem}.seldon-toggle-input.seldon-input--inline .seldon-input__label{margin-bottom:.5rem;margin-left:66px}.seldon-toggle-input.seldon-input--inline .seldon-input__label:before{left:unset;right:calc(1rem + 100%);top:50%;transform:translateY(-50%)}.seldon-toggle-input.seldon-input--inline .seldon-input__label:after{left:unset;right:calc(3rem + 100%);top:50%;transform:translateY(-50%)}.seldon-toggle-input .seldon-input__input,.seldon-toggle-input .seldon-input__wrapper{block-size:1px;border:0;clip-path:inset(100%);inline-size:1px;margin:-1px -1px 0;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap}.seldon-toggle-input.seldon-input--invalid.seldon-input--inline{padding-top:2rem}.seldon-toggle-input.seldon-input--md .seldon-input__label:after,.seldon-toggle-input.seldon-input--lg .seldon-input__label:after{right:calc(2.5rem + 100%)}.seldon-toggle-input.seldon-input--md .seldon-input__label{margin-bottom:3rem}.seldon-toggle-input.seldon-input--md .seldon-input__label:before{height:1.5rem}.seldon-toggle-input.seldon-input--md .seldon-input__label:after{height:1.5rem;width:1.5rem}.seldon-toggle-input.seldon-input--md.seldon-input--inline .seldon-input__label{margin-bottom:.5rem}.seldon-toggle-input.seldon-input--lg .seldon-input__label{margin-bottom:3.5rem}.seldon-toggle-input.seldon-input--lg .seldon-input__label:before{height:2rem;width:3.5rem}.seldon-toggle-input.seldon-input--lg .seldon-input__label:after{height:2rem;width:2rem}.seldon-toggle-input.seldon-input--lg.seldon-input--inline .seldon-input__label{margin-bottom:.5rem;margin-left:4.375rem}.seldon-toggle-input:has(input:checked) .seldon-input__label:before{background-color:#000}.seldon-toggle-input:has(input:checked) .seldon-input__label:after{transform:translate(2rem)}.seldon-toggle-input:has(input:checked).seldon-input--md .seldon-input__label:after,.seldon-toggle-input:has(input:checked).seldon-input--lg .seldon-input__label:after{transform:translate(1.5rem)}.seldon-toggle-input:has(input:checked).seldon-input--inline .seldon-input__label:after{transform:translate(2rem,-50%)}.seldon-toggle-input:has(input:checked).seldon-input--md.seldon-input--inline .seldon-input__label:after,.seldon-toggle-input:has(input:checked).seldon-input--lg.seldon-input--inline .seldon-input__label:after{transform:translate(1.5rem,-50%)}.seldon-toggle-input:has(input:checked).seldon-input--invalid .seldon-input__label:before{background-color:#ff3d0a}.seldon-toggle-input:has(input:checked).seldon-input--warn .seldon-input__label:before{background-color:#fff90a}.seldon-toggle-input.seldon-input--warn.seldon-input--md,.seldon-toggle-input.seldon-input--warn.seldon-input--lg{padding-top:3.5rem}.seldon-toggle-input:has(.seldon-input__input:focus) label:before{outline:2px solid AccentColor;outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:1px}}

package/dist/components/Video/Video.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("react"),y=require("../../utils/index.cjs"),s=require("../../_virtual/index2.cjs"),o=x.forwardRef(({aspectRatio:d,className:i,videoSource:l,iframeRef:c,iframeClassName:n,iframeTitle:m="Embedded video",...e},u)=>{const{className:t,"data-testid":r,...f}=y.getCommonProps(e,"Video"),p={className:s.default(t,i),"data-testid":r,style:{"--aspect-ratio":d},...f,...e};return a.jsx("div",{...p,ref:u,children:a.jsx("iframe",{ref:c,"data-testid":`${r}-iframe`,className:s.default(`${t}__iframe`,n),src:l,title:m,allowFullScreen:!0,allow:"encrypted-media",referrerPolicy:"no-referrer"})})});o.displayName="Video";exports.default=o;
+require('./_video.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),q=require("react"),x=require("../../utils/index.cjs"),s=require("../../_virtual/index2.cjs");;const o=q.forwardRef(({aspectRatio:d,className:i,videoSource:l,iframeRef:c,iframeClassName:n,iframeTitle:u="Embedded video",...e},m)=>{const{className:t,"data-testid":r,...f}=x.getCommonProps(e,"Video"),p={className:s.default(t,i),"data-testid":r,style:{"--aspect-ratio":d},...f,...e};return a.jsx("div",{...p,ref:m,children:a.jsx("iframe",{ref:c,"data-testid":`${r}-iframe`,className:s.default(`${t}__iframe`,n),src:l,title:u,allowFullScreen:!0,allow:"encrypted-media",referrerPolicy:"no-referrer"})})});o.displayName="Video";exports.default=o;

package/dist/components/Video/Video.js

@@ -1,7 +1,9 @@
+import './_video.css';
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
 import { getCommonProps as u } from "../../utils/index.js";
 import t from "../../_virtual/index2.js";
+
 const y = N(
   ({ aspectRatio: s, className: m, videoSource: d, iframeRef: i, iframeClassName: l, iframeTitle: c = "Embedded video", ...e }, f) => {
     const { className: r, "data-testid": a, ...n } = u(e, "Video"), p = {

package/dist/components/Video/_video.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-video{aspect-ratio:var(--aspect-ratio);display:block;height:auto;position:relative;width:100%}.seldon-video__iframe{border:0;height:100%;inset:0;position:absolute;width:100%;z-index:0}}

package/dist/node_modules/@artsy/fresnel/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/index3.cjs"),o=require("./Media.cjs"),a=require("./Breakpoints.cjs");var t;function _(){return t||(t=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"createMedia",{enumerable:!0,get:function(){return i.createMedia}}),Object.defineProperty(e,"BreakpointKey",{enumerable:!0,get:function(){return n.BreakpointConstraint}});var i=o.__require(),n=a.__require()})(r.__exports)),r.__exports}exports.__require=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/index5.cjs"),o=require("./Media.cjs"),a=require("./Breakpoints.cjs");var t;function _(){return t||(t=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"createMedia",{enumerable:!0,get:function(){return i.createMedia}}),Object.defineProperty(e,"BreakpointKey",{enumerable:!0,get:function(){return n.BreakpointConstraint}});var i=o.__require(),n=a.__require()})(r.__exports)),r.__exports}exports.__require=_;

package/dist/node_modules/@artsy/fresnel/dist/index.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../_virtual/index3.js";
+import { __exports as r } from "../../../../_virtual/index5.js";
 import { __require as u } from "./Media.js";
 import { __require as o } from "./Breakpoints.js";
 var t;

package/dist/node_modules/classnames/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/index4.cjs");var u;function a(){return u||(u=1,(function(o){(function(){var f={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=s(e,c(r)))}return e}function c(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)f.call(e,r)&&e[r]&&(t=s(t,r));return t}function s(e,t){return t?e?e+" "+t:e+t:e}o.exports?(n.default=n,o.exports=n):window.classNames=n})()})(i.__module)),i.__module.exports}exports.__require=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/index3.cjs");var u;function a(){return u||(u=1,(function(o){(function(){var f={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=s(e,c(r)))}return e}function c(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)f.call(e,r)&&e[r]&&(t=s(t,r));return t}function s(e,t){return t?e?e+" "+t:e+t:e}o.exports?(n.default=n,o.exports=n):window.classNames=n})()})(i.__module)),i.__module.exports}exports.__require=a;

package/dist/node_modules/classnames/index.js

@@ -1,4 +1,4 @@
-import { __module as s } from "../../_virtual/index4.js";
+import { __module as s } from "../../_virtual/index3.js";
 var u;
 function c() {
   return u ? s.exports : (u = 1, (function(i) {

package/dist/node_modules/usehooks-ts/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");require("../../../_virtual/index5.cjs");var a=typeof window<"u"?o.useLayoutEffect:o.useEffect;function d(t,s,c,i){const u=o.useRef(s);a(()=>{u.current=s},[s]),o.useEffect(()=>{const n=window;if(!(n&&n.addEventListener))return;const r=e=>{u.current(e)};return n.addEventListener(t,r,i),()=>{n.removeEventListener(t,r,i)}},[t,c,i])}var f=typeof window>"u";function E(t,{defaultValue:s=!1,initializeWithValue:c=!0}={}){const i=e=>f?s:window.matchMedia(e).matches,[u,n]=o.useState(()=>c?i(t):s);function r(){n(i(t))}return a(()=>{const e=window.matchMedia(t);return r(),e.addListener?e.addListener(r):e.addEventListener("change",r),()=>{e.removeListener?e.removeListener(r):e.removeEventListener("change",r)}},[t]),u}function v(t,s,c="mousedown",i={}){d(c,u=>{const n=u.target;if(!n||!n.isConnected)return;(Array.isArray(t)?t.filter(e=>!!e.current).every(e=>e.current&&!e.current.contains(n)):t.current&&!t.current.contains(n))&&s(u)},void 0,i)}exports.useEventListener=d;exports.useIsomorphicLayoutEffect=a;exports.useMediaQuery=E;exports.useOnClickOutside=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");require("../../../_virtual/index4.cjs");var a=typeof window<"u"?o.useLayoutEffect:o.useEffect;function d(t,s,c,i){const u=o.useRef(s);a(()=>{u.current=s},[s]),o.useEffect(()=>{const n=window;if(!(n&&n.addEventListener))return;const r=e=>{u.current(e)};return n.addEventListener(t,r,i),()=>{n.removeEventListener(t,r,i)}},[t,c,i])}var f=typeof window>"u";function E(t,{defaultValue:s=!1,initializeWithValue:c=!0}={}){const i=e=>f?s:window.matchMedia(e).matches,[u,n]=o.useState(()=>c?i(t):s);function r(){n(i(t))}return a(()=>{const e=window.matchMedia(t);return r(),e.addListener?e.addListener(r):e.addEventListener("change",r),()=>{e.removeListener?e.removeListener(r):e.removeEventListener("change",r)}},[t]),u}function v(t,s,c="mousedown",i={}){d(c,u=>{const n=u.target;if(!n||!n.isConnected)return;(Array.isArray(t)?t.filter(e=>!!e.current).every(e=>e.current&&!e.current.contains(n)):t.current&&!t.current.contains(n))&&s(u)},void 0,i)}exports.useEventListener=d;exports.useIsomorphicLayoutEffect=a;exports.useMediaQuery=E;exports.useOnClickOutside=v;

package/dist/node_modules/usehooks-ts/dist/index.js

@@ -1,5 +1,5 @@
 import { useState as d, useRef as f, useEffect as u, useLayoutEffect as m } from "react";
-import "../../../_virtual/index5.js";
+import "../../../_virtual/index4.js";
 var a = typeof window < "u" ? m : u;
 function v(t, i, o, s) {
   const c = f(i);

package/dist/pages/Page.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=()=>e.jsx("article",{children:e.jsxs("section",{className:"storybook-page",children:[e.jsx("h2",{children:"Pages in Storybook"}),e.jsxs("p",{children:["We recommend building UIs with a"," ",e.jsx("a",{href:"https://componentdriven.org",target:"_blank",rel:"noopener noreferrer",children:e.jsx("strong",{children:"component-driven"})})," ","process starting with atomic components and ending with pages."]}),e.jsx("p",{children:"Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"}),e.jsxs("ul",{children:[e.jsx("li",{children:'Use a higher-level connected component. Storybook helps you compose such data from the "args" of child component stories'}),e.jsx("li",{children:"Assemble data in the page component from your services. You can mock these services out using Storybook."})]}),e.jsxs("p",{children:["Get a guided tutorial on component-driven development at"," ",e.jsx("a",{href:"https://storybook.js.org/tutorials/",target:"_blank",rel:"noopener noreferrer",children:"Storybook tutorials"}),". Read more in the"," ",e.jsx("a",{href:"https://storybook.js.org/docs",target:"_blank",rel:"noopener noreferrer",children:"docs"}),"."]}),e.jsxs("div",{className:"tip-wrapper",children:[e.jsx("span",{className:"tip",children:"Tip"})," Adjust the width of the canvas with the"," ",e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("g",{fill:"none",fillRule:"evenodd",children:e.jsx("path",{d:"M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z",id:"a",fill:"#999"})})}),"Viewports addon in the toolbar"]})]})});exports.default=o;
+require('./_page.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");;const o=()=>e.jsx("article",{children:e.jsxs("section",{className:"storybook-page",children:[e.jsx("h2",{children:"Pages in Storybook"}),e.jsxs("p",{children:["We recommend building UIs with a"," ",e.jsx("a",{href:"https://componentdriven.org",target:"_blank",rel:"noopener noreferrer",children:e.jsx("strong",{children:"component-driven"})})," ","process starting with atomic components and ending with pages."]}),e.jsx("p",{children:"Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"}),e.jsxs("ul",{children:[e.jsx("li",{children:'Use a higher-level connected component. Storybook helps you compose such data from the "args" of child component stories'}),e.jsx("li",{children:"Assemble data in the page component from your services. You can mock these services out using Storybook."})]}),e.jsxs("p",{children:["Get a guided tutorial on component-driven development at"," ",e.jsx("a",{href:"https://storybook.js.org/tutorials/",target:"_blank",rel:"noopener noreferrer",children:"Storybook tutorials"}),". Read more in the"," ",e.jsx("a",{href:"https://storybook.js.org/docs",target:"_blank",rel:"noopener noreferrer",children:"docs"}),"."]}),e.jsxs("div",{className:"tip-wrapper",children:[e.jsx("span",{className:"tip",children:"Tip"})," Adjust the width of the canvas with the"," ",e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("g",{fill:"none",fillRule:"evenodd",children:e.jsx("path",{d:"M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z",id:"a",fill:"#999"})})}),"Viewports addon in the toolbar"]})]})});exports.default=o;

package/dist/pages/Page.js

@@ -1,5 +1,7 @@
+import './_page.css';
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-const r = () => /* @__PURE__ */ e("article", { children: /* @__PURE__ */ o("section", { className: "storybook-page", children: [
+
+const n = () => /* @__PURE__ */ e("article", { children: /* @__PURE__ */ o("section", { className: "storybook-page", children: [
   /* @__PURE__ */ e("h2", { children: "Pages in Storybook" }),
   /* @__PURE__ */ o("p", { children: [
     "We recommend building UIs with a",
@@ -38,5 +40,5 @@ const r = () => /* @__PURE__ */ e("article", { children: /* @__PURE__ */ o("sect
   ] })
 ] }) });
 export {
-  r as default
+  n as default
 };

package/dist/pages/_page.css

@@ -0,0 +1 @@
+.storybook-page{color:#333;font-family:Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:24px;margin:0 auto;max-width:600px;padding:48px 20px}.storybook-page h2{display:inline-block;font-size:32px;font-variation-settings:"wght" 700;line-height:1;margin:0 0 4px;vertical-align:top}.storybook-page p{margin:1em 0}.storybook-page a{color:#0b63c6;text-decoration:underline}.storybook-page ul{margin:1em 0;padding-left:30px}.storybook-page li{margin-bottom:8px}.storybook-page .tip{background:#e7fdd8;border-radius:1em;color:#2f6f1a;display:inline-block;font-size:11px;font-variation-settings:"wght" 700;line-height:12px;margin-right:10px;padding:4px 12px;vertical-align:top}.storybook-page .tip-wrapper{font-size:13px;line-height:20px;margin-bottom:40px;margin-top:40px}.storybook-page .tip-wrapper svg{display:inline-block;height:12px;margin-right:4px;margin-top:3px;vertical-align:top;width:12px}.storybook-page .tip-wrapper svg path{fill:#0b63c6}

package/dist/patterns/AccountPageHeader/AccountPageHeader.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react"),N=require("../../utils/index.cjs"),b=require("../../_virtual/index2.cjs"),n=require("../../components/Text/Text.cjs"),$=require("../../components/Button/Button.cjs"),t=require("../../components/Button/types.cjs"),u=require("../../components/IconButton/IconButton.cjs"),m=require("../../providers/SeldonProvider/utils.cjs"),k=require("../../components/Text/types.cjs"),C=require("../../components/Divider/Divider.cjs"),l=require("../../components/Icon/Icon.cjs"),x=require("../../utils/constants.cjs"),j=y.forwardRef(({className:h,title:_,subtitle:c,actionButtons:s,overline:o,showDivider:f=!0,...p},q)=>{const{className:r,...g}=N.getCommonProps(p,"AccountPageHeader"),i=s?.find(a=>a.isPrimary),d=s?.filter(a=>!a.isPrimary),v=()=>e.jsxs("div",{className:`${r}__button-wrapper`,children:[d&&e.jsx(e.Fragment,{children:d.map(a=>e.jsx(u.default,{variant:t.ButtonVariants.tertiary,onClick:a.onClick,"aria-label":a.ariaLabel,children:e.jsx(l.default,{icon:a.icon,"aria-label":a.ariaLabel,title:a.ariaLabel})},`icon-button-${a.icon}`))}),i&&e.jsxs(e.Fragment,{children:[e.jsx(m.SSRMediaQuery.Media,{greaterThanOrEqual:x.Breakpoints.md,children:e.jsxs($.default,{variant:t.ButtonVariants.secondary,onClick:i.onClick,children:[e.jsx(l.default,{icon:i.icon})," ",e.jsx("span",{className:`${r}__button-label`,children:i.label})]})}),e.jsx(m.SSRMediaQuery.Media,{lessThan:x.Breakpoints.md,children:e.jsx(u.default,{variant:t.ButtonVariants.tertiary,onClick:i.onClick,"aria-label":i.ariaLabel,children:e.jsx(l.default,{icon:i.icon,title:i.ariaLabel})})})]})]});return e.jsxs("div",{...g,className:b.default(r,h),ref:q,children:[e.jsxs("div",{className:`${r}__container`,children:[o&&e.jsx(n.default,{className:`${r}__overline`,children:o}),e.jsxs("div",{className:`${r}__title-wrapper`,children:[e.jsx(n.default,{variant:k.TextVariants.headingLarge,className:`${r}__title`,children:_}),s&&s.length>0&&v()]}),c&&e.jsx(n.default,{className:`${r}__subtitle`,children:c})]}),f&&e.jsx(C.default,{className:`${r}__divider`})]})});j.displayName="AccountPageHeader";exports.default=j;
+require('./_accountPageHeader.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react"),N=require("../../utils/index.cjs"),b=require("../../_virtual/index2.cjs"),n=require("../../components/Text/Text.cjs"),$=require("../../components/Button/Button.cjs"),t=require("../../components/Button/types.cjs"),u=require("../../components/IconButton/IconButton.cjs"),m=require("../../providers/SeldonProvider/utils.cjs");;const k=require("../../components/Text/types.cjs"),C=require("../../components/Divider/Divider.cjs"),l=require("../../components/Icon/Icon.cjs"),x=require("../../utils/constants.cjs"),j=y.forwardRef(({className:h,title:_,subtitle:c,actionButtons:s,overline:o,showDivider:f=!0,...p},q)=>{const{className:r,...g}=N.getCommonProps(p,"AccountPageHeader"),i=s?.find(a=>a.isPrimary),d=s?.filter(a=>!a.isPrimary),v=()=>e.jsxs("div",{className:`${r}__button-wrapper`,children:[d&&e.jsx(e.Fragment,{children:d.map(a=>e.jsx(u.default,{variant:t.ButtonVariants.tertiary,onClick:a.onClick,"aria-label":a.ariaLabel,children:e.jsx(l.default,{icon:a.icon,"aria-label":a.ariaLabel,title:a.ariaLabel})},`icon-button-${a.icon}`))}),i&&e.jsxs(e.Fragment,{children:[e.jsx(m.SSRMediaQuery.Media,{greaterThanOrEqual:x.Breakpoints.md,children:e.jsxs($.default,{variant:t.ButtonVariants.secondary,onClick:i.onClick,children:[e.jsx(l.default,{icon:i.icon})," ",e.jsx("span",{className:`${r}__button-label`,children:i.label})]})}),e.jsx(m.SSRMediaQuery.Media,{lessThan:x.Breakpoints.md,children:e.jsx(u.default,{variant:t.ButtonVariants.tertiary,onClick:i.onClick,"aria-label":i.ariaLabel,children:e.jsx(l.default,{icon:i.icon,title:i.ariaLabel})})})]})]});return e.jsxs("div",{...g,className:b.default(r,h),ref:q,children:[e.jsxs("div",{className:`${r}__container`,children:[o&&e.jsx(n.default,{className:`${r}__overline`,children:o}),e.jsxs("div",{className:`${r}__title-wrapper`,children:[e.jsx(n.default,{variant:k.TextVariants.headingLarge,className:`${r}__title`,children:_}),s&&s.length>0&&v()]}),c&&e.jsx(n.default,{className:`${r}__subtitle`,children:c})]}),f&&e.jsx(C.default,{className:`${r}__divider`})]})});j.displayName="AccountPageHeader";exports.default=j;

package/dist/patterns/AccountPageHeader/AccountPageHeader.js

@@ -1,4 +1,5 @@
-import { jsxs as n, jsx as r, Fragment as p } from "react/jsx-runtime";
+import './_accountPageHeader.css';
+import { jsxs as o, jsx as r, Fragment as p } from "react/jsx-runtime";
 import { forwardRef as C } from "react";
 import { getCommonProps as k } from "../../utils/index.js";
 import P from "../../_virtual/index2.js";
@@ -7,13 +8,14 @@ import L from "../../components/Button/Button.js";
 import { ButtonVariants as c } from "../../components/Button/types.js";
 import h from "../../components/IconButton/IconButton.js";
 import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
+
 import { TextVariants as x } from "../../components/Text/types.js";
 import B from "../../components/Divider/Divider.js";
 import t from "../../components/Icon/Icon.js";
 import { Breakpoints as _ } from "../../utils/constants.js";
 const T = C(
-  ({ className: N, title: v, subtitle: m, actionButtons: o, overline: s, showDivider: b = !0, ...g }, u) => {
-    const { className: e, ...$ } = k(g, "AccountPageHeader"), i = o?.find((a) => a.isPrimary), d = o?.filter((a) => !a.isPrimary), y = () => /* @__PURE__ */ n("div", { className: `${e}__button-wrapper`, children: [
+  ({ className: N, title: v, subtitle: m, actionButtons: n, overline: s, showDivider: b = !0, ...g }, u) => {
+    const { className: e, ...$ } = k(g, "AccountPageHeader"), i = n?.find((a) => a.isPrimary), d = n?.filter((a) => !a.isPrimary), y = () => /* @__PURE__ */ o("div", { className: `${e}__button-wrapper`, children: [
       d && /* @__PURE__ */ r(p, { children: d.map((a) => /* @__PURE__ */ r(
         h,
         {
@@ -24,8 +26,8 @@ const T = C(
         },
         `icon-button-${a.icon}`
       )) }),
-      i && /* @__PURE__ */ n(p, { children: [
-        /* @__PURE__ */ r(f.Media, { greaterThanOrEqual: _.md, children: /* @__PURE__ */ n(L, { variant: c.secondary, onClick: i.onClick, children: [
+      i && /* @__PURE__ */ o(p, { children: [
+        /* @__PURE__ */ r(f.Media, { greaterThanOrEqual: _.md, children: /* @__PURE__ */ o(L, { variant: c.secondary, onClick: i.onClick, children: [
           /* @__PURE__ */ r(t, { icon: i.icon }),
           " ",
           /* @__PURE__ */ r("span", { className: `${e}__button-label`, children: i.label })
@@ -41,12 +43,12 @@ const T = C(
         ) })
       ] })
     ] });
-    return /* @__PURE__ */ n("div", { ...$, className: P(e, N), ref: u, children: [
-      /* @__PURE__ */ n("div", { className: `${e}__container`, children: [
+    return /* @__PURE__ */ o("div", { ...$, className: P(e, N), ref: u, children: [
+      /* @__PURE__ */ o("div", { className: `${e}__container`, children: [
         s && /* @__PURE__ */ r(l, { className: `${e}__overline`, children: s }),
-        /* @__PURE__ */ n("div", { className: `${e}__title-wrapper`, children: [
+        /* @__PURE__ */ o("div", { className: `${e}__title-wrapper`, children: [
           /* @__PURE__ */ r(l, { variant: x.headingLarge, className: `${e}__title`, children: v }),
-          o && o.length > 0 && y()
+          n && n.length > 0 && y()
         ] }),
         m && /* @__PURE__ */ r(l, { className: `${e}__subtitle`, children: m })
       ] }),

package/dist/patterns/AccountPageHeader/_accountPageHeader.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-account-page-header__container{display:flex;flex-direction:column;gap:var(--spacing-xsm);width:100%}.seldon-account-page-header__title{margin-top:var(--spacing-micro)}.seldon-account-page-header__button-label{font-variation-settings:"wght" 600}.seldon-account-page-header__title-wrapper{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.seldon-account-page-header__overline{color:#75716f;font-variation-settings:"wght" 600}.seldon-account-page-header__button-wrapper{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.seldon-account-page-header__divider.seldon-divider{margin:var(--spacing-md) 0}}

package/dist/patterns/BidSnapshot/BidSnapshot.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),f=require("react"),Y=require("../../_virtual/index2.cjs"),p=require("../../utils/index.cjs"),a=require("../../types/commonTypes.cjs"),j=require("../../components/Countdown/types.cjs"),Z=require("./types.cjs"),_=require("./BidMessage.cjs"),O=require("../../components/Detail/types.cjs"),n=require("../../components/Text/types.cjs"),v=require("../../node_modules/date-fns/isAfter.cjs"),ee=require("../../components/DetailList/DetailList.cjs"),b=require("../../components/Detail/Detail.cjs"),se=require("../../components/Countdown/Countdown.cjs"),te=require("../../node_modules/date-fns/differenceInMinutes.cjs"),ae=s=>s===1?`${s} bid`:`${s} bids`,C=f.forwardRef(({lotStatus:s=a.LotStatus.ready,bidStatus:$,bidsLabelText:N=ae,children:x,className:W,closingText:E="Closes in",currency:o="$",currentBid:q,currentBidText:R="Current bid",formatDurationStr:A=e=>e.replace(/seconds?/,"sec").replace(/minutes?/,"min"),lang:B="en",saleCloseDate:r,lotCloseDate:u,numberOfBids:g=0,startingBid:h,startingBidText:P="Starting bid",soldPrice:S,showSoldLabel:I=!0,soldForText:D="Sold for",wonForText:k="Won for",getCurrentDateTime:L=()=>new Date,hasSeparators:z=!0,variant:l=O.DetailVariants.md,shouldHideCountdownTimer:F=!1,...V},G)=>{const{className:e,...H}=p.getCommonProps(V,"BidSnapshot"),T=l==="sm"?n.TextVariants.labelSmall:l==="lg"?n.TextVariants.labelLarge:n.TextVariants.labelMedium,J=l==="sm"?j.CountdownVariants.sm:j.CountdownVariants.compact,d=q!==null&&g>0,w=s===a.LotStatus.ready,i=s===a.LotStatus.live,y=s===a.LotStatus.past,c=L()||new Date,K=!F&&i&&u&&v.isAfter(u,c)&&r&&(te.differenceInMinutes(r,c)<60||v.isAfter(c,r)),M=p.findChildrenOfType(x,_.default),Q=p.findChildrenExcludingTypes(x,[_.default]),U=M?M.map(m=>f.isValidElement(m)?f.cloneElement(m,{textVariant:T===n.TextVariants.labelLarge?n.TextVariants.labelMedium:T}):m):null,X=Y.default(e,W,{[`${e}--live`]:i,[`${e}--has-bids`]:d||y});return t.jsxs("div",{...H,...V,ref:G,className:X,children:[t.jsxs(ee.default,{hasSeparators:z,variant:l,className:`${e}__text`,children:[I&&y?t.jsx(b.default,{label:$===Z.BidStatusEnum.Won?k:D,value:S?`${o}${S?.toLocaleString()}`:"",hasWrap:!1,className:`${e}__sold`}):null,i&&d?t.jsx(b.default,{label:R,subLabel:`(${N(g)})`,value:`${o}${q?.toLocaleString()}`,hasWrap:!1,className:`${e}__current-bid`}):null,h&&(w||i&&!d)?t.jsx(b.default,{label:P,value:`${o}${h?.toLocaleString()}`,hasWrap:!1}):null]}),$&&!w?U:null,Q,K?t.jsx(se.default,{endDateTime:u,label:E,variant:J,locale:a.SupportedLanguages[B],formatDurationStr:A,showBottomBorder:!1,getCurrentDateTime:L}):null]})});C.displayName="BidSnapshot";exports.default=C;
+require('./_bidSnapshot.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),f=require("react"),Y=require("../../_virtual/index2.cjs"),p=require("../../utils/index.cjs"),a=require("../../types/commonTypes.cjs"),j=require("../../components/Countdown/types.cjs"),Z=require("./types.cjs"),_=require("./BidMessage.cjs");;const O=require("../../components/Detail/types.cjs"),n=require("../../components/Text/types.cjs"),v=require("../../node_modules/date-fns/isAfter.cjs"),ee=require("../../components/DetailList/DetailList.cjs"),b=require("../../components/Detail/Detail.cjs"),se=require("../../components/Countdown/Countdown.cjs"),te=require("../../node_modules/date-fns/differenceInMinutes.cjs"),ae=s=>s===1?`${s} bid`:`${s} bids`,C=f.forwardRef(({lotStatus:s=a.LotStatus.ready,bidStatus:$,bidsLabelText:N=ae,children:x,className:W,closingText:E="Closes in",currency:o="$",currentBid:q,currentBidText:R="Current bid",formatDurationStr:A=e=>e.replace(/seconds?/,"sec").replace(/minutes?/,"min"),lang:B="en",saleCloseDate:r,lotCloseDate:u,numberOfBids:g=0,startingBid:h,startingBidText:P="Starting bid",soldPrice:S,showSoldLabel:I=!0,soldForText:D="Sold for",wonForText:k="Won for",getCurrentDateTime:L=()=>new Date,hasSeparators:z=!0,variant:l=O.DetailVariants.md,shouldHideCountdownTimer:F=!1,...V},G)=>{const{className:e,...H}=p.getCommonProps(V,"BidSnapshot"),T=l==="sm"?n.TextVariants.labelSmall:l==="lg"?n.TextVariants.labelLarge:n.TextVariants.labelMedium,J=l==="sm"?j.CountdownVariants.sm:j.CountdownVariants.compact,d=q!==null&&g>0,w=s===a.LotStatus.ready,i=s===a.LotStatus.live,y=s===a.LotStatus.past,c=L()||new Date,K=!F&&i&&u&&v.isAfter(u,c)&&r&&(te.differenceInMinutes(r,c)<60||v.isAfter(c,r)),M=p.findChildrenOfType(x,_.default),Q=p.findChildrenExcludingTypes(x,[_.default]),U=M?M.map(m=>f.isValidElement(m)?f.cloneElement(m,{textVariant:T===n.TextVariants.labelLarge?n.TextVariants.labelMedium:T}):m):null,X=Y.default(e,W,{[`${e}--live`]:i,[`${e}--has-bids`]:d||y});return t.jsxs("div",{...H,...V,ref:G,className:X,children:[t.jsxs(ee.default,{hasSeparators:z,variant:l,className:`${e}__text`,children:[I&&y?t.jsx(b.default,{label:$===Z.BidStatusEnum.Won?k:D,value:S?`${o}${S?.toLocaleString()}`:"",hasWrap:!1,className:`${e}__sold`}):null,i&&d?t.jsx(b.default,{label:R,subLabel:`(${N(g)})`,value:`${o}${q?.toLocaleString()}`,hasWrap:!1,className:`${e}__current-bid`}):null,h&&(w||i&&!d)?t.jsx(b.default,{label:P,value:`${o}${h?.toLocaleString()}`,hasWrap:!1}):null]}),$&&!w?U:null,Q,K?t.jsx(se.default,{endDateTime:u,label:E,variant:J,locale:a.SupportedLanguages[B],formatDurationStr:A,showBottomBorder:!1,getCurrentDateTime:L}):null]})});C.displayName="BidSnapshot";exports.default=C;

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -1,3 +1,4 @@
+import './_bidSnapshot.css';
 import { jsxs as M, jsx as n } from "react/jsx-runtime";
 import { forwardRef as U, isValidElement as X, cloneElement as Y } from "react";
 import Z from "../../_virtual/index2.js";
@@ -6,6 +7,7 @@ import { LotStatus as l, SupportedLanguages as oa } from "../../types/commonType
 import { CountdownVariants as _ } from "../../components/Countdown/types.js";
 import { BidStatusEnum as sa } from "./types.js";
 import v from "./BidMessage.js";
+
 import { DetailVariants as ta } from "../../components/Detail/types.js";
 import { TextVariants as o } from "../../components/Text/types.js";
 import { isAfter as T } from "../../node_modules/date-fns/isAfter.js";

package/dist/patterns/BidSnapshot/_bidSnapshot.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-bid-snapshot{position:relative}.seldon-bid-snapshot__text .seldon-has-separators .seldon-detail.seldon-detail{flex-wrap:wrap;gap:0 var(--spacing-sm)}.seldon-bid-snapshot__current-bid .seldon-detail__value .seldon-text.seldon-text,.seldon-bid-snapshot__sold .seldon-detail__value .seldon-text.seldon-text{font-variation-settings:"wght" 600}.seldon-bid-snapshot:has(.seldon-bid-message) .seldon-bid-snapshot__text .seldon-detail{padding-bottom:0}.seldon-bid-snapshot .seldon-countdown{align-items:flex-start;padding:0;position:absolute;top:calc(100% + var(--spacing-xsm))}.seldon-bid-snapshot--live:has(.seldon-countdown){border-bottom:1px solid #eae9e6;margin-bottom:var(--spacing-md)}.seldon-bid-snapshot .seldon-bid-message.seldon-bid-message{margin-bottom:var(--spacing-sm)}.seldon-bid-message{align-items:center;display:flex;gap:var(--spacing-micro)}.seldon-bid-message-text{font-variation-settings:"wght" 600;margin-bottom:0}.seldon-bid-message__icon{font-size:.5em}}

package/dist/patterns/CountryPicker/CountryPicker.stories.d.ts

@@ -16,3 +16,7 @@ export declare const PreSelectedCountry: {
     (): import("react/jsx-runtime").JSX.Element;
     storyName: string;
 };
+export declare const TriggerWithError: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};