@phillips/seldon 1.252.0 → 1.253.0

package/dist/patterns/SaleCard/SaleCardActions.cjs

@@ -0,0 +1 @@
+"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;

package/dist/patterns/SaleCard/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.DEFAULT="default",e.RELATED_SALE_TILE="relatedSaleTile",e))(r||{}),t=(e=>(e.LEFT="left",e.RIGHT="right",e))(t||{});exports.SaleCardImageDisplay=t;exports.SaleCardVariants=r;

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs

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

package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),o=require("../../utils/index.cjs"),c=require("../../components/Text/types.cjs"),l=require("../../components/Text/Text.cjs");require("../../components/Link/types.cjs");const u=require("../../components/Link/Link.cjs"),d=require("../../_virtual/index.cjs"),a=i.forwardRef(({ctaText:s="View Calendar",ctaLabel:t="Browse Upcoming Sale",className:m,...n},x)=>{const{className:r}=o.getCommonProps(n,"SaleHeaderBanner");return e.jsxs("div",{className:d.default(`${r}__occurrence-details-text`,`${r}__browse-auctions-text`),children:[e.jsx(l.default,{variant:c.TextVariants.labelMedium,children:t}),e.jsx(u.default,{href:"/calendar",children:s})]})});a.displayName="SaleHeaderBrowseAuctions";exports.default=a;

package/dist/patterns/Social/Social.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("../../_virtual/index.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/types.cjs"),S=require("../../components/Text/Text.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(S.default,{variant:N.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/Subscribe/Subscribe.cjs

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

package/dist/patterns/Subscribe/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Default="default",e.Loading="loading",e.Invalid="invalid",e.Error="error",e.Success="success",e))(r||{});exports.SubscriptionState=r;

package/dist/patterns/TextBanner/TextBanner.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),m=require("../../utils/index.cjs"),s=require("../../_virtual/index.cjs"),x=require("../../components/Text/types.cjs"),n=require("../../components/Text/Text.cjs"),l=d.forwardRef(({headerText:c,className:u,description:a,...r},i)=>{const{className:t,...o}=m.getCommonProps(r,"TextBanner");return e.jsx("header",{...o,className:s.default(t,u),ref:i,...r,children:e.jsxs("span",{className:s.default(`${t}__content-wrapper`),children:[e.jsx(n.default,{className:`${t}__header-text`,variant:x.TextVariants.displaySmall,children:c}),a?e.jsx(n.default,{element:"p",children:a}):null]})})});l.displayName="TextBanner";exports.default=l;

package/dist/patterns/UserManagement/UserManagement.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react"),r=require("../../utils/index.cjs"),A=require("../../_virtual/index.cjs"),a=require("./types.cjs"),u=require("../../components/Text/types.cjs"),l=require("../../components/Text/Text.cjs"),d=require("../../components/Icon/Icon.cjs"),m=y.forwardRef(({accountDetailsLinkComponent:g="a",className:h,onLogin:x=r.noOp,authState:o=a.AuthState.LoggedOut,loginLabel:n="Login",accountLabel:s="Account",href:f="/account",disabled:c=!1,...i},j)=>{const{className:t,..._}=r.getCommonProps(i,"UserManagement"),p=o===a.AuthState.LoggedIn,q=o!==a.AuthState.Loading;return e.jsx("div",{..._,className:A.default(t,h),...i,ref:j,children:q&&e.jsx(e.Fragment,{children:p?e.jsxs(g,{"aria-label":typeof s=="string"?s:"Account",className:`${t}__login`,href:f,disabled:c,children:[e.jsx(d.default,{icon:"Account",className:`${t}__account-icon`,height:"100%",width:"100%"}),e.jsx(l.default,{variant:u.TextVariants.bodySmall,children:s})]}):e.jsxs("button",{"aria-label":typeof n=="string"?n:"Login",className:`${t}__login`,onClick:x,disabled:c,children:[e.jsx(d.default,{icon:"Account",className:`${t}__account-icon`,height:"100%",width:"100%"}),e.jsx(l.default,{variant:u.TextVariants.bodySmall,children:n})]})})})});m.displayName="UserManagement";exports.default=m;

package/dist/patterns/UserManagement/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(g=>(g.Loading="Loading",g.LoggedIn="LoggedIn",g.LoggedOut="LoggedOut",g))(e||{});exports.AuthState=e;

package/dist/patterns/ViewingDetails/ViewingDetails.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("../../_virtual/index.cjs"),g=require("react"),v=require("../../components/Link/types.cjs"),q=require("../../components/Link/Link.cjs"),t=require("../../components/Text/types.cjs"),s=require("../../components/Text/Text.cjs"),V=require("../../utils/index.cjs"),o=g.forwardRef(({className:x,children:r,label:h,sessionTimesLabel:d,sessionTimes:i,viewingTimes:n,viewingTimesLabel:c,location:u,mapLink:m,onClose:p,linkElement:f=q.default,..._},j)=>{const{className:a,...N}=V.getCommonProps(_,"ViewingDetails");return e.jsx("div",{...N,..._,className:$.default(a,x),ref:j,children:e.jsxs("div",{className:`${a}__content`,children:[e.jsx(s.default,{variant:t.TextVariants.headingMedium,className:`${a}__title`,children:h}),r&&e.jsx("div",{className:`${a}__children`,children:r}),d&&e.jsx(s.default,{variant:t.TextVariants.headingSmall,className:`${a}__heading`,children:d}),i&&i.length>0&&i.map(l=>e.jsxs("div",{className:`${a}__session`,children:[l.sessionLabel&&e.jsx(s.default,{variant:t.TextVariants.labelMedium,className:`${a}__label`,children:l.sessionLabel}),l.sessionTime&&e.jsx(s.default,{className:`${a}__text`,children:l.sessionTime})]},`${l.sessionLabel??""}-${l.sessionTime??""}`)),c&&e.jsx(s.default,{variant:t.TextVariants.headingSmall,className:`${a}__heading`,children:c}),n&&n.length>0&&n.map(l=>e.jsx(s.default,{className:`${a}__viewing-time`,children:l},l)),u&&e.jsx(s.default,{className:`${a}__location`,children:u}),m&&e.jsx(s.default,{className:`${a}__map-link`,children:e.jsx(f,{href:m,variant:v.LinkVariants.linkMedium,children:"(Map)"})})]})})});o.displayName="ViewingDetails";exports.default=o;

package/dist/patterns/ViewingsList/StatefulViewingsList.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),j=require("react"),m=require("./ViewingsList.cjs");function p(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const u=p(j),a=u.forwardRef(({defaultViewing:e,i18n:r,validate:n=()=>{},onDelete:i=()=>{},onSave:c,...l},d)=>{const[f,s]=u.useState(e),g=t=>{s(o=>o?.filter(O=>O.id!==t)),i(t)},b=t=>{s(o=>o?[...o,{id:t}]:[{id:t}])};return S.jsx(m.default,{ref:d,...l,i18n:r,viewings:f,onDelete:g,onAdd:b,onSave:t=>c(t,s,n)})});a.displayName="StatefulViewingsList";exports.default=a;

package/dist/patterns/ViewingsList/ViewingsList.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),m=require("react"),b=require("../../_virtual/index.cjs"),E=require("../../utils/index.cjs"),M=require("./ViewingsListCard.cjs"),P=require("../../components/Button/Button.cjs");function R(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,d.get?d:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const r=R(m),D=()=>Math.floor(Math.random()*100)+Date.now(),j=m.forwardRef((t,s)=>{const{cardTitle:n="Viewing Details",className:d,i18n:S={},onAdd:p,onDelete:c,onSave:y,title:N,viewings:u,...h}=t,[l,v]=r.useState(u),[f,a]=r.useState(""),[o,w]=r.useState(),{className:O,...V}=E.getCommonProps(h,"ViewingsList");r.useEffect(()=>{v(u)},[u]);const{addViewingsBtnLabel:$="ADD VIEWINGS"}=S,L=()=>{const e=`${D()}${l?"-"+l.length:""}`;a(e),w(e),p&&p(e)},_=e=>{a(""),typeof c=="function"&&c(e)},q=e=>{a(e),w(l?.find(i=>i.id===e))},x=e=>{y(e)&&a("")},C=()=>{typeof o=="string"?typeof c=="function"&&c(o):f===o?.id&&v(e=>e?.map(i=>i.id===o.id?o:i)),a("")};return m.createElement("div",{ref:s,...V,className:b.default(O,d),key:f,...h},g.jsx("h2",{className:b.default(`${O}__title`),children:N}),l?.map((e,i)=>g.jsx(M.default,{...e,...S,cardTitle:e.location?`${n} ${i+1}`:void 0,isEditState:f===e.id,onCancel:C,onDelete:_,onEdit:()=>q(e.id),onSave:x},`${e.id}`)),g.jsx(P.default,{id:`viewings-list-add-btn-${t.id||D()}`,onClick:L,children:$}))});j.displayName="ViewingsList";exports.default=j;

package/dist/patterns/ViewingsList/ViewingsListCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),ue=require("react"),ce=require("../../_virtual/index.cjs"),p=require("../../utils/index.cjs"),h=require("../../components/Input/Input.cjs"),c=require("../../components/Button/Button.cjs"),o=require("../../components/Button/types.cjs"),oe=require("./ViewingsListCardForm.cjs");function de(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,u.get?u:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const d=de(ue),f=`${p.px}-viewings-list-card`,fe=({address1:n,address1Label:i,addressUrl:r,addressUrlLabel:u,address2:v,address2Label:$,address3:E,address3Label:O,cancelBtnLabel:C="CANCEL",cardTitle:_="Add New Viewing",deleteBtnLabel:q="DELETE",editBtnLabel:w="EDIT",isEditState:a,enableOnSite:x="false",enableOnSiteToggleLabel:S="Enabled on website",email:V,emailLabel:T="Email",emailLink:k,emailLinkLabel:A="Email Address",emailOn:L="false",emailToggleLabel:N="Include Email Address",id:t,invalidFields:s,location:B,locationLabel:I="Location",onCancel:y,onEdit:m,onDelete:j,onSave:g,previewDates:D,previewDatesLabel:R,previewHours1:z,previewHours1Label:M,previewHours2:P,previewHours2Label:G,previewLabel:H,previewLabelValue:J,previewOn:K,previewToggleLabel:Q,saveBtnLabel:U="SAVE DETAILS",viewingLabel:W,viewingLabelValue:X,viewingDates:Y,viewingDatesLabel:Z,viewingHours1:F,viewingHours1Label:ee,viewingHours2:te,viewingHours2Label:ne})=>{const[ae,re]=d.useState(x==="true"),l=d.useRef(null);d.useEffect(()=>{a&&l.current&&l.current.focus()},[a]),d.useEffect(()=>{s&&l.current&&l.current.closest(`.${p.px}-viewings-list-card`)?.querySelector(`.${p.px}-input--invalid input`)?.focus()},[s]);const ie=()=>{typeof y=="function"&&y()},se=()=>{typeof m=="function"&&m()},le=b=>{typeof g=="function"&&g(b)};return e.jsxs("section",{"data-testid":`viewings-list-card-${t}`,id:t,className:ce.default(`${f}`,{[`${f}--edit-state`]:a}),children:[e.jsx("h3",{className:`${f}__title`,children:_}),e.jsx("input",{type:"hidden",name:"id",value:t}),e.jsx(h.default,{ref:l,id:`location-${t}`,defaultValue:B,labelText:I,size:"sm",name:"location",invalid:!!s?.location,invalidText:s?.location,readOnly:!a}),a?e.jsx(oe.default,{address1:n,address1Label:i,addressUrl:r,addressUrlLabel:u,address2:v,address2Label:$,address3:E,address3Label:O,email:V,emailLabel:T,emailLink:k,emailLinkLabel:A,emailOn:L,emailToggleLabel:N,id:t,invalidFields:s,previewDates:D,previewDatesLabel:R,previewHours1:z,previewHours1Label:M,previewHours2:P,previewHours2Label:G,previewLabel:H,previewLabelValue:J,previewOn:K,previewToggleLabel:Q,viewingLabel:W,viewingLabelValue:X,viewingDates:Y,viewingDatesLabel:Z,viewingHours1:F,viewingHours1Label:ee,viewingHours2:te,viewingHours2Label:ne}):null,e.jsx(h.default,{id:`enableOnSite-${t}`,type:"toggle",defaultChecked:x==="true",labelText:S,size:"md",inline:!0,value:"true",name:"enableOnSite",onChange:()=>re(b=>!b),readOnly:!a}),ae?null:e.jsx("input",{type:"hidden",name:"enableOnSite",value:"false"}),e.jsx("hr",{}),e.jsx("div",{className:`${f}__btn-group ${p.px}-button__group`,children:a?e.jsxs(e.Fragment,{children:[e.jsx(c.default,{id:`vlc-save-btn-${t}`,variant:o.ButtonVariants.tertiary,type:"submit",onClick:le,children:U}),e.jsx(c.default,{id:`vlc-cancel-btn-${t}`,variant:o.ButtonVariants.tertiary,type:"button",onClick:ie,children:C})]}):e.jsxs(e.Fragment,{children:[e.jsx(c.default,{id:`vlc-edit-btn-${t}`,variant:o.ButtonVariants.tertiary,type:"button",onClick:se,children:w}),e.jsx(c.default,{id:`vlc-delete-btn-${t}`,variant:o.ButtonVariants.tertiary,type:"button",onClick:()=>typeof j=="function"&&j(t),children:q})]})})]})};exports.default=fe;

package/dist/patterns/ViewingsList/ViewingsListCardForm.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),w=require("../../_virtual/index.cjs"),Y=require("react"),Z=require("../../utils/index.cjs"),s=require("../../components/Input/Input.cjs");function B(r){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(u,i,d.get?d:{enumerable:!0,get:()=>r[i]})}}return u.default=r,Object.freeze(u)}const v=B(Y),m=`${Z.px}-viewings-list-card-form`,G=({address1:r,address1Label:u="Address ('432 Park Ave', ETC)",addressUrl:i,addressUrlLabel:d="URL for map link ('http://www.website.com')",address2:p,address2Label:c="City, State, Zip ('New York, NY 10019')",address3:b,address3Label:T="Country (United States)",emailOn:g,emailToggleLabel:j="Include Email Address",email:$,emailLabel:H="Email",emailLink:V,emailLinkLabel:O="Email Address",id:t,invalidFields:e,previewDates:h,previewDatesLabel:z="Date(s)",previewHours1:L,previewHours1Label:_="Hours1",previewHours2:D,previewHours2Label:S="Hours2",previewLabel:y="Label ('Preview', 'Opening Night', etc)",previewLabelValue:C,previewOn:o,previewToggleLabel:k="Additional Hours",viewingLabel:E="Label ('Open to public')",viewingLabelValue:N,viewingDates:P,viewingDatesLabel:U="Date(s)",viewingHours1:q,viewingHours1Label:A="Hours1",viewingHours2:R,viewingHours2Label:M="Hours2"})=>{const[l,f]=v.useState(o==="true"),[n,I]=v.useState(g==="true");return v.useEffect(()=>{f(o==="true")},[o]),a.jsxs(a.Fragment,{children:[a.jsx(s.default,{id:`viewingLabel-${t}`,name:"viewingLabelValue",defaultValue:N,labelText:E,size:"sm",invalid:!!e?.viewingLabelValue,invalidText:e?.viewingLabelValue}),a.jsx(s.default,{id:`viewingDates-${t}`,name:"viewingDates",defaultValue:P,labelText:U,size:"sm",invalid:!!e?.viewingDates,invalidText:e?.viewingDates}),a.jsx(s.default,{id:`viewingHours1-${t}`,name:"viewingHours1",defaultValue:q,labelText:A,size:"sm",invalid:!!e?.viewingHours1,invalidText:e?.viewingHours1}),a.jsx(s.default,{id:`viewingHours2-${t}`,name:"viewingHours2",defaultValue:R,labelText:M,size:"sm",invalid:!!e?.viewingHours2,invalidText:e?.viewingHours2}),a.jsx(s.default,{id:`previewOn-${t}`,type:"toggle",labelText:k,size:"md",defaultChecked:l,inline:!0,invalid:!!e?.previewOn,invalidText:e?.previewOn,name:"previewOn",onChange:()=>f(x=>!x)}),l?null:a.jsx("input",{type:"hidden",name:"previewOn",value:"false"}),a.jsxs("div",{className:w.default(`${m}__preview-set`,{[`${m}__preview-set--hidden`]:!l}),children:[a.jsx(s.default,{id:`previewLabel-${t}`,name:"previewLabelValue",defaultValue:C,labelText:y,size:"sm",invalid:!!e?.previewLabelValue,invalidText:e?.previewLabelValue,hidden:!l}),a.jsx(s.default,{id:`previewDates-${t}`,name:"previewDates",defaultValue:h,labelText:z,size:"sm",invalid:!!e?.previewDates,invalidText:e?.previewDates,hidden:!l}),a.jsx(s.default,{id:`previewHours1-${t}`,name:"previewHours1",defaultValue:L,labelText:_,size:"sm",invalid:!!e?.previewHours1,invalidText:e?.previewHours1,hidden:!l}),a.jsx(s.default,{id:`previewHours2-${t}`,name:"previewHours2",defaultValue:D,labelText:S,size:"sm",invalid:!!e?.previewHours2,invalidText:e?.previewHours2,hidden:!l})]}),a.jsx(s.default,{id:`address1-${t}`,name:"address1",defaultValue:r,labelText:u,size:"sm",invalid:!!e?.address1,invalidText:e?.address1}),a.jsx(s.default,{id:`address2-${t}`,name:"address2",defaultValue:p,labelText:c,size:"sm",invalid:!!e?.address2,invalidText:e?.address2}),a.jsx(s.default,{id:`address3-${t}`,name:"address3",defaultValue:b,labelText:T,size:"sm",invalid:!!e?.address3,invalidText:e?.address3}),a.jsx(s.default,{id:`addressUrl-${t}`,name:"addressUrl",defaultValue:i,labelText:d,size:"sm",type:"url",invalid:!!e?.addressUrl,invalidText:e?.addressUrl}),a.jsx(s.default,{id:`emailOn-${t}`,type:"toggle",labelText:j,size:"md",defaultChecked:n,inline:!0,invalid:!!e?.emailOn,invalidText:e?.emailOn,name:"emailOn",onChange:()=>I(x=>!x)}),n?null:a.jsx("input",{type:"hidden",name:"emailOn",value:"false"}),a.jsxs("div",{className:w.default(`${m}__preview-set`,{[`${m}__preview-set--hidden`]:!n}),children:[a.jsx(s.default,{id:`email-${t}`,name:"email",defaultValue:$,labelText:H,size:"sm",invalid:!!e?.address2,invalidText:e?.address2,hidden:!n}),a.jsx(s.default,{id:`emailLink-${t}`,name:"emailLink",defaultValue:V,labelText:O,size:"sm",invalid:!!e?.address3,invalidText:e?.address3,hidden:!n})]})]})};exports.default=G;

package/dist/providers/SeldonProvider/SeldonProvider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./utils.cjs"),t=({children:i})=>e.jsxs(r.SSRMediaQuery.MediaContextProvider,{children:[e.jsx("style",{children:r.ssrMediaQueryStyle}),i]});exports.SeldonProvider=t;

package/dist/providers/SeldonProvider/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/index2.cjs"),r=require("../../utils/constants.cjs"),e=t.distExports.createMedia({breakpoints:r.BREAKPOINTS}),s=e.createMediaStyle();exports.SSRMediaQuery=e;exports.ssrMediaQueryStyle=s;

package/dist/scss/_vars.scss.cjs

@@ -0,0 +1,415 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=`// prefix
+$px: seldon;
+
+// TODO: make design team to follow something like https://tailwindcss.com/docs/font-size
+@mixin font-size-vars {
+  --font-size-display-medium: 2.5rem; // 40px
+  --font-size-display-small: 2rem; // 32px
+  --font-size-heading-large: 1.5rem; // 24px
+  --font-size-heading-medium: 1.25rem; // 20px
+  --font-size-heading-small: 1rem; // 16px
+  --font-size-heading-extra-small: 0.75rem; // 12px
+  --font-size-body-large: 1rem; // 16px
+  --font-size-body-medium: 0.875rem; // 14px
+  --font-size-body-small: 0.75rem; // 12px
+  --font-size-label-large: 1rem; // 16px
+  --font-size-label-medium: 0.875rem; // 14px
+  --font-size-label-small: 0.75rem; // 12px
+  --font-size-link-stylised: 1rem; // 16px
+  --font-size-link-large: 1rem; // 16px
+  --font-size-link-medium: 0.875rem; // 14px
+  --font-size-link-small: 0.75rem; // 12px
+  --font-size-badge-small: 0.75rem; // 12px
+  --font-size-badge-medium: 0.875rem; // 14px
+}
+
+$font-size-xs: var(--font-size-xs);
+$font-size-s: var(--font-size-s);
+$font-size-m: var(--font-size-m);
+$font-size-l: var(--font-size-l);
+$font-size-xl: var(--font-size-xl);
+$font-size-2xl: var(--font-size-2xl);
+$font-size-3xl: var(--font-size-3xl);
+$font-size-4xl: var(--font-size-4xl);
+
+////////////////////////
+$font-size-display-medium: var(--font-size-display-medium);
+$font-size-display-small: var(--font-size-display-small);
+$font-size-heading-large: var(--font-size-heading-large);
+$font-size-heading-medium: var(--font-size-heading-medium);
+$font-size-heading-small: var(--font-size-heading-small);
+$font-size-heading-extra-small: var(--font-size-heading-extra-small);
+$font-size-body-large: var(--font-size-body-large);
+$font-size-body-medium: var(--font-size-body-medium);
+$font-size-body-small: var(--font-size-body-small);
+$font-size-label-large: var(--font-size-label-large);
+$font-size-label-medium: var(--font-size-label-medium);
+$font-size-label-small: var(--font-size-label-small);
+$font-size-link-stylised: var(--font-size-link-stylised);
+$font-size-link-large: var(--font-size-link-large);
+$font-size-link-medium: var(--font-size-link-medium);
+$font-size-link-small: var(--font-size-link-small);
+$font-size-badge-small: var(--font-size-badge-small);
+$font-size-badge-medium: var(--font-size-badge-medium);
+
+////////////////////////
+/// COlORS:
+///////////////////////
+
+// Primary
+
+// White
+$white-100: #fff;
+$white-75: rgba(255, 255, 255, 75%);
+$white-50: rgba(255, 255, 255, 50%);
+$white-25: rgba(255, 255, 255, 25%);
+
+// Black
+$black-100: #000;
+$black-75: rgba(0, 0, 0, 75%);
+$black-50: rgba(0, 0, 0, 50%);
+$black-25: rgba(0, 0, 0, 25%);
+
+// Secondary
+
+// Highlight
+$highlight-yellow: #fff90a;
+$highlight-green: #46ea77;
+$highlight-blue: #0065fc;
+$highlight-red: #ff3d0a;
+$highlight-purple: #6f4eea;
+
+// Functional
+
+// Greys
+$grey-100: #545454;
+$grey-75: #75716f;
+$grey-50: #eae9e6;
+$grey-25: #f9f8f7;
+
+// Semantic
+
+// Text
+$text-default: #000;
+$text-inverted: #fff;
+$text-inactive: #75716f;
+$text-supporting: #545454;
+
+// CTAs
+$cta-default: #000;
+$cta-disabled: #eae9e6;
+$cta-hover: #75716f;
+$cta-inactive: #75716f;
+$cta-focus: #545454;
+
+// Background
+$bg-default: #fff;
+$bg-soft: #f9f8f7;
+$bg-border: #eae9e6;
+$bg-inverted: #000;
+$bg-overlay: rgba(0, 0, 0, 50%);
+
+// Status
+$success-default: #00cc39;
+$warning-default: #ea0404;
+$reserve-bid: #b00000;
+$status-info: #0065fc;
+$focus-default: #07c;
+
+// admin colors
+$admin-alert: #f24a4a;
+$admin-success: #10bc94;
+
+// LEGACY MAPPING (updated to new tokens):
+// --- Legacy Primary color palette ---
+$pure-black: $black-100;
+$primary-black: $black-75;
+$white: $white-100;
+
+// --- Legacy Utilitarian color palette ---
+$soft-black: $grey-100;
+$dark-gray: $grey-75;
+$soft-black-2: $grey-100;
+$keyline-gray: $grey-75;
+$medium-gray: $grey-50;
+$soft-gray: $grey-25;
+$pale-gray: $grey-25;
+$light-gray: $grey-50;
+$off-white: $grey-25;
+
+// --- Legacy Notification color palette ---
+$error-red: $highlight-red;
+$error-pink: $highlight-red;
+$warn-yellow: $highlight-yellow;
+$post-sale-pink: $highlight-purple;
+$cta-blue: $highlight-blue;
+$badge-blue: $highlight-blue;
+
+// --- Legacy AM color palette ---
+$widget-blue: $highlight-blue;
+$widget-green: $highlight-green;
+$widget-maroon: $highlight-red;
+$widget-red: $reserve-bid;
+$clock-widget-blue: $highlight-blue;
+$clock-widget-green: $highlight-green;
+$clock-widget-maroon: $highlight-red;
+$clock-widget-red: $highlight-red;
+
+// --- Legacy Articker color palette ---
+$articker-red: $highlight-red;
+$articker-orange: $highlight-yellow;
+$articker-red-orange-gradient: linear-gradient(90deg, $highlight-red, $highlight-yellow);
+$overlay-black: $black-75;
+
+// --- Legacy legacy mapping ---
+$pure-white: $white-100;
+$post-sale-magenta: $highlight-purple;
+
+// --- Legacy Text variables ---
+$header-color: $black-100;
+$text-color: $grey-100;
+
+// --- Legacy Interactive Colors ---
+$button-hover: $grey-75;
+
+// --- Legacy Misc. Colors ---
+$countdown-compact: $highlight-red;
+
+////////////////////////
+/// FONTS:
+///////////////////////
+// Font-variables
+$DistinctDisplay: 'DistinctDisplay';
+$DistinctDisplayItalic: 'DistinctDisplayItalic';
+$DistinctItalic: 'DistinctItalic';
+$DistinctText: 'DistinctText';
+$Distinct: 'Distinct';
+$header-family: $DistinctDisplay;
+$text-family: $DistinctText;
+
+////////////////////////
+/// LABEL TOKENS:
+///////////////////////
+
+// Used with the labelText mixin
+// @include labelText($label)
+$button: 'button';
+$link: 'link';
+$email: 'email';
+$label: 'label';
+$badge: 'badge';
+
+// Used with the hText mixin
+$blockquote: 'blockquote';
+$heading1: 'heading1';
+$heading2: 'heading2';
+$heading3: 'heading3';
+$heading4: 'heading4';
+$heading5: 'heading5';
+$title1: 'title1';
+$title2: 'title2';
+$title3: 'title3';
+$title4: 'title4';
+$body1: 'body1';
+$body2: 'body2';
+$body3: 'body3';
+$string1: 'string1';
+$string2: 'string2';
+$string3: 'string3';
+$snwHeaderLink: 'snwHeaderLink';
+$snwFlyoutLink: 'snwFlyoutLink';
+$snwHeadingHero1: 'snwHeadingHero1';
+$snwHeadingHero2: 'snwHeadingHero2';
+
+// New Typography Variables
+$displayMedium: 'displayMedium';
+$displaySmall: 'displaySmall';
+$headingLarge: 'headingLarge';
+$headingMedium: 'headingMedium';
+$headingSmall: 'headingSmall';
+$headingExtraSmall: 'headingExtraSmall';
+$bodyLarge: 'bodyLarge';
+$bodyMedium: 'bodyMedium';
+$bodySmall: 'bodySmall';
+$labelLarge: 'labelLarge';
+$labelMedium: 'labelMedium';
+$labelSmall: 'labelSmall';
+$linkStylised: 'linkStylised';
+$linkLarge: 'linkLarge';
+$linkMedium: 'linkMedium';
+$linkSmall: 'linkSmall';
+$badgeSmall: 'badgeSmall';
+$badgeMedium: 'badgeMedium';
+$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
+  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
+  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
+  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
+  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium;
+
+////////////////////////
+/// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts
+///////////////////////
+$breakpoint-sm: 361px;
+$breakpoint-md: 961px;
+$breakpoint-lg: 1401px;
+
+// Temporary token for mobile breakpoint added to support [L3-7681](https://phillipsauctions.atlassian.net/browse/L3-7681)
+$breakpoint-snw-mobile: 768px;
+
+// Temporary token for mobile breakpoint added to support [L3-10837](https://phillipsauctions.atlassian.net/browse/L3-10837)
+$breakpoint-snw-sm-desktop: 561px;
+
+////////////////////////
+/// FONT SIZE TOKENS:
+///////////////////////
+// @TODO: These tokens need to be aligned with the new values from the design system https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=7263-1361&node-type=canvas&m=dev
+// Once we update ObjectTile and other components will need to be updated to match the new token.
+
+// TITLE
+$title-size1: var(--heading-size1);
+$title-size2: var(--heading-size2);
+$title-size3: var(--heading-size3);
+$title-size4: var(--heading-size4);
+
+// HEADING
+$heading-size1: var(--heading-size1);
+$heading-line-height-size1: var(--heading-line-height-size1);
+$heading-size2: var(--heading-size2);
+$heading-line-height-size2: var(--heading-line-height-size2);
+$heading-size3: var(--heading-size3);
+$heading-line-height-size3: var(--heading-line-height-size3);
+$heading-size4: var(--heading-size4);
+$heading-line-height-size4: var(--heading-line-height-size4);
+$heading-size5: var(--heading-size5);
+$heading-line-height-size5: var(--heading-line-height-size5);
+
+// BODY
+$body-size1: var(--body-size1);
+$body-line-height-size1: var(--body-line-height-size1);
+$body-size2: var(--body-size2);
+$body-line-height-size2: var(--body-line-height-size2);
+$body-size3: var(--body-size3);
+$body-line-height-size3: var(--body-line-height-size3);
+
+// STRING
+$string-size1: var(--string-size1);
+$string-line-height-size1: var(--string-line-height-size1);
+$string-size2: var(--string-size2);
+$string-line-height-size2: var(--string-line-height-size2);
+$string-size3: var(--string-size3);
+$string-line-height-size3: var(--string-line-height-size3);
+
+// LABELS
+$email-label-size: var(--font-size-link-medium);
+$text-label-size: var(--label-size3);
+$badge-label-size: var(--label-size3);
+$link-label-size: var(--link-label-size);
+$button-label-size: var(--button-label-size);
+$link-label-line-height: var(--link-label-line-height);
+$button-label-line-height: var(--button-label-line-height);
+$button-tertiary-height: var(--button-tertiary-height);
+$badge-label-size: var(--badge-label-size);
+$badge-label-line-height: var(--badge-label-line-height);
+$snw-header-link-size: var(--snw-header-link-size);
+$snw-header-link-line-height: var(--snw-header-link-line-height);
+$snw-flyout-link-size: var(--snw-flyout-link-size);
+$snw-flyout-link-line-height: var(--snw-flyout-link-line-height);
+$snw-heading-hero-size1: var(--snw-heading-hero-size1);
+$snw-heading-hero-line-height1: var(--snw-heading-hero-line-height-size1);
+$snw-heading-hero-size2: var(--snw-heading-hero-size2);
+$snw-heading-hero-line-height2: var(--snw-heading-hero-line-height-size2);
+
+////////////////////////
+/// SPACING TOKENS:
+///////////////////////
+
+// SNOWFLAKES
+$snowflake-menu-padding: 1.25rem;
+$spacing-micro: var(--spacing-micro);
+$spacing-xsm: var(--spacing-xsm);
+$spacing-sm: var(--spacing-sm);
+$spacing-md: var(--spacing-md);
+$spacing-lg: var(--spacing-lg);
+$spacing-xl: var(--spacing-xl);
+$spacing-xxl: var(--spacing-xl);
+$spacing-xxxl: var(--spacing-xxxl);
+$spacing-sizes: micro, xsm, sm, md, lg, xl, xxl, xxxl;
+
+// PADDING
+$padding-micro: var(--spacing-micro);
+$padding-xsm: var(--spacing-xsm);
+$padding-sm: var(--spacing-sm);
+$padding-md: var(--spacing-md);
+$padding-lg: var(--spacing-lg);
+$padding-xl: var(--spacing-xl);
+$padding-xxl: var(--spacing-xxl);
+$padding-tokens: $padding-micro, $padding-xsm, $padding-sm, $padding-md, $padding-lg, $padding-xl, $padding-xxl;
+$snw-button-padding: var(--snw-button-padding);
+
+// MARGIN
+$margin-micro: var(--spacing-micro);
+$margin-xsm: var(--spacing-xsm);
+$margin-sm: var(--spacing-sm);
+$margin-md: var(--spacing-md);
+$margin-lg: var(--spacing-lg);
+$margin-xl: var(--spacing-xl);
+$margin-xxl: var(--spacing-xxl);
+
+////////////////////////
+/// modal width/min-width TOKENs:
+///////////////////////
+$mobile-modal-min-width: 22.5rem;
+$desktop-modal-width: 35rem;
+
+////////////////////////
+/// max-site-width TOKEN:
+///////////////////////
+$max-site-width: 1560px;
+$desktop-max-width: var(--desktop-max-width);
+
+////////////////////////
+/// z-index TOKENS:
+///////////////////////
+$modal-z-index: 30;
+$notification-banner-z-index: 10;
+
+////////////////////////
+/// Our tokens usually support at least 4 sizes.
+///////////////////////
+$size-sm: 'sm';
+$size-md: 'md';
+$size-lg: 'lg';
+$size-xl: 'xl';
+$size-xxl: 'xxl';
+$size-snw-mobile: 'snw-mobile';
+$default-transition: 150ms cubic-bezier(0.16, 1, 0.3, 1);
+$drawer-content-transition: 350ms cubic-bezier(0, 0, 0.2, 1);
+$default-overlay-transition: 350ms cubic-bezier(0.4, 0, 0.2, 1);
+
+////////////////////////
+/// Mobile-specific tokens
+///////////////////////
+$mobile-minimum-clickable-area: 44px;
+
+////////////////////////
+/// Header Tokens
+///
+$search-size: var(--search-size);
+$header-height: var(--header-height);
+
+/// Drawer min height Token
+/// Used to ensure the drawer button area is always at least the minimum height
+/// This is calculated as the (button label height) + (Drawer panel padding) + (Button's internal padding)
+$drawer-button-area-min-height: calc($button-label-line-height + $spacing-md * 2 + $spacing-sm * 2);
+
+////////////////////////
+/// RADIUS:
+///////////////////////
+$radius-xs: 4px;
+$radius-sm: 8px;
+$radius-md: 12px;
+$radius-lg: 16px;
+$radius-xl: 20px;
+$radius-2xl: 24px;
+$radius-3xl: 40px;
+`;exports.default=n;

package/dist/site-furniture/Footer/Footer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../_virtual/index.cjs"),t=require("../../utils/index.cjs"),l=require("../../components/Text/types.cjs"),n=require("../../components/Text/Text.cjs"),c=require("../../components/Icon/Icon.cjs"),d=({children:r,className:s,copyright:i=`© ${t.defaultYear} Phillips Auctioneers, LLC`,id:o})=>e.jsxs("footer",{"data-testid":o||"footer",id:o,className:a.default(`${t.px}-footer`,{className:s}),children:[e.jsx("div",{className:`${t.px}-footer__links`,children:r}),e.jsxs("div",{className:`${t.px}-footer__copyright`,children:[e.jsx("a",{href:"/","aria-label":"logo","data-testid":"footer-logo",className:`${t.px}-footer__logo`,children:e.jsx(c.default,{icon:"PhillipsLogo",width:"94px"})}),e.jsx(n.default,{variant:l.TextVariants.bodySmall,children:i})]})]});exports.default=d;

package/dist/site-furniture/Header/Header.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("../../_virtual/index.cjs"),t=require("react"),U=require("../../components/Icon/Icon.cjs"),E=require("../../components/Navigation/Navigation.cjs"),y=require("../../patterns/LanguageSelector/LanguageSelector.cjs"),j=require("../../patterns/UserManagement/UserManagement.cjs"),D=require("../../providers/SeldonProvider/utils.cjs"),n=require("../../utils/index.cjs"),F=require("./hooks.cjs"),G=require("./utils.cjs"),C=t.createContext(G.defaultHeaderContext),S=t.forwardRef(({logo:d=r.jsx(U.default,{icon:"PhillipsLogo"}),logoHref:$="/",className:H,children:i,toggleOpenText:M="Open Menu",toggleCloseText:q="Close Menu",logoText:O="Home Page",disabled:u,bannerRef:l,skipToContentId:h="main",skipLinkLabel:N="Skip to main content",...w},a)=>{const g=n.findChildrenOfType(i,j.default),T=t.isValidElement(g?.[0])?t.cloneElement(g[0],{disabled:u}):"",m=n.findChildrenOfType(i,y.default),p=t.isValidElement(m?.[0])?t.cloneElement(m[0],{disabled:u}):"",[f,k]=t.useState(!1),P=n.findChildrenOfType(i,E.default),R=n.findChildrenExcludingTypes(i,[E.default,j.default,y.default]),{closeMenu:z,handleMenuToggle:I,isMenuOpen:c,toggleText:V}=F.useMobileMenu({toggleOpenText:M,toggleCloseText:q}),[A,L]=t.useState(null),[x,v]=t.useState(l?.current?l.current.clientHeight:0),b=t.useRef(null);t.useEffect(()=>{const e=l?.current;if(!e)return;v(e.clientHeight);const s=new window.ResizeObserver(()=>{v(e.clientHeight)});return s.observe(e),()=>{s.disconnect()}},[l,x]),t.useEffect(()=>{const e=b.current;if(!e)return;const s=()=>{const Q=e.offsetHeight;document.documentElement.style.setProperty("--header-height",`${Q}px`)};s();const _=new window.ResizeObserver(s);return _.observe(e),()=>{_.disconnect()}},[]);const B=t.useCallback(e=>{b.current=e,typeof a=="function"?a(e):a&&(a.current=e)},[a]);return r.jsxs("header",{...w,className:o.default(`${n.px}-header`,H),ref:B,style:{"--banner-height":`${x}px`},children:[h&&r.jsx("a",{href:`#${h}`,className:`${n.px}-header__skip-link`,"data-testid":"skip-to-content",children:N}),r.jsxs("div",{className:`${n.px}-header__top-row`,children:[r.jsx(D.SSRMediaQuery.Media,{greaterThanOrEqual:"md",children:p}),r.jsxs("button",{"aria-label":V,"data-testid":"mobile-menu-toggle",type:"button",onClick:I,className:o.default(`${n.px}-header__toggle-btn`,{[`${n.px}-header__toggle-btn--open`]:c}),children:[r.jsx("span",{})," "]}),r.jsx("a",{href:$,"aria-label":O,"data-testid":"header-logo",className:`${n.px}-header__logo`,children:typeof d=="object"?d:r.jsx("img",{alt:"Phillips","data-testid":"header-logo-img",src:d})}),T]}),r.jsx("div",{className:o.default(`${n.px}-header__nav`,{[`${n.px}-header__nav--closed`]:!c}),children:r.jsxs(C.Provider,{value:{activeSubmenuId:A,setActiveSubmenuId:L,isMenuOpen:c,isSearchExpanded:f,setIsSearchExpanded:k,closeMenu:z},children:[t.Children.map(P,e=>t.isValidElement(e)?t.cloneElement(e,{children:[...t.Children.toArray(e.props.children),p]}):e),R]})}),r.jsx("div",{className:o.default(`${n.px}-header__overlay`,{[`${n.px}-header__overlay--active`]:f})})]})});S.displayName="Header";exports.HeaderContext=C;exports.default=S;

package/dist/site-furniture/Header/hooks.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),l=({toggleCloseText:t,toggleOpenText:o})=>{const[e,n]=u.useState(!1);return{isMenuOpen:e,handleMenuToggle:()=>n(s=>!s),closeMenu:()=>n(!1),toggleText:e?t:o}};exports.useMobileMenu=l;

package/dist/site-furniture/Header/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/index.cjs"),n={isMenuOpen:!1,isSearchExpanded:!1,setIsSearchExpanded:e.noOp,closeMenu:e.noOp,activeSubmenuId:null,setActiveSubmenuId:e.noOp};exports.defaultHeaderContext=n;

package/dist/types/commonTypes.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.en="en",e.zh="zh",e))(r||{}),a=(e=>(e.ready="READY",e.live="LIVE",e.past="PAST",e))(a||{}),n=(e=>(e.ready="READY",e.live="LIVE",e.past="PAST",e))(n||{});exports.AuctionStatus=a;exports.LotStatus=n;exports.SupportedLanguages=r;

package/dist/utils/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={xsm:0,sm:361,md:961,lg:1401,"snw-mobile":768},t=16;exports.BREAKPOINTS=e;exports.DEFAULT_REM_SIZE=t;

package/dist/utils/hooks.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),u=e=>{const[s,t]=n.useState(null);return n.useEffect(()=>{e&&t(null)},[e]),{pendingState:s,setPendingState:t}};exports.usePendingState=u;

package/dist/utils/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),p=require("../node_modules/change-case/dist/index.cjs"),x=require("react");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const u=g(x),o="seldon",$=({id:e,...t},n)=>{const r=p.kebabCase(n);return{...t,"data-testid":e?`${r}-${e}`:`${r}`,className:`${o}-${r}`}};var m=(e=>(e.xs="xs",e.sm="sm",e.md="md",e.lg="lg",e.xl="xl",e.xxl="xxl",e))(m||{}),f=(e=>(e.micro="micro",e.xsm="xsm",e.sm="sm",e.md="md",e.lg="lg",e.xl="xl",e.xxl="xxl",e))(f||{});const y=()=>{};function v({disabled:e=!1,id:t,invalid:n=!1,invalidText:r="invalid",readOnly:a=!1,type:s,warn:i=!1,warnText:d}){const l={disabled:!a&&e,invalid:!a&&!e&&n,invalidId:`${t}-error-msg`,type:s==="toggle"?"checkbox":s,warn:!a&&!e&&!n&&i,warnId:`${t}-warn-msg`,validation:null};return l.invalid&&(l.validation=c.jsx("div",{className:`${o}-input__validation ${o}-${s}-input--invalid`,id:l.invalidId,children:r})),l.warn&&(l.validation=c.jsx("div",{className:`${o}-input__validation ${o}-${s}-input--warn`,id:l.warnId,children:d})),l}const C=new Date().getFullYear(),b=(e,t="end",n="vertical")=>`${o}-padding-${n}-${e}-${t}`,P=e=>/(.+)@(.+){2,}\.(.+){2,}/i.test(e),h=(e,t,n=!1)=>{const r=u.Children.toArray(e).filter(a=>a&&a.type===t&&!n?a:a&&a.type!==t&&n);return r.length>0?r:null},I=(e,t)=>{const n=u.Children.toArray(e).filter(r=>{if(r&&r.type&&!t.includes(r.type))return r});return n.length>0?n:null},j=e=>{const t=e.split("?"),n=new URLSearchParams(t[1]),a=Array.from(n.entries()).map(([i,d])=>[i,encodeURIComponent(d)]).map(([i,d])=>`${i}=${d}`).join("&");return`${t[0]}?${a}`},w=(e,t)=>{const n=document.getElementById(e);n&&t?n.focus():n&&n.blur()};exports.PaddingTokens=m;exports.SpacingTokens=f;exports.defaultYear=C;exports.emailValidation=P;exports.encodeURLSearchParams=j;exports.findChildrenExcludingTypes=I;exports.findChildrenOfType=h;exports.focusElementById=w;exports.generatePaddingClassName=b;exports.getCommonProps=$;exports.noOp=y;exports.px=o;exports.useNormalizedInputProps=v;

package/dist/utils/scssUtils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../scss/_vars.scss.cjs"),a=()=>{const e=n.default.split(`
+`).map(s=>{const[t,c]=s.split(": ");return{name:t,value:c?.replace(";","")}}),r={};return e.forEach(({name:s,value:t})=>{s&&t&&(r[s]=t)}),r},o=(e,r)=>{const s=a();return s[e]??s[r]??r};exports.getScssVar=o;exports.getScssVarsMap=a;

package/dist/utils/usePrevious.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=e=>{const r=t.useRef(null);return t.useEffect(()=>{r.current=e},[e]),r.current};exports.usePrevious=u;

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.252.0",
+  "version": "1.253.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
   },
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      }
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
     },
     "./dist/": {
       "import": "./dist/"