@phillips/seldon 1.279.2 → 1.280.0

package/dist/patterns/HeroBanner/HeroBanner.js

@@ -1,28 +1,30 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import './_heroBanner.css';
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { getCommonProps as _ } from "../../utils/index.js";
 import N from "../../_virtual/index2.js";
+
 import t from "../../components/Text/Text.js";
-import { TextVariants as c } from "../../components/Text/types.js";
+import { TextVariants as i } from "../../components/Text/types.js";
 const x = u(
-  ({ prehead: a, date: n, headerText: i, subHeadText: s, association: l, background: d, className: p, ...m }, h) => {
-    const { className: e, ...f } = _(m, "HeroBanner");
-    return /* @__PURE__ */ r(
+  ({ prehead: a, date: n, headerText: c, subHeadText: s, association: l, background: d, className: p, ...m }, h) => {
+    const { className: r, ...f } = _(m, "HeroBanner");
+    return /* @__PURE__ */ e(
       "header",
       {
         ...f,
-        className: N(e, p),
+        className: N(r, p),
         style: { "--background": d },
         ref: h,
         ...m,
-        children: /* @__PURE__ */ o("span", { className: `${e}__content-wrapper`, children: [
-          a || n ? /* @__PURE__ */ o("p", { className: `${e}__pre-head`, children: [
-            a ? /* @__PURE__ */ r("span", { children: a }) : null,
-            n ? /* @__PURE__ */ r("span", { children: n }) : null
+        children: /* @__PURE__ */ o("span", { className: `${r}__content-wrapper`, children: [
+          a || n ? /* @__PURE__ */ o("p", { className: `${r}__pre-head`, children: [
+            a ? /* @__PURE__ */ e("span", { children: a }) : null,
+            n ? /* @__PURE__ */ e("span", { children: n }) : null
           ] }) : null,
-          /* @__PURE__ */ r(t, { className: `${e}__header-text`, variant: c.displayMedium, children: i }),
-          s ? /* @__PURE__ */ r(t, { className: `${e}__sub-head-text`, variant: c.headingMedium, children: s }) : null,
-          l ? /* @__PURE__ */ r("p", { className: `${e}__after-head`, children: l }) : null
+          /* @__PURE__ */ e(t, { className: `${r}__header-text`, variant: i.displayMedium, children: c }),
+          s ? /* @__PURE__ */ e(t, { className: `${r}__sub-head-text`, variant: i.headingMedium, children: s }) : null,
+          l ? /* @__PURE__ */ e("p", { className: `${r}__after-head`, children: l }) : null
         ] })
       }
     );

package/dist/patterns/HeroBanner/_heroBanner.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{body:has(.seldon-header__toggle-btn--open){overflow:hidden}.seldon-hero-banner{align-items:center;background:var(--background);background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;flex-flow:column;justify-content:center;min-height:25rem;padding:1rem;text-transform:uppercase;width:100%}.seldon-hero-banner__header-text{text-align:center}@media(max-width:960px){.seldon-hero-banner{align-items:center;align-self:stretch;background:transparent;background-color:#000;flex-direction:column;gap:1.875rem;min-height:unset;padding:1.875rem .9375rem}.seldon-hero-banner:before{background:var(--background);background-position:center center;background-repeat:no-repeat;background-size:cover;content:"";height:12rem;width:100%}}.seldon-hero-banner h1.seldon-text,.seldon-hero-banner h2.seldon-text{margin:0}.seldon-hero-banner .seldon-hero-banner__content-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;max-width:1082px}.seldon-hero-banner .seldon-hero-banner__content-wrapper h1,.seldon-hero-banner .seldon-hero-banner__content-wrapper h2,.seldon-hero-banner .seldon-hero-banner__content-wrapper p{color:#fff;text-align:center}.seldon-hero-banner .seldon-hero-banner__content-wrapper p{font-size:.875rem;letter-spacing:.125rem;line-height:1;text-align:center}.seldon-hero-banner .seldon-hero-banner__pre-head{align-items:flex-start;display:flex;font-size:.75rem;gap:1.875rem;padding-bottom:1.875rem}@media(min-width:961px){.seldon-hero-banner .seldon-hero-banner__pre-head{font-size:.875rem}}@media(max-width:960px){.seldon-hero-banner .seldon-hero-banner__pre-head{align-items:center;flex-direction:column;gap:1rem}}.seldon-hero-banner .seldon-hero-banner__after-head{padding-top:1.875rem}}

package/dist/patterns/LanguageSelector/LanguageSelector.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),m=require("../../utils/index.cjs"),L=require("../../_virtual/index2.cjs"),u=require("../../types/commonTypes.cjs"),j=require("../../components/Navigation/NavigationItem/NavigationItem.cjs"),y=require("../../components/Navigation/NavigationList/NavigationList.cjs"),p=require("../../providers/SeldonProvider/utils.cjs"),M=require("./utils.cjs"),q=require("../../utils/constants.cjs"),T=require("../../components/Dropdown/Dropdown.cjs"),N=require("../../components/Accordion/Accordion.cjs"),k=require("../../components/Accordion/AccordionItem.cjs"),R=require("../../components/Link/types.cjs"),$=require("../../components/Text/Text.cjs"),C=require("../../components/Text/types.cjs"),S=x.forwardRef(({id:r,value:t,onValueChange:n,label:l,options:s,...o},i)=>e.jsx(N.default,{...o,ref:i,children:e.jsx(k.default,{hasTransition:!0,id:r??"language-selector-accordion",label:e.jsx($.default,{variant:C.TextVariants.linkStylised,children:l}),children:e.jsx(y.default,{id:`${r}-navlist`,children:s.map(a=>e.jsx(j.default,{label:a.label,onClick:()=>n(a.value),navType:R.LinkVariants.linkLarge},a.value))})})}));S.displayName="MobileLanguageSelector";const h=x.forwardRef(({className:r,currentLanguage:t=u.SupportedLanguages.en,languageOptions:n=[{label:"English",value:u.SupportedLanguages.en},{label:"中文",value:u.SupportedLanguages.zh}],onLanguageChange:l=m.noOp,id:s,isHidden:o,disabled:i=!1,...a},c)=>{const{className:d,...v}=m.getCommonProps({id:s},"LanguageSelector"),b=M.getLanguageLabel({languageOptions:n,currentLanguage:t}),g={...v,...a,id:s,className:L.default(d,r,{[`${d}--hidden`]:o}),options:n,value:t,onValueChange:f=>l(f),label:b};return e.jsxs(e.Fragment,{children:[e.jsx(p.SSRMediaQuery.Media,{greaterThanOrEqual:q.Breakpoints.md,children:e.jsx(T.default,{...g,disabled:i,ref:c})}),e.jsx(p.SSRMediaQuery.Media,{lessThan:q.Breakpoints.md,children:e.jsx(S,{...g,ref:c})})]})});h.displayName="LanguageSelector";exports.default=h;
+require('./_languageSelector.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),m=require("../../utils/index.cjs"),L=require("../../_virtual/index2.cjs"),u=require("../../types/commonTypes.cjs"),j=require("../../components/Navigation/NavigationItem/NavigationItem.cjs"),y=require("../../components/Navigation/NavigationList/NavigationList.cjs"),p=require("../../providers/SeldonProvider/utils.cjs"),M=require("./utils.cjs");;const q=require("../../utils/constants.cjs"),T=require("../../components/Dropdown/Dropdown.cjs"),N=require("../../components/Accordion/Accordion.cjs"),k=require("../../components/Accordion/AccordionItem.cjs"),R=require("../../components/Link/types.cjs"),$=require("../../components/Text/Text.cjs"),C=require("../../components/Text/types.cjs"),S=x.forwardRef(({id:r,value:t,onValueChange:n,label:l,options:s,...o},i)=>e.jsx(N.default,{...o,ref:i,children:e.jsx(k.default,{hasTransition:!0,id:r??"language-selector-accordion",label:e.jsx($.default,{variant:C.TextVariants.linkStylised,children:l}),children:e.jsx(y.default,{id:`${r}-navlist`,children:s.map(a=>e.jsx(j.default,{label:a.label,onClick:()=>n(a.value),navType:R.LinkVariants.linkLarge},a.value))})})}));S.displayName="MobileLanguageSelector";const h=x.forwardRef(({className:r,currentLanguage:t=u.SupportedLanguages.en,languageOptions:n=[{label:"English",value:u.SupportedLanguages.en},{label:"中文",value:u.SupportedLanguages.zh}],onLanguageChange:l=m.noOp,id:s,isHidden:o,disabled:i=!1,...a},c)=>{const{className:d,...v}=m.getCommonProps({id:s},"LanguageSelector"),b=M.getLanguageLabel({languageOptions:n,currentLanguage:t}),g={...v,...a,id:s,className:L.default(d,r,{[`${d}--hidden`]:o}),options:n,value:t,onValueChange:f=>l(f),label:b};return e.jsxs(e.Fragment,{children:[e.jsx(p.SSRMediaQuery.Media,{greaterThanOrEqual:q.Breakpoints.md,children:e.jsx(T.default,{...g,disabled:i,ref:c})}),e.jsx(p.SSRMediaQuery.Media,{lessThan:q.Breakpoints.md,children:e.jsx(S,{...g,ref:c})})]})});h.displayName="LanguageSelector";exports.default=h;

package/dist/patterns/LanguageSelector/LanguageSelector.js

@@ -1,3 +1,4 @@
+import './_languageSelector.css';
 import { jsxs as S, Fragment as N, jsx as e } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { getCommonProps as T, noOp as k } from "../../utils/index.js";
@@ -7,6 +8,7 @@ import y from "../../components/Navigation/NavigationItem/NavigationItem.js";
 import C from "../../components/Navigation/NavigationList/NavigationList.js";
 import { SSRMediaQuery as g } from "../../providers/SeldonProvider/utils.js";
 import { getLanguageLabel as M } from "./utils.js";
+
 import { Breakpoints as u } from "../../utils/constants.js";
 import P from "../../components/Dropdown/Dropdown.js";
 import V from "../../components/Accordion/Accordion.js";
@@ -17,10 +19,10 @@ import { TextVariants as E } from "../../components/Text/types.js";
 const h = f(
   ({
     id: o,
-    value: n,
+    value: i,
     // can't be passed to the accordion
     onValueChange: r,
-    label: i,
+    label: n,
     options: l,
     ...t
   }, m) => /* @__PURE__ */ e(V, { ...t, ref: m, children: /* @__PURE__ */ e(
@@ -28,7 +30,7 @@ const h = f(
     {
       hasTransition: !0,
       id: o ?? "language-selector-accordion",
-      label: /* @__PURE__ */ e(A, { variant: E.linkStylised, children: i }),
+      label: /* @__PURE__ */ e(A, { variant: E.linkStylised, children: n }),
       children: /* @__PURE__ */ e(C, { id: `${o}-navlist`, children: l.map((a) => /* @__PURE__ */ e(
         y,
         {
@@ -45,18 +47,18 @@ h.displayName = "MobileLanguageSelector";
 const I = f(
   ({
     className: o,
-    currentLanguage: n = s.en,
+    currentLanguage: i = s.en,
     languageOptions: r = [
       { label: "English", value: s.en },
       { label: "中文", value: s.zh }
     ],
-    onLanguageChange: i = k,
+    onLanguageChange: n = k,
     id: l,
     isHidden: t,
     disabled: m = !1,
     ...a
   }, c) => {
-    const { className: p, ...v } = T({ id: l }, "LanguageSelector"), b = M({ languageOptions: r, currentLanguage: n }), d = {
+    const { className: p, ...v } = T({ id: l }, "LanguageSelector"), b = M({ languageOptions: r, currentLanguage: i }), d = {
       ...v,
       ...a,
       id: l,
@@ -64,8 +66,8 @@ const I = f(
         [`${p}--hidden`]: t
       }),
       options: r,
-      value: n,
-      onValueChange: (L) => i(L),
+      value: i,
+      onValueChange: (L) => n(L),
       label: b
     };
     return /* @__PURE__ */ S(N, { children: [

package/dist/patterns/LanguageSelector/_languageSelector.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-language-selector{display:flex;min-width:87px;opacity:1;transition:opacity .25s ease-in}.seldon-language-selector--hidden{opacity:0;pointer-events:none}@media(min-width:961px){.seldon-language-selector.seldon-accordion{display:none}}@media(max-width:960px){.seldon-language-selector{border-top:0}.seldon-language-selector.seldon-accordion{border-bottom:0}.seldon-language-selector .seldon-accordion-item{border-top:1px solid #eae9e6}.seldon-language-selector .seldon-accordion-item .seldon-nav__list{display:flex;flex-direction:column;gap:var(--spacing-xsm);padding:0}.seldon-language-selector .seldon-accordion-item-label{opacity:1;padding:1.25rem 0}.seldon-language-selector .seldon-accordion-item__border-bottom{border-bottom:0}}.seldon-language-selector.seldon-dropdown{display:flex;padding:0}.seldon-language-selector.seldon-dropdown button{border:none;box-shadow:unset;justify-content:center;outline:none;padding:0;text-transform:unset;width:fit-content}}

package/dist/patterns/ObjectTile/ObjectTile.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),D=require("../../_virtual/index2.cjs"),O=require("../../utils/index.cjs"),M=require("../../components/Detail/types.cjs"),k=require("../../components/SeldonImage/SeldonImage.cjs"),z=require("../../components/SeldonImage/types.cjs"),s=require("../../components/Text/Text.cjs"),l=require("../../components/Text/types.cjs"),A=require("../../components/DetailList/DetailList.cjs"),F=require("../../components/Detail/Detail.cjs"),h=x.memo(x.forwardRef(({badgeText:j,className:f,children:$,element:g,estimate:t,estimateLabelText:p="Estimate",estimateOnRequestText:i,badgeElement:r,favoriteElement:c,imageAlt:N="Brought to you by Phillips",imageUrl:b="",imageSrcSet:v,imageSizes:S,imageLoading:q,imageFetchPriority:y,imageBlocked:V,lotNumber:T,makerText:m,modelText:d,referenceNumber:o,titleText:u,withdrawnText:n,..._},E)=>{const{className:a,...P}=O.getCommonProps(_,"ObjectTile"),R=g??"a",C=t||i;return e.jsxs(R,{...P,className:D.default(a,f),..._,ref:E,children:[e.jsx(k.default,{alt:N,aspectRatio:z.AspectRatio.Square,className:`${a}__img`,objectFit:"contain",src:b,srcSet:v,sizes:S,loading:q,fetchPriority:y,imageBlocked:V}),n?null:e.jsx(s.default,{element:"span",className:`${a}__badge`,variant:l.TextVariants.badgeSmall,children:j}),e.jsxs("div",{className:`${a}__lot-number-like`,children:[e.jsx(s.default,{element:"span",className:`${a}__lot-number`,variant:l.TextVariants.headingSmall,children:T}),r&&e.jsx("div",{className:`${a}__lot-badge`,children:e.jsx(r,{})}),c&&e.jsx(c,{})]}),n?e.jsx(s.default,{element:"span",className:`${a}__withdrawn`,variant:l.TextVariants.headingSmall,children:n}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`${a}__meta`,children:[m?e.jsx(s.default,{element:"span",className:`${a}__maker`,variant:l.TextVariants.headingSmall,children:m}):null,u?e.jsx(s.default,{element:"cite",className:`${a}__title`,variant:l.TextVariants.headingExtraSmall,children:u}):null,o?e.jsx(s.default,{className:`${a}__reference-number`,variant:l.TextVariants.headingExtraSmall,element:"span",children:o}):null,d?e.jsx(s.default,{className:`${a}__model`,variant:l.TextVariants.headingExtraSmall,element:"span",children:d}):null]}),C?e.jsx(A.default,{hasSeparators:!0,className:`${a}__estimate ${a}__section`,variant:M.DetailVariants.sm,children:e.jsx(F.default,{className:`${a}__estimate__label`,label:p,value:t||i,hasWrap:!1})}):null,e.jsx("div",{className:`${a}__section`,children:$})]})]})}));h.displayName="ObjectTile";exports.default=h;
+require('./_objectTile.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),D=require("../../_virtual/index2.cjs"),O=require("../../utils/index.cjs"),M=require("../../components/Detail/types.cjs");;const k=require("../../components/SeldonImage/SeldonImage.cjs"),z=require("../../components/SeldonImage/types.cjs"),s=require("../../components/Text/Text.cjs"),l=require("../../components/Text/types.cjs"),A=require("../../components/DetailList/DetailList.cjs"),F=require("../../components/Detail/Detail.cjs"),h=x.memo(x.forwardRef(({badgeText:j,className:f,children:$,element:g,estimate:t,estimateLabelText:p="Estimate",estimateOnRequestText:i,badgeElement:r,favoriteElement:c,imageAlt:N="Brought to you by Phillips",imageUrl:b="",imageSrcSet:v,imageSizes:S,imageLoading:q,imageFetchPriority:y,imageBlocked:V,lotNumber:T,makerText:m,modelText:d,referenceNumber:o,titleText:u,withdrawnText:n,..._},E)=>{const{className:a,...P}=O.getCommonProps(_,"ObjectTile"),R=g??"a",C=t||i;return e.jsxs(R,{...P,className:D.default(a,f),..._,ref:E,children:[e.jsx(k.default,{alt:N,aspectRatio:z.AspectRatio.Square,className:`${a}__img`,objectFit:"contain",src:b,srcSet:v,sizes:S,loading:q,fetchPriority:y,imageBlocked:V}),n?null:e.jsx(s.default,{element:"span",className:`${a}__badge`,variant:l.TextVariants.badgeSmall,children:j}),e.jsxs("div",{className:`${a}__lot-number-like`,children:[e.jsx(s.default,{element:"span",className:`${a}__lot-number`,variant:l.TextVariants.headingSmall,children:T}),r&&e.jsx("div",{className:`${a}__lot-badge`,children:e.jsx(r,{})}),c&&e.jsx(c,{})]}),n?e.jsx(s.default,{element:"span",className:`${a}__withdrawn`,variant:l.TextVariants.headingSmall,children:n}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`${a}__meta`,children:[m?e.jsx(s.default,{element:"span",className:`${a}__maker`,variant:l.TextVariants.headingSmall,children:m}):null,u?e.jsx(s.default,{element:"cite",className:`${a}__title`,variant:l.TextVariants.headingExtraSmall,children:u}):null,o?e.jsx(s.default,{className:`${a}__reference-number`,variant:l.TextVariants.headingExtraSmall,element:"span",children:o}):null,d?e.jsx(s.default,{className:`${a}__model`,variant:l.TextVariants.headingExtraSmall,element:"span",children:d}):null]}),C?e.jsx(A.default,{hasSeparators:!0,className:`${a}__estimate ${a}__section`,variant:M.DetailVariants.sm,children:e.jsx(F.default,{className:`${a}__estimate__label`,label:p,value:t||i,hasWrap:!1})}):null,e.jsx("div",{className:`${a}__section`,children:$})]})]})}));h.displayName="ObjectTile";exports.default=h;

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -1,12 +1,14 @@
-import { jsxs as m, jsx as e, Fragment as V } from "react/jsx-runtime";
+import './_objectTile.css';
+import { jsxs as s, jsx as e, Fragment as V } from "react/jsx-runtime";
 import { memo as k, forwardRef as z } from "react";
 import A from "../../_virtual/index2.js";
 import { getCommonProps as F } from "../../utils/index.js";
 import { DetailVariants as I } from "../../components/Detail/types.js";
+
 import L from "../../components/SeldonImage/SeldonImage.js";
 import { AspectRatio as W } from "../../components/SeldonImage/types.js";
 import l from "../../components/Text/Text.js";
-import { TextVariants as s } from "../../components/Text/types.js";
+import { TextVariants as m } from "../../components/Text/types.js";
 import q from "../../components/DetailList/DetailList.js";
 import w from "../../components/Detail/Detail.js";
 const B = k(
@@ -18,7 +20,7 @@ const B = k(
       element: u,
       estimate: i,
       estimateLabelText: $ = "Estimate",
-      estimateOnRequestText: t,
+      estimateOnRequestText: n,
       badgeElement: r,
       favoriteElement: o,
       imageAlt: b = "Brought to you by Phillips",
@@ -32,12 +34,12 @@ const B = k(
       makerText: c,
       modelText: _,
       referenceNumber: d,
-      titleText: h,
-      withdrawnText: n,
-      ...p
+      titleText: p,
+      withdrawnText: t,
+      ...h
     }, D) => {
-      const { className: a, ...x } = F(p, "ObjectTile"), O = u ?? "a", R = i || t;
-      return /* @__PURE__ */ m(O, { ...x, className: A(a, N), ...p, ref: D, children: [
+      const { className: a, ...x } = F(h, "ObjectTile"), O = u ?? "a", R = i || n;
+      return /* @__PURE__ */ s(O, { ...x, className: A(a, N), ...h, ref: D, children: [
         /* @__PURE__ */ e(
           L,
           {
@@ -53,26 +55,26 @@ const B = k(
             imageBlocked: P
           }
         ),
-        n ? null : /* @__PURE__ */ e(l, { element: "span", className: `${a}__badge`, variant: s.badgeSmall, children: f }),
-        /* @__PURE__ */ m("div", { className: `${a}__lot-number-like`, children: [
-          /* @__PURE__ */ e(l, { element: "span", className: `${a}__lot-number`, variant: s.headingSmall, children: C }),
+        t ? null : /* @__PURE__ */ e(l, { element: "span", className: `${a}__badge`, variant: m.badgeSmall, children: f }),
+        /* @__PURE__ */ s("div", { className: `${a}__lot-number-like`, children: [
+          /* @__PURE__ */ e(l, { element: "span", className: `${a}__lot-number`, variant: m.headingSmall, children: C }),
           r && /* @__PURE__ */ e("div", { className: `${a}__lot-badge`, children: /* @__PURE__ */ e(r, {}) }),
           o && /* @__PURE__ */ e(o, {})
         ] }),
-        n ? /* @__PURE__ */ e(l, { element: "span", className: `${a}__withdrawn`, variant: s.headingSmall, children: n }) : /* @__PURE__ */ m(V, { children: [
-          /* @__PURE__ */ m("div", { className: `${a}__meta`, children: [
-            c ? /* @__PURE__ */ e(l, { element: "span", className: `${a}__maker`, variant: s.headingSmall, children: c }) : null,
-            h ? /* @__PURE__ */ e(l, { element: "cite", className: `${a}__title`, variant: s.headingExtraSmall, children: h }) : null,
+        t ? /* @__PURE__ */ e(l, { element: "span", className: `${a}__withdrawn`, variant: m.headingSmall, children: t }) : /* @__PURE__ */ s(V, { children: [
+          /* @__PURE__ */ s("div", { className: `${a}__meta`, children: [
+            c ? /* @__PURE__ */ e(l, { element: "span", className: `${a}__maker`, variant: m.headingSmall, children: c }) : null,
+            p ? /* @__PURE__ */ e(l, { element: "cite", className: `${a}__title`, variant: m.headingExtraSmall, children: p }) : null,
             d ? /* @__PURE__ */ e(
               l,
               {
                 className: `${a}__reference-number`,
-                variant: s.headingExtraSmall,
+                variant: m.headingExtraSmall,
                 element: "span",
                 children: d
               }
             ) : null,
-            _ ? /* @__PURE__ */ e(l, { className: `${a}__model`, variant: s.headingExtraSmall, element: "span", children: _ }) : null
+            _ ? /* @__PURE__ */ e(l, { className: `${a}__model`, variant: m.headingExtraSmall, element: "span", children: _ }) : null
           ] }),
           R ? /* @__PURE__ */ e(
             q,
@@ -85,7 +87,7 @@ const B = k(
                 {
                   className: `${a}__estimate__label`,
                   label: $,
-                  value: i || t,
+                  value: i || n,
                   hasWrap: !1
                 }
               )

package/dist/patterns/ObjectTile/_objectTile.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-object-tile{display:flex;flex-direction:column;max-width:24.5rem;text-align:left}.seldon-object-tile__img{margin-bottom:var(--spacing-sm);max-width:100%}.seldon-object-tile__badge{color:#ea0404;display:block;min-height:1rem;text-transform:uppercase}.seldon-object-tile__title,.seldon-object-tile__maker,.seldon-object-tile__model,.seldon-object-tile__reference-number{font-family:DistinctDisplay,sans-serif;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.seldon-object-tile__title.seldon-text,.seldon-object-tile__maker.seldon-text,.seldon-object-tile__model.seldon-text,.seldon-object-tile__reference-number.seldon-text{font-variation-settings:"wght" 600}.seldon-object-tile__lot-number-like{align-items:center;display:flex;font-variation-settings:"wght" 600;margin-bottom:var(--spacing-xsm);position:relative}.seldon-object-tile__lot-number-like>:not(.seldon-object-tile__lot-number):not(.seldon-object-tile__lot-badge){position:absolute;right:0;top:50%;transform:translateY(-50%)}.seldon-object-tile__lot-number-like .seldon-object-tile__lot-badge{display:block;padding-left:var(--spacing-xsm);position:relative}.seldon-object-tile__lot-number-like .seldon-object-tile__lot-badge svg{height:100%;width:100%}.seldon-object-tile__lot-number-like .seldon-object-tile__lot-badge svg path{fill:#000}.seldon-object-tile .seldon-object-tile__lot-number{display:block;margin-bottom:0;padding-top:2px}.seldon-object-tile .seldon-object-tile__maker,.seldon-object-tile .seldon-object-tile__model,.seldon-object-tile .seldon-object-tile__reference-number,.seldon-object-tile .seldon-object-tile__title{display:block;margin-bottom:0}.seldon-object-tile__title,.seldon-object-tile__reference-number,.seldon-object-tile__model{font-style:italic}.seldon-object-tile__meta{display:block;margin-bottom:var(--spacing-sm)}.seldon-object-tile__withdrawn{font-family:Distinct}.seldon-object-tile__section .seldon-has-separators .seldon-detail{flex-wrap:wrap;gap:0 var(--spacing-sm)}.seldon-object-tile__section .seldon-has-separators .seldon-detail .seldon-detail__value{text-align:unset}}

package/dist/patterns/PhoneNumberInput/PhoneNumberInput.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),u=require("../../utils/index.cjs"),_=require("../../_virtual/index2.cjs"),f=require("../CountryPicker/CountryPicker.cjs"),j=require("../../components/Input/Input.cjs"),$=require("../CountryPicker/utils.cjs"),I=require("../CountryPicker/constants.cjs"),l=c.forwardRef(({className:p,value:d="",countryCode:h="",handleValueChange:m,label:n="Phone",required:x=!1,error:a,errorText:g,disabled:y=!1,...v},b)=>{const{className:t,...N}=u.getCommonProps(v,"PhoneNumberInput"),[i,C]=c.useState(h||void 0),r=I.countries.find(o=>o.code===i),P=o=>{m?.(o.target.value,i||"")},s=u.useNormalizedInputProps({id:"phone-input",invalid:a,invalidText:g,type:"text"});return e.jsxs("div",{ref:b,className:_.default(`${t}`,p),...N,children:[e.jsxs("div",{className:`${t}__wrapper`,children:[e.jsxs("div",{className:`${t}__country-picker`,children:[e.jsx("input",{type:"hidden",name:"phoneNumber",value:d,"data-testid":"phone-number-hidden-input"}),e.jsx("input",{type:"hidden",name:"phoneCountryCode",value:i||"","data-testid":"phone-country-code-hidden-input"}),e.jsx(f.default,{triggerLabelText:n,triggerAriaLabel:`${n.replace("*","")} country`,triggerDisplayValue:r?`+${$.getSafeCountryCallingCode(r.code)}`:"",hasTriggerError:!!a,modalTitle:"Country code",searchInputLabel:"Search country",searchInputPlaceholder:"Search country",selectButtonLabel:"Select",isPhone:!0,value:r?.code,onChange:C})]}),e.jsx("div",{className:`${t}__input`,children:e.jsx(j.default,{className:`${t}__input-phone`,id:"phone-input",type:"tel",labelText:`${n.replace("*","")} phone`,hideLabel:!0,value:d,onChange:P,required:x,invalid:!!a,disabled:y,invalidText:"","aria-describedby":s.invalidId,maxLength:25})})]}),s.validation?s.validation:e.jsx("p",{className:`${u.px}-input__validation`,children:" "})]})});l.displayName="PhoneNumberInput";exports.default=l;
+require('./_phoneNumberInput.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),u=require("../../utils/index.cjs"),_=require("../../_virtual/index2.cjs"),f=require("../CountryPicker/CountryPicker.cjs"),j=require("../../components/Input/Input.cjs"),$=require("../CountryPicker/utils.cjs"),q=require("../CountryPicker/constants.cjs");;const l=c.forwardRef(({className:p,value:d="",countryCode:h="",handleValueChange:m,label:n="Phone",required:x=!1,error:a,errorText:g,disabled:y=!1,...v},b)=>{const{className:t,...N}=u.getCommonProps(v,"PhoneNumberInput"),[i,C]=c.useState(h||void 0),r=q.countries.find(o=>o.code===i),P=o=>{m?.(o.target.value,i||"")},s=u.useNormalizedInputProps({id:"phone-input",invalid:a,invalidText:g,type:"text"});return e.jsxs("div",{ref:b,className:_.default(`${t}`,p),...N,children:[e.jsxs("div",{className:`${t}__wrapper`,children:[e.jsxs("div",{className:`${t}__country-picker`,children:[e.jsx("input",{type:"hidden",name:"phoneNumber",value:d,"data-testid":"phone-number-hidden-input"}),e.jsx("input",{type:"hidden",name:"phoneCountryCode",value:i||"","data-testid":"phone-country-code-hidden-input"}),e.jsx(f.default,{triggerLabelText:n,triggerAriaLabel:`${n.replace("*","")} country`,triggerDisplayValue:r?`+${$.getSafeCountryCallingCode(r.code)}`:"",hasTriggerError:!!a,modalTitle:"Country code",searchInputLabel:"Search country",searchInputPlaceholder:"Search country",selectButtonLabel:"Select",isPhone:!0,value:r?.code,onChange:C})]}),e.jsx("div",{className:`${t}__input`,children:e.jsx(j.default,{className:`${t}__input-phone`,id:"phone-input",type:"tel",labelText:`${n.replace("*","")} phone`,hideLabel:!0,value:d,onChange:P,required:x,invalid:!!a,disabled:y,invalidText:"","aria-describedby":s.invalidId,maxLength:25})})]}),s.validation?s.validation:e.jsx("p",{className:`${u.px}-input__validation`,children:" "})]})});l.displayName="PhoneNumberInput";exports.default=l;

package/dist/patterns/PhoneNumberInput/PhoneNumberInput.js

@@ -1,3 +1,4 @@
+import './_phoneNumberInput.css';
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import b, { forwardRef as _ } from "react";
 import { getCommonProps as P, useNormalizedInputProps as x, px as I } from "../../utils/index.js";
@@ -6,6 +7,7 @@ import L from "../CountryPicker/CountryPicker.js";
 import S from "../../components/Input/Input.js";
 import { getSafeCountryCallingCode as T } from "../CountryPicker/utils.js";
 import { countries as j } from "../CountryPicker/constants.js";
+
 const k = _(
   ({
     className: l,

package/dist/patterns/PhoneNumberInput/_phoneNumberInput.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-phone-number-input{display:flex;flex-direction:column;position:relative;width:100%}.seldon-phone-number-input__wrapper{align-items:flex-end;display:flex;flex-direction:row;gap:var(--spacing-xsm);width:100%}.seldon-phone-number-input__country-picker{flex:0 0 30%}.seldon-phone-number-input__input{flex:1 1 70%;min-width:0}.seldon-phone-number-input__input .seldon-input__validation,.seldon-phone-number-input__input .seldon-input__empty-validation{display:none}@media screen{.seldon-phone-number-input__country-picker{flex:0 0 37.5%;min-width:0}.seldon-phone-number-input__input{flex:1 1 62.5%;min-width:0}}.seldon-input__validation{animation:reveal .45s linear forwards}@keyframes reveal{0%{opacity:0}to{opacity:1}}}

package/dist/patterns/ProgressWizard/ProgressWizard.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),o=require("react"),u=require("./types.cjs"),A=require("./hooks/useHistoryManagement.cjs"),R=require("../../utils/index.cjs"),B=require("./components/ProgressWizardFooter.cjs"),a=require("./utils.cjs"),T=require("../../components/ProgressIndicator/ProgressIndicator.cjs"),m=o.forwardRef((S,h)=>{const{isFullHeight:x=!0,hideNavigation:d,hideProgressIndicator:C,isEnableHistoryManagement:c=!1,currentStepIndex:t,defaultStepIndex:I,shouldAllowContinue:f=!0,loadingState:b=u.LoadingState.Idle,buttonLabels:P,onBack:y,onCancel:v,onContinue:w,onFormSubmit:z,children:W,...q}=S,{className:r,...L}=R.getCommonProps(q,"ProgressWizard");let l=I;l!==void 0&&t!==void 0&&(console.warn("ProgressWizard: Both defaultStepIndex and currentStepIndex props are provided. defaultStepIndex will be ignored."),l=void 0);const[p,M]=o.useState(l??0),g=o.useCallback(k=>{!d&&!a.isControlled(t)&&M(k)},[d,t]),e=o.useMemo(()=>t??p,[t,p]);c&&a.isControlled(t)&&console.warn("ProgressWizard: History management is disabled in controlled mode (currentStepIndex prop). To enable history management, remove the currentStepIndex prop. You may also import and use the useHistoryManagement hook directly in your controlling component.");const n=o.Children.toArray(W),N=o.useMemo(()=>a.getLabelsFromChildren(n),[n]),j=o.useMemo(()=>a.wrapChildren(n,e,r),[n,e,r]),s=n.length;(!n||s===0)&&console.warn("ProgressWizard: No children provided. At least one child is required to render steps, two for normal behavior."),n[e]||console.warn(`ProgressWizard: currentStepIndex ${e} is out of bounds (0 to ${s-1})`),A.useHistoryManagement({enabled:!a.isControlled(t)&&c,currentStepIndex:e,stepCount:s,setCurrentStepIndex:g});const H=e===0,_=e===s-1,$=j,F={setCurrentStepIndex:g,isFirstStep:H,isLastStep:_,baseClassName:r,shouldAllowContinue:f,isLoading:[u.LoadingState.Loading,u.LoadingState.Submitting].includes(b),labels:P,onContinue:w,onBack:y,onCancel:v,onFormSubmit:z};return i.jsxs("section",{...L,className:`${r}${x?` ${r}--full-height`:""}`,ref:h,"aria-label":"Progress Wizard",children:[C?null:i.jsx(T.default,{totalSteps:s,currentStep:e+1,stepLabels:N}),i.jsx("div",{className:`${r}__content`,children:$}),d?null:i.jsx("div",{className:`${r}__footer`,children:i.jsx(B.ProgressWizardFooter,{...F})})]})});m.displayName="ProgressWizard";exports.default=m;
+require('./_progressWizard.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),o=require("react"),u=require("./types.cjs"),A=require("./hooks/useHistoryManagement.cjs"),R=require("../../utils/index.cjs"),B=require("./components/ProgressWizardFooter.cjs"),a=require("./utils.cjs");;const T=require("../../components/ProgressIndicator/ProgressIndicator.cjs"),m=o.forwardRef((S,h)=>{const{isFullHeight:x=!0,hideNavigation:d,hideProgressIndicator:C,isEnableHistoryManagement:c=!1,currentStepIndex:t,defaultStepIndex:I,shouldAllowContinue:f=!0,loadingState:b=u.LoadingState.Idle,buttonLabels:P,onBack:y,onCancel:v,onContinue:w,onFormSubmit:q,children:z,...W}=S,{className:r,...L}=R.getCommonProps(W,"ProgressWizard");let l=I;l!==void 0&&t!==void 0&&(console.warn("ProgressWizard: Both defaultStepIndex and currentStepIndex props are provided. defaultStepIndex will be ignored."),l=void 0);const[p,M]=o.useState(l??0),g=o.useCallback(k=>{!d&&!a.isControlled(t)&&M(k)},[d,t]),e=o.useMemo(()=>t??p,[t,p]);c&&a.isControlled(t)&&console.warn("ProgressWizard: History management is disabled in controlled mode (currentStepIndex prop). To enable history management, remove the currentStepIndex prop. You may also import and use the useHistoryManagement hook directly in your controlling component.");const n=o.Children.toArray(z),N=o.useMemo(()=>a.getLabelsFromChildren(n),[n]),j=o.useMemo(()=>a.wrapChildren(n,e,r),[n,e,r]),s=n.length;(!n||s===0)&&console.warn("ProgressWizard: No children provided. At least one child is required to render steps, two for normal behavior."),n[e]||console.warn(`ProgressWizard: currentStepIndex ${e} is out of bounds (0 to ${s-1})`),A.useHistoryManagement({enabled:!a.isControlled(t)&&c,currentStepIndex:e,stepCount:s,setCurrentStepIndex:g});const H=e===0,_=e===s-1,$=j,F={setCurrentStepIndex:g,isFirstStep:H,isLastStep:_,baseClassName:r,shouldAllowContinue:f,isLoading:[u.LoadingState.Loading,u.LoadingState.Submitting].includes(b),labels:P,onContinue:w,onBack:y,onCancel:v,onFormSubmit:q};return i.jsxs("section",{...L,className:`${r}${x?` ${r}--full-height`:""}`,ref:h,"aria-label":"Progress Wizard",children:[C?null:i.jsx(T.default,{totalSteps:s,currentStep:e+1,stepLabels:N}),i.jsx("div",{className:`${r}__content`,children:$}),d?null:i.jsx("div",{className:`${r}__footer`,children:i.jsx(B.ProgressWizardFooter,{...F})})]})});m.displayName="ProgressWizard";exports.default=m;

package/dist/patterns/ProgressWizard/ProgressWizard.js

@@ -1,3 +1,4 @@
+import './_progressWizard.css';
 import { jsxs as j, jsx as s } from "react/jsx-runtime";
 import { forwardRef as B, useState as q, useCallback as E, useMemo as d, Children as R } from "react";
 import { LoadingState as l } from "./types.js";
@@ -5,6 +6,7 @@ import { useHistoryManagement as T } from "./hooks/useHistoryManagement.js";
 import { getCommonProps as Y } from "../../utils/index.js";
 import { ProgressWizardFooter as D } from "./components/ProgressWizardFooter.js";
 import { isControlled as p, getLabelsFromChildren as G, wrapChildren as J } from "./utils.js";
+
 import K from "../../components/ProgressIndicator/ProgressIndicator.js";
 const O = B((g, f) => {
   const {
@@ -28,14 +30,14 @@ const O = B((g, f) => {
   i !== void 0 && r !== void 0 && (console.warn(
     "ProgressWizard: Both defaultStepIndex and currentStepIndex props are provided. defaultStepIndex will be ignored."
   ), i = void 0);
-  const [u, L] = q(i ?? 0), m = E(
+  const [m, L] = q(i ?? 0), u = E(
     (A) => {
       !a && !p(r) && L(A);
     },
     [a, r]
   ), e = d(
-    () => r ?? u,
-    [r, u]
+    () => r ?? m,
+    [r, m]
   );
   c && p(r) && console.warn(
     "ProgressWizard: History management is disabled in controlled mode (currentStepIndex prop). To enable history management, remove the currentStepIndex prop. You may also import and use the useHistoryManagement hook directly in your controlling component."
@@ -50,10 +52,10 @@ const O = B((g, f) => {
     enabled: !p(r) && c,
     currentStepIndex: e,
     stepCount: n,
-    setCurrentStepIndex: m
+    setCurrentStepIndex: u
   });
   const F = e === 0, _ = e === n - 1, M = H, k = {
-    setCurrentStepIndex: m,
+    setCurrentStepIndex: u,
     isFirstStep: F,
     isLastStep: _,
     baseClassName: t,

package/dist/patterns/ProgressWizard/_progressWizard.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-progress-wizard{display:flex;flex-direction:column;z-index:100}.seldon-progress-wizard__logo{align-items:center;border-bottom:1px solid #eae9e6;display:flex;justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.seldon-progress-wizard__content{flex:1 1 auto;margin-top:var(--spacing-md);overflow-y:visible}.seldon-progress-wizard--full-height{height:100%}.seldon-progress-wizard__footer{align-items:stretch;background-color:#fff;border-top:1px solid #eae9e6;display:flex;flex-shrink:0;gap:var(--spacing-sm);justify-content:stretch;padding:var(--spacing-sm) 0;width:100%}.seldon-progress-wizard__btn{flex:1 1 0}.seldon-progress-wizard-hidden{display:none}@media(max-width:961px){.seldon-progress-wizard{display:flex;flex-direction:column;min-height:0;overflow:visible}.seldon-progress-wizard__content{flex:1 1 auto;height:auto;min-height:0}.seldon-progress-wizard__footer{bottom:0;left:0;position:sticky;right:0;z-index:10}}@media(min-width:961px){.seldon-progress-wizard{display:flex;flex-direction:column}.seldon-progress-wizard__footer{border-top:none;box-shadow:none;margin-top:auto;position:static}}}

package/dist/patterns/SaleCard/SaleCard.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),E=require("../../_virtual/index2.cjs"),M=require("react"),y=require("../../components/Button/Button.cjs"),N=require("../../components/Button/types.cjs"),g=require("../../providers/SeldonProvider/utils.cjs"),I=require("../../utils/index.cjs"),r=require("./types.cjs"),a=require("../../components/Card/Card.cjs"),R=require("../../components/Card/types.cjs"),L=require("../../utils/constants.cjs"),m=M.forwardRef(({className:f,imageSrc:l,imageAlt:j="Auction Image",auctionType:x,titleText:q,date:h,location:C,badgeText:n,modalButtonOnClick:i,modalButtonText:d,variant:t=r.SaleCardVariants.DEFAULT,children:c,imageDisplay:o=r.SaleCardImageDisplay.LEFT,...u},S)=>{const{className:s,..._}=I.getCommonProps(u,"SaleCard"),$=E.default(s,f,{[`${s}--${t}`]:t,[`${s}--image-${o}`]:o}),p={..._,...u};return e.jsxs(a.default.Root,{ref:S,element:"article",variant:R.CardVariants.default,className:$,...p,children:[l?e.jsx(a.default.Image,{alt:j,src:l}):null,e.jsxs(a.default.Content,{children:[e.jsx(a.default.Eyebrow,{children:x}),e.jsx(a.default.Title,{children:q}),n?e.jsx(a.default.Badge,{children:n}):null,e.jsxs(a.default.Meta,{className:`${s}__info`,children:[e.jsx(a.default.MetaItem,{children:C}),e.jsx(a.default.MetaItem,{children:h}),d&&i&&e.jsx("div",{className:`${s}__modal-link`,children:e.jsx(y.default,{onClick:i,variant:N.ButtonVariants.link,linkSize:"sm",children:d})})]})]}),t!==r.SaleCardVariants.RELATED_SALE_TILE&&c&&e.jsx("div",{className:`${s}__ctas`,children:e.jsx(g.SSRMediaQuery.Media,{greaterThanOrEqual:L.Breakpoints.snwMobile,children:c})})]})});m.displayName="SaleCard";exports.default=m;
+require('./_saleCard.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),E=require("../../_virtual/index2.cjs"),M=require("react"),y=require("../../components/Button/Button.cjs"),N=require("../../components/Button/types.cjs"),g=require("../../providers/SeldonProvider/utils.cjs"),I=require("../../utils/index.cjs"),t=require("./types.cjs");;const a=require("../../components/Card/Card.cjs"),R=require("../../components/Card/types.cjs"),L=require("../../utils/constants.cjs"),m=M.forwardRef(({className:f,imageSrc:l,imageAlt:j="Auction Image",auctionType:x,titleText:q,date:h,location:C,badgeText:n,modalButtonOnClick:i,modalButtonText:d,variant:r=t.SaleCardVariants.DEFAULT,children:c,imageDisplay:u=t.SaleCardImageDisplay.LEFT,...o},S)=>{const{className:s,..._}=I.getCommonProps(o,"SaleCard"),$=E.default(s,f,{[`${s}--${r}`]:r,[`${s}--image-${u}`]:u}),p={..._,...o};return e.jsxs(a.default.Root,{ref:S,element:"article",variant:R.CardVariants.default,className:$,...p,children:[l?e.jsx(a.default.Image,{alt:j,src:l}):null,e.jsxs(a.default.Content,{children:[e.jsx(a.default.Eyebrow,{children:x}),e.jsx(a.default.Title,{children:q}),n?e.jsx(a.default.Badge,{children:n}):null,e.jsxs(a.default.Meta,{className:`${s}__info`,children:[e.jsx(a.default.MetaItem,{children:C}),e.jsx(a.default.MetaItem,{children:h}),d&&i&&e.jsx("div",{className:`${s}__modal-link`,children:e.jsx(y.default,{onClick:i,variant:N.ButtonVariants.link,linkSize:"sm",children:d})})]})]}),r!==t.SaleCardVariants.RELATED_SALE_TILE&&c&&e.jsx("div",{className:`${s}__ctas`,children:e.jsx(g.SSRMediaQuery.Media,{greaterThanOrEqual:L.Breakpoints.snwMobile,children:c})})]})});m.displayName="SaleCard";exports.default=m;

package/dist/patterns/SaleCard/SaleCard.js

@@ -1,3 +1,4 @@
+import './_saleCard.css';
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import M from "../../_virtual/index2.js";
 import { forwardRef as L } from "react";
@@ -5,28 +6,29 @@ import g from "../../components/Button/Button.js";
 import { ButtonVariants as k } from "../../components/Button/types.js";
 import { SSRMediaQuery as A } from "../../providers/SeldonProvider/utils.js";
 import { getCommonProps as R } from "../../utils/index.js";
-import { SaleCardImageDisplay as T, SaleCardVariants as f } from "./types.js";
+import { SaleCardImageDisplay as T, SaleCardVariants as p } from "./types.js";
+
 import a from "../../components/Card/Card.js";
 import { CardVariants as w } from "../../components/Card/types.js";
 import { Breakpoints as y } from "../../utils/constants.js";
 const P = L(
   ({
-    className: p,
+    className: f,
     imageSrc: i,
     imageAlt: h = "Auction Image",
     auctionType: C,
     titleText: u,
     date: E,
     location: S,
-    badgeText: l,
-    modalButtonOnClick: s,
-    modalButtonText: t,
-    variant: o = f.DEFAULT,
+    badgeText: t,
+    modalButtonOnClick: l,
+    modalButtonText: s,
+    variant: o = p.DEFAULT,
     children: n,
     imageDisplay: c = T.LEFT,
     ...d
   }, _) => {
-    const { className: e, ...N } = R(d, "SaleCard"), $ = M(e, p, {
+    const { className: e, ...N } = R(d, "SaleCard"), $ = M(e, f, {
       [`${e}--${o}`]: o,
       [`${e}--image-${c}`]: c
     }), I = { ...N, ...d };
@@ -35,14 +37,14 @@ const P = L(
       /* @__PURE__ */ m(a.Content, { children: [
         /* @__PURE__ */ r(a.Eyebrow, { children: C }),
         /* @__PURE__ */ r(a.Title, { children: u }),
-        l ? /* @__PURE__ */ r(a.Badge, { children: l }) : null,
+        t ? /* @__PURE__ */ r(a.Badge, { children: t }) : null,
         /* @__PURE__ */ m(a.Meta, { className: `${e}__info`, children: [
           /* @__PURE__ */ r(a.MetaItem, { children: S }),
           /* @__PURE__ */ r(a.MetaItem, { children: E }),
-          t && s && /* @__PURE__ */ r("div", { className: `${e}__modal-link`, children: /* @__PURE__ */ r(g, { onClick: s, variant: k.link, linkSize: "sm", children: t }) })
+          s && l && /* @__PURE__ */ r("div", { className: `${e}__modal-link`, children: /* @__PURE__ */ r(g, { onClick: l, variant: k.link, linkSize: "sm", children: s }) })
         ] })
       ] }),
-      o !== f.RELATED_SALE_TILE && n && /* @__PURE__ */ r("div", { className: `${e}__ctas`, children: /* @__PURE__ */ r(A.Media, { greaterThanOrEqual: y.snwMobile, children: n }) })
+      o !== p.RELATED_SALE_TILE && n && /* @__PURE__ */ r("div", { className: `${e}__ctas`, children: /* @__PURE__ */ r(A.Media, { greaterThanOrEqual: y.snwMobile, children: n }) })
     ] });
   }
 );

package/dist/patterns/SaleCard/SaleCardActions.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),n=require("react"),i=require("../../utils/index.cjs"),l=require("../../components/Text/Text.cjs"),e=n.forwardRef(({children:s,...a},t)=>{const{className:r,...o}=i.getCommonProps(a,"SaleCardActions");return c.jsx(l.default,{className:`${r}__ctas`,...o,ref:t,children:s})});e.displayName="SaleCardActions";exports.SaleCardActions=e;exports.default=e;
+require('./_saleCardActions.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),n=require("react"),i=require("../../utils/index.cjs");;const l=require("../../components/Text/Text.cjs"),e=n.forwardRef(({children:s,...a},r)=>{const{className:t,...o}=i.getCommonProps(a,"SaleCardActions");return c.jsx(l.default,{className:`${t}__ctas`,...o,ref:r,children:s})});e.displayName="SaleCardActions";exports.SaleCardActions=e;exports.default=e;

package/dist/patterns/SaleCard/SaleCardActions.js

@@ -1,13 +1,15 @@
+import './_saleCardActions.css';
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
 import { getCommonProps as c } from "../../utils/index.js";
+
 import i from "../../components/Text/Text.js";
-const l = e(({ children: o, ...a }, r) => {
+const p = e(({ children: o, ...a }, r) => {
   const { className: s, ...m } = c(a, "SaleCardActions");
   return /* @__PURE__ */ t(i, { className: `${s}__ctas`, ...m, ref: r, children: o });
 });
-l.displayName = "SaleCardActions";
+p.displayName = "SaleCardActions";
 export {
-  l as SaleCardActions,
-  l as default
+  p as SaleCardActions,
+  p as default
 };

package/dist/patterns/SaleCard/_saleCard.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{a:focus-visible>.seldon-sale-card{border-radius:4px;outline:2px solid #07c;outline-offset:4px}a:has(>.seldon-sale-card):focus{outline:none}.seldon-sale-card{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:768px){.seldon-sale-card--image-left{flex-direction:row}}@media(min-width:768px){.seldon-sale-card--image-right{flex-direction:row-reverse}}.seldon-sale-card__ctas{flex:0 0 0%}@media(min-width:768px){.seldon-sale-card__ctas{flex-basis:250px}}.seldon-sale-card__modal-link .seldon-button{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-sale-card__cta-button{padding:var(--spacing-sm) var(--spacing-lg);white-space:nowrap;width:100%}.seldon-sale-card__pdf-link{align-items:center;align-self:stretch;display:flex;gap:var(--spacing-micro);justify-content:center}.seldon-sale-card__pdf-link a{text-decoration:none}.seldon-sale-card--relatedSaleTile{align-items:flex-start;gap:var(--spacing-sm)}@media(max-width:767px){.seldon-sale-card--relatedSaleTile.seldon-sale-card--image-left{flex-direction:row}.seldon-sale-card--relatedSaleTile.seldon-sale-card--image-right{flex-direction:row-reverse}}.seldon-sale-card--relatedSaleTile>.seldon-card__image{max-width:var(--spacing-xxxl);min-width:94px}}

package/dist/patterns/SaleCard/_saleCardActions.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-sale-card-actions__ctas{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;min-width:200px}}

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),A=require("react"),z=require("../../utils/index.cjs"),H=require("../../_virtual/index2.cjs"),O=require("../../types/commonTypes.cjs"),x=require("../../providers/SeldonProvider/utils.cjs"),t=require("../../components/Banner/Banner.cjs"),_=require("../../utils/constants.cjs"),h=require("../../components/Countdown/Countdown.cjs"),j=require("../../components/Banner/types.cjs"),D=require("../../components/PageContentWrapper/PageContentWrapper.cjs"),s=require("../../components/Text/types.cjs"),r=require("../../components/Text/Text.cjs"),F=require("../../components/SeldonImage/SeldonImage.cjs"),L=require("../../components/SeldonImage/types.cjs"),f=A.forwardRef(({auctionEndTime:n,auctionTitle:i,badgeText:l,imageSrcUrl:p,imageSrcSet:v,imageSizes:g,imageLoading:q,imageFetchPriority:S,location:N,countdownTimerLabel:$,countdownFormatDuration:b,auctionState:M,occurrenceInformation:B,onClick:Q,children:y,className:T,footerElement:R,headerLabel:V,showTimer:c,getCurrentDateTime:k,...d},w)=>{const{className:a,...C}=z.getCommonProps(d,"SaleHeaderBanner"),o=M===O.AuctionStatus.live,u={endDateTime:n,label:$,formatDurationStr:b,getCurrentDateTime:k};return e.jsxs("div",{...C,className:H.default(a,T),...d,ref:w,children:[o&&n&&c?e.jsx(x.SSRMediaQuery.Media,{lessThan:_.Breakpoints.md,children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(h.default,{...u,showBottomBorder:!1,centerAlign:!0})})}):null,e.jsxs(t.default,{variant:j.BannerVariants.top,children:[e.jsx(t.default.Content,{children:e.jsx(D.default,{children:e.jsxs("div",{className:`${a}__stack`,children:[o&&n&&c?e.jsx(x.SSRMediaQuery.Media,{greaterThanOrEqual:_.Breakpoints.md,children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(h.default,{...u,centerAlign:!0})})}):null,e.jsx(t.default.Eyebrow,{variant:s.TextVariants.labelMedium,className:`${a}__header-label`,children:V}),e.jsx(t.default.Title,{variant:s.TextVariants.headingLarge,element:"h1",className:`${a}__title`,children:i}),l&&e.jsx(r.default,{variant:s.TextVariants.badge,className:`${a}__badge`,children:l}),e.jsx(r.default,{variant:s.TextVariants.labelMedium,className:`${a}__location`,children:N}),e.jsxs("div",{className:`${a}__occurrence-details`,children:[B.map(({date:m,occurrenceLabel:P})=>e.jsxs("div",{className:`${a}__occurrence-details-text`,children:[e.jsx(r.default,{variant:s.TextVariants.labelMedium,children:P}),e.jsx(r.default,{variant:s.TextVariants.labelMedium,className:`${a}__date`,children:m})]},String(m))),y]}),R]})})}),e.jsx(t.default.Media,{size:j.BannerMediaSize.half,className:`${a}__image`,children:e.jsx(F.default,{aspectRatio:L.AspectRatio.Landscape,src:p,alt:String(i),objectFit:"cover",srcSet:v,sizes:g,loading:q,fetchPriority:S})})]})]})});f.displayName="SaleHeaderBanner";exports.default=f;
+require('./_saleHeaderBanner.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),A=require("react"),z=require("../../utils/index.cjs"),H=require("../../_virtual/index2.cjs"),O=require("../../types/commonTypes.cjs"),x=require("../../providers/SeldonProvider/utils.cjs"),s=require("../../components/Banner/Banner.cjs");;const _=require("../../utils/constants.cjs"),h=require("../../components/Countdown/Countdown.cjs"),j=require("../../components/Banner/types.cjs"),D=require("../../components/PageContentWrapper/PageContentWrapper.cjs"),r=require("../../components/Text/types.cjs"),t=require("../../components/Text/Text.cjs"),F=require("../../components/SeldonImage/SeldonImage.cjs"),L=require("../../components/SeldonImage/types.cjs"),f=A.forwardRef(({auctionEndTime:n,auctionTitle:i,badgeText:l,imageSrcUrl:p,imageSrcSet:q,imageSizes:v,imageLoading:g,imageFetchPriority:S,location:N,countdownTimerLabel:$,countdownFormatDuration:b,auctionState:M,occurrenceInformation:B,onClick:Q,children:y,className:T,footerElement:R,headerLabel:V,showTimer:c,getCurrentDateTime:k,...d},w)=>{const{className:a,...C}=z.getCommonProps(d,"SaleHeaderBanner"),o=M===O.AuctionStatus.live,u={endDateTime:n,label:$,formatDurationStr:b,getCurrentDateTime:k};return e.jsxs("div",{...C,className:H.default(a,T),...d,ref:w,children:[o&&n&&c?e.jsx(x.SSRMediaQuery.Media,{lessThan:_.Breakpoints.md,children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(h.default,{...u,showBottomBorder:!1,centerAlign:!0})})}):null,e.jsxs(s.default,{variant:j.BannerVariants.top,children:[e.jsx(s.default.Content,{children:e.jsx(D.default,{children:e.jsxs("div",{className:`${a}__stack`,children:[o&&n&&c?e.jsx(x.SSRMediaQuery.Media,{greaterThanOrEqual:_.Breakpoints.md,children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(h.default,{...u,centerAlign:!0})})}):null,e.jsx(s.default.Eyebrow,{variant:r.TextVariants.labelMedium,className:`${a}__header-label`,children:V}),e.jsx(s.default.Title,{variant:r.TextVariants.headingLarge,element:"h1",className:`${a}__title`,children:i}),l&&e.jsx(t.default,{variant:r.TextVariants.badge,className:`${a}__badge`,children:l}),e.jsx(t.default,{variant:r.TextVariants.labelMedium,className:`${a}__location`,children:N}),e.jsxs("div",{className:`${a}__occurrence-details`,children:[B.map(({date:m,occurrenceLabel:P})=>e.jsxs("div",{className:`${a}__occurrence-details-text`,children:[e.jsx(t.default,{variant:r.TextVariants.labelMedium,children:P}),e.jsx(t.default,{variant:r.TextVariants.labelMedium,className:`${a}__date`,children:m})]},String(m))),y]}),R]})})}),e.jsx(s.default.Media,{size:j.BannerMediaSize.half,className:`${a}__image`,children:e.jsx(F.default,{aspectRatio:L.AspectRatio.Landscape,src:p,alt:String(i),objectFit:"cover",srcSet:q,sizes:v,loading:g,fetchPriority:S})})]})]})});f.displayName="SaleHeaderBanner";exports.default=f;

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js

@@ -1,3 +1,4 @@
+import './_saleHeaderBanner.css';
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { forwardRef as H } from "react";
 import { getCommonProps as D } from "../../utils/index.js";
@@ -5,6 +6,7 @@ import F from "../../_virtual/index2.js";
 import { AuctionStatus as L } from "../../types/commonTypes.js";
 import { SSRMediaQuery as h } from "../../providers/SeldonProvider/utils.js";
 import n from "../../components/Banner/Banner.js";
+
 import { Breakpoints as f } from "../../utils/constants.js";
 import u from "../../components/Countdown/Countdown.js";
 import { BannerVariants as O, BannerMediaSize as V } from "../../components/Banner/types.js";

package/dist/patterns/SaleHeaderBanner/_saleHeaderBanner.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-sale-header-banner{border-bottom:1px solid #eae9e6;margin-bottom:var(--spacing-md)}@media(max-width:960px){.seldon-sale-header-banner .seldon-banner__inner{gap:0}.seldon-sale-header-banner__stack{padding:var(--spacing-md) 0}}.seldon-sale-header-banner__header-label{margin-bottom:var(--spacing-xsm)}.seldon-sale-header-banner__title.seldon-text{text-transform:uppercase}.seldon-sale-header-banner .seldon-countdown{padding-top:var(--spacing-sm)}.seldon-sale-header-banner__stack{align-items:start;display:flex;flex-direction:column;height:100%;justify-content:center}.seldon-sale-header-banner__stack__countdown{display:flex;width:100%}.seldon-sale-header-banner__stack .seldon-text--badge{margin-bottom:var(--spacing-xsm)}.seldon-sale-header-banner__location{font-variation-settings:"wght" 600;margin:var(--spacing-xsm) 0 var(--spacing-md) 0}.seldon-sale-header-banner__badge{border:1px solid #0065fc;color:#0065fc;margin:var(--spacing-xsm) 0;padding:var(--spacing-micro) var(--spacing-xsm)}.seldon-sale-header-banner__occurrence-details{align-items:center;display:flex;margin-bottom:var(--spacing-xsm)}.seldon-sale-header-banner__occurrence-details-text{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-micro)}.seldon-sale-header-banner__occurrence-details-text:after{content:"";display:block}.seldon-sale-header-banner__occurrence-details-text:first-child{padding-right:var(--spacing-sm)}.seldon-sale-header-banner__occurrence-details-text:not(:first-child){border-left:1px solid #75716f;padding-left:var(--spacing-sm)}.seldon-sale-header-banner__browse-auctions-text{gap:var(--spacing-micro)}.seldon-sale-header-banner__date{font-variation-settings:"wght" 600}.seldon-sale-header-banner__cta{margin:var(--spacing-sm) 0}}

package/dist/patterns/Social/Social.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("../../_virtual/index2.cjs"),m=require("../../utils/index.cjs"),q=require("../../components/Button/Button.cjs"),x=require("react"),f=require("../../components/Button/types.cjs"),N=require("../../components/Text/Text.cjs"),S=require("../../components/Text/types.cjs"),s=x.forwardRef(({className:a,children:i,titleText:n="Never miss a moment",buttonText:o="Subscribe to our newsletter",onSubscribeClick:c,...r},l)=>{const{className:e,...u}=m.getCommonProps(r,"Social");return t.jsxs("div",{ref:l,...u,className:d.default(e,a),...r,children:[t.jsx(N.default,{variant:S.TextVariants.headingSmall,className:`${e}__header`,children:n}),t.jsx(q.default,{onClick:c,variant:f.ButtonVariants.tertiary,className:`${e}__button`,children:o}),i]})});s.displayName="Social";exports.default=s;
+require('./_social.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("../../_virtual/index2.cjs"),m=require("../../utils/index.cjs"),q=require("../../components/Button/Button.cjs"),x=require("react"),f=require("../../components/Button/types.cjs");;const N=require("../../components/Text/Text.cjs"),S=require("../../components/Text/types.cjs"),s=x.forwardRef(({className:a,children:i,titleText:n="Never miss a moment",buttonText:o="Subscribe to our newsletter",onSubscribeClick:c,...r},u)=>{const{className:e,...l}=m.getCommonProps(r,"Social");return t.jsxs("div",{ref:u,...l,className:d.default(e,a),...r,children:[t.jsx(N.default,{variant:S.TextVariants.headingSmall,className:`${e}__header`,children:n}),t.jsx(q.default,{onClick:c,variant:f.ButtonVariants.tertiary,className:`${e}__button`,children:o}),i]})});s.displayName="Social";exports.default=s;

package/dist/patterns/Social/Social.js

@@ -1,9 +1,11 @@
+import './_social.css';
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import f from "../../_virtual/index2.js";
 import { getCommonProps as p } from "../../utils/index.js";
 import d from "../../components/Button/Button.js";
 import { forwardRef as u } from "react";
 import { ButtonVariants as N } from "../../components/Button/types.js";
+
 import h from "../../components/Text/Text.js";
 import { TextVariants as x } from "../../components/Text/types.js";
 const S = u(

package/dist/patterns/Social/_social.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-social{align-items:center;display:inline-flex;flex-direction:column;margin-top:var(--spacing-md);padding:0;width:100%}@media(min-width:961px){.seldon-social{margin-top:var(--spacing-sm)}}@media(min-width:1401px){.seldon-social{margin-top:0}}.seldon-social .seldon-text{margin-bottom:var(--spacing-sm)}@media(min-width:961px){.seldon-social .seldon-text{margin-bottom:var(--spacing-sm)}}@media(min-width:961px){.seldon-social{align-items:flex-start}}.seldon-social__button{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-transform:unset;border:0;height:auto;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-xsm);padding:0;text-align:left;text-decoration:underline}.seldon-social__button.seldon-social__button{text-transform:none}.seldon-social__button:hover{background-color:unset;color:unset}.seldon-social__button:focus-visible{border-radius:4px;padding:0}.seldon-social.seldon-social ul{align-items:center;border-top:1px solid #eae9e6;display:flex;flex-direction:row;gap:0 2rem;justify-content:flex-start;list-style:none;margin:var(--spacing-md) 0 0;max-width:16.75rem;padding:var(--spacing-sm) 0 0;width:100%}.seldon-social.seldon-social ul li{cursor:pointer}.seldon-social.seldon-social a{display:inline-block}}

package/dist/patterns/Subscribe/Subscribe.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),R=require("react"),V=require("../../_virtual/index2.cjs"),A=require("../../utils/index.cjs"),B=require("../../components/Input/Input.cjs"),C=require("../../components/Button/Button.cjs"),a=require("./types.cjs"),I=require("../../components/Button/types.cjs"),l=require("../../components/Text/Text.cjs"),p=require("../../components/Text/types.cjs");function L(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const U=L(R),g=U.forwardRef(({autoFocus:e=!0,blurb:t,buttonText:n="Sign Up",buttonProps:s,className:u,element:S="form",inputLabelText:b="Enter Your Email Address To Sign Up*",inputPlaceholder:x="example@email.com",inputProps:y,title:j="Never Miss A Moment",loadingText:v="Loading...",invalidText:q="",errorText:_="An error occurred. Please try again.",successText:h,privacyText:d="By signing up, you agree to receive email communications from Phillips.",subscriptionState:r=a.SubscriptionState.Default,id:c,...m},N)=>{const{className:o,...T}=A.getCommonProps({id:c,...m},"Subscribe"),$=r===a.SubscriptionState.Invalid,P=r===a.SubscriptionState.Loading,M=r===a.SubscriptionState.Success,O=r===a.SubscriptionState.Error,w={invalid:q,success:h,loading:v,error:_},f=r!==a.SubscriptionState.Default?w[r]:"",D=M||P,E=$||O;return i.jsxs(S,{id:c,...T,className:V.default(o,u),noValidate:!0,ref:N,...m,children:[i.jsx(l.default,{variant:p.TextVariants.headingSmall,className:`${o}__title`,children:j}),t?i.jsx(l.default,{variant:p.TextVariants.bodyMedium,children:t}):null,i.jsx(B.default,{autoFocus:e,className:`${o}__input`,type:"email",name:"email",placeholder:x,labelText:b,invalid:E,invalidText:f,warn:D,warnText:f,required:!0,id:`${c}-input`,...y}),i.jsx(C.default,{className:`${o}__button ${u}`,variant:I.ButtonVariants.secondary,type:"submit",...s,children:n}),d?i.jsx(l.default,{element:"p",children:d}):null]})});g.displayName="Subscribe";exports.default=g;
+require('./_subscribe.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),R=require("react"),V=require("../../_virtual/index2.cjs"),A=require("../../utils/index.cjs"),B=require("../../components/Input/Input.cjs"),C=require("../../components/Button/Button.cjs"),a=require("./types.cjs"),I=require("../../components/Button/types.cjs");;const u=require("../../components/Text/Text.cjs"),p=require("../../components/Text/types.cjs");function L(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const U=L(R),g=U.forwardRef(({autoFocus:e=!0,blurb:t,buttonText:n="Sign Up",buttonProps:s,className:l,element:S="form",inputLabelText:b="Enter Your Email Address To Sign Up*",inputPlaceholder:x="example@email.com",inputProps:y,title:j="Never Miss A Moment",loadingText:q="Loading...",invalidText:v="",errorText:_="An error occurred. Please try again.",successText:h,privacyText:d="By signing up, you agree to receive email communications from Phillips.",subscriptionState:r=a.SubscriptionState.Default,id:c,...m},N)=>{const{className:o,...T}=A.getCommonProps({id:c,...m},"Subscribe"),$=r===a.SubscriptionState.Invalid,P=r===a.SubscriptionState.Loading,M=r===a.SubscriptionState.Success,O=r===a.SubscriptionState.Error,w={invalid:v,success:h,loading:q,error:_},f=r!==a.SubscriptionState.Default?w[r]:"",D=M||P,E=$||O;return i.jsxs(S,{id:c,...T,className:V.default(o,l),noValidate:!0,ref:N,...m,children:[i.jsx(u.default,{variant:p.TextVariants.headingSmall,className:`${o}__title`,children:j}),t?i.jsx(u.default,{variant:p.TextVariants.bodyMedium,children:t}):null,i.jsx(B.default,{autoFocus:e,className:`${o}__input`,type:"email",name:"email",placeholder:x,labelText:b,invalid:E,invalidText:f,warn:D,warnText:f,required:!0,id:`${c}-input`,...y}),i.jsx(C.default,{className:`${o}__button ${l}`,variant:I.ButtonVariants.secondary,type:"submit",...s,children:n}),d?i.jsx(u.default,{element:"p",children:d}):null]})});g.displayName="Subscribe";exports.default=g;