@phillips/seldon 1.271.0 → 1.273.0

package/dist/patterns/ObjectTile/ObjectTile.cjs

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

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as e, Fragment as k } from "react/jsx-runtime";
 import { memo as z, forwardRef as F } from "react";
-import I from "../../_virtual/index.js";
+import I from "../../_virtual/index2.js";
 import { getCommonProps as L } from "../../utils/index.js";
-import { TextVariants as l } from "../../components/Text/types.js";
-import s from "../../components/Text/Text.js";
-import R from "../../components/DetailList/DetailList.js";
-import W from "../../components/Detail/Detail.js";
-import { DetailVariants as w } from "../../components/Detail/types.js";
-import A from "../../components/SeldonImage/SeldonImage.js";
+import { DetailVariants as R } from "../../components/Detail/types.js";
+import W from "../../components/SeldonImage/SeldonImage.js";
+import l from "../../components/Text/Text.js";
+import { TextVariants as s } from "../../components/Text/types.js";
+import w from "../../components/DetailList/DetailList.js";
+import A from "../../components/Detail/Detail.js";
 const B = z(
   F(
     ({
@@ -38,7 +38,7 @@ const B = z(
       const { className: a, ...x } = L(p, "ObjectTile"), O = $ ?? "a", V = n || t;
       return /* @__PURE__ */ m(O, { ...x, className: I(a, f), ...p, ref: D, children: [
         /* @__PURE__ */ e(
-          A,
+          W,
           {
             alt: u,
             aspectRatio: "1/1",
@@ -52,35 +52,35 @@ const B = z(
             imageBlocked: P
           }
         ),
-        i ? null : /* @__PURE__ */ e(s, { element: "span", className: `${a}__badge`, variant: l.badgeSmall, children: N }),
+        i ? null : /* @__PURE__ */ e(l, { element: "span", className: `${a}__badge`, variant: s.badgeSmall, children: N }),
         /* @__PURE__ */ m("div", { className: `${a}__lot-number-like`, children: [
-          /* @__PURE__ */ e(s, { element: "span", className: `${a}__lot-number`, variant: l.headingSmall, children: C }),
+          /* @__PURE__ */ e(l, { element: "span", className: `${a}__lot-number`, variant: s.headingSmall, children: C }),
           r && /* @__PURE__ */ e("div", { className: `${a}__lot-badge`, children: /* @__PURE__ */ e(r, {}) }),
           o && /* @__PURE__ */ e(o, {})
         ] }),
-        i ? /* @__PURE__ */ e(s, { element: "span", className: `${a}__withdrawn`, variant: l.headingSmall, children: i }) : /* @__PURE__ */ m(k, { children: [
+        i ? /* @__PURE__ */ e(l, { element: "span", className: `${a}__withdrawn`, variant: s.headingSmall, children: i }) : /* @__PURE__ */ m(k, { children: [
           /* @__PURE__ */ m("div", { className: `${a}__meta`, children: [
-            c ? /* @__PURE__ */ e(s, { element: "span", className: `${a}__maker`, variant: l.headingSmall, children: c }) : null,
-            h ? /* @__PURE__ */ e(s, { element: "cite", className: `${a}__title`, variant: l.headingExtraSmall, children: h }) : null,
+            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,
             d ? /* @__PURE__ */ e(
-              s,
+              l,
               {
                 className: `${a}__reference-number`,
-                variant: l.headingExtraSmall,
+                variant: s.headingExtraSmall,
                 element: "span",
                 children: d
               }
             ) : null,
-            _ ? /* @__PURE__ */ e(s, { className: `${a}__model`, variant: l.headingExtraSmall, element: "span", children: _ }) : null
+            _ ? /* @__PURE__ */ e(l, { className: `${a}__model`, variant: s.headingExtraSmall, element: "span", children: _ }) : null
           ] }),
           V ? /* @__PURE__ */ e(
-            R,
+            w,
             {
               hasSeparators: !0,
               className: `${a}__estimate ${a}__section`,
-              variant: w.sm,
+              variant: R.sm,
               children: /* @__PURE__ */ e(
-                W,
+                A,
                 {
                   className: `${a}__estimate__label`,
                   label: b,

package/dist/patterns/PhoneNumberInput/PhoneNumberInput.cjs

@@ -1 +1 @@
-"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/index.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;
+"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;

package/dist/patterns/PhoneNumberInput/PhoneNumberInput.js

@@ -1,7 +1,7 @@
 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";
-import $ from "../../_virtual/index.js";
+import $ from "../../_virtual/index2.js";
 import L from "../CountryPicker/CountryPicker.js";
 import S from "../../components/Input/Input.js";
 import { getSafeCountryCallingCode as T } from "../CountryPicker/utils.js";

package/dist/patterns/ProgressWizard/ProgressWizard.cjs

@@ -1 +1 @@
-"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"),T=require("../../components/ProgressIndicator/ProgressIndicator.cjs"),a=require("./utils.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;
+"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;

package/dist/patterns/ProgressWizard/ProgressWizard.js

@@ -4,8 +4,8 @@ import { LoadingState as l } from "./types.js";
 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 G from "../../components/ProgressIndicator/ProgressIndicator.js";
-import { isControlled as p, getLabelsFromChildren as J, wrapChildren as K } from "./utils.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 {
     isFullHeight: S = !0,
@@ -40,8 +40,8 @@ const O = B((g, f) => {
   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."
   );
-  const o = R.toArray(z), $ = d(() => J(o), [o]), H = d(
-    () => K(o, e, t),
+  const o = R.toArray(z), $ = d(() => G(o), [o]), H = d(
+    () => J(o, e, t),
     [o, e, t]
   ), n = o.length;
   (!o || n === 0) && console.warn(
@@ -73,7 +73,7 @@ const O = B((g, f) => {
       ref: f,
       "aria-label": "Progress Wizard",
       children: [
-        h ? null : /* @__PURE__ */ s(G, { totalSteps: n, currentStep: e + 1, stepLabels: $ }),
+        h ? null : /* @__PURE__ */ s(K, { totalSteps: n, currentStep: e + 1, stepLabels: $ }),
         /* @__PURE__ */ s("div", { className: `${t}__content`, children: M }),
         a ? null : /* @__PURE__ */ s("div", { className: `${t}__footer`, children: /* @__PURE__ */ s(D, { ...k }) })
       ]

package/dist/patterns/SaleCard/SaleCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),E=require("../../_virtual/index.cjs"),M=require("react"),y=require("../../components/Button/Button.cjs"),a=require("../../components/Card/Card.cjs"),N=require("../../components/Card/types.cjs"),g=require("../../components/Button/types.cjs"),I=require("../../providers/SeldonProvider/utils.cjs"),R=require("../../utils/index.cjs"),r=require("./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,..._}=R.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:N.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:g.ButtonVariants.link,linkSize:"sm",children:d})})]})]}),t!==r.SaleCardVariants.RELATED_SALE_TILE&&c&&e.jsx("div",{className:`${s}__ctas`,children:e.jsx(I.SSRMediaQuery.Media,{greaterThanOrEqual:L.Breakpoints.snwMobile,children:c})})]})});m.displayName="SaleCard";exports.default=m;
+"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;

package/dist/patterns/SaleCard/SaleCard.js

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import M from "../../_virtual/index.js";
+import M from "../../_virtual/index2.js";
 import { forwardRef as L } from "react";
 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 a from "../../components/Card/Card.js";
-import { CardVariants as k } from "../../components/Card/types.js";
-import { ButtonVariants as A } from "../../components/Button/types.js";
-import { SSRMediaQuery as R } from "../../providers/SeldonProvider/utils.js";
-import { getCommonProps as T } from "../../utils/index.js";
-import { SaleCardImageDisplay as w, SaleCardVariants as f } from "./types.js";
+import { CardVariants as w } from "../../components/Card/types.js";
 import { Breakpoints as y } from "../../utils/constants.js";
 const P = L(
   ({
@@ -23,14 +23,14 @@ const P = L(
     modalButtonText: t,
     variant: o = f.DEFAULT,
     children: n,
-    imageDisplay: c = w.LEFT,
+    imageDisplay: c = T.LEFT,
     ...d
   }, _) => {
-    const { className: e, ...N } = T(d, "SaleCard"), $ = M(e, p, {
+    const { className: e, ...N } = R(d, "SaleCard"), $ = M(e, p, {
       [`${e}--${o}`]: o,
       [`${e}--image-${c}`]: c
     }), I = { ...N, ...d };
-    return /* @__PURE__ */ m(a.Root, { ref: _, element: "article", variant: k.default, className: $, ...I, children: [
+    return /* @__PURE__ */ m(a.Root, { ref: _, element: "article", variant: w.default, className: $, ...I, children: [
       i ? /* @__PURE__ */ r(a.Image, { alt: h, src: i }) : null,
       /* @__PURE__ */ m(a.Content, { children: [
         /* @__PURE__ */ r(a.Eyebrow, { children: C }),
@@ -39,10 +39,10 @@ const P = L(
         /* @__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: A.link, linkSize: "sm", children: t }) })
+          t && s && /* @__PURE__ */ r("div", { className: `${e}__modal-link`, children: /* @__PURE__ */ r(g, { onClick: s, variant: k.link, linkSize: "sm", children: t }) })
         ] })
       ] }),
-      o !== f.RELATED_SALE_TILE && n && /* @__PURE__ */ r("div", { className: `${e}__ctas`, children: /* @__PURE__ */ r(R.Media, { greaterThanOrEqual: y.snwMobile, children: n }) })
+      o !== f.RELATED_SALE_TILE && n && /* @__PURE__ */ r("div", { className: `${e}__ctas`, children: /* @__PURE__ */ r(A.Media, { greaterThanOrEqual: y.snwMobile, children: n }) })
     ] });
   }
 );

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs

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

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js

@@ -1,17 +1,17 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { forwardRef as R } from "react";
 import { getCommonProps as D } from "../../utils/index.js";
-import F from "../../_virtual/index.js";
-import p from "../../components/Countdown/Countdown.js";
-import O from "../../components/SeldonImage/SeldonImage.js";
-import { AuctionStatus as V } from "../../types/commonTypes.js";
+import F from "../../_virtual/index2.js";
+import { AuctionStatus as O } from "../../types/commonTypes.js";
+import { SSRMediaQuery as p } 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 V, BannerMediaSize as q } from "../../components/Banner/types.js";
+import I from "../../components/PageContentWrapper/PageContentWrapper.js";
 import { TextVariants as r } from "../../components/Text/types.js";
 import t from "../../components/Text/Text.js";
-import q from "../../components/PageContentWrapper/PageContentWrapper.js";
-import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
-import n from "../../components/Banner/Banner.js";
-import { Breakpoints as u } from "../../utils/constants.js";
-import { BannerVariants as I, BannerMediaSize as L } from "../../components/Banner/types.js";
+import L from "../../components/SeldonImage/SeldonImage.js";
 const Q = R(
   ({
     auctionEndTime: l,
@@ -36,17 +36,17 @@ const Q = R(
     getCurrentDateTime: j,
     ...c
   }, z) => {
-    const { className: a, ...A } = D(c, "SaleHeaderBanner"), d = w === V.live, _ = {
+    const { className: a, ...A } = D(c, "SaleHeaderBanner"), d = w === O.live, _ = {
       endDateTime: l,
       label: B,
       formatDurationStr: M,
       getCurrentDateTime: j
     };
     return /* @__PURE__ */ i("div", { ...A, className: F(a, x), ...c, ref: z, children: [
-      d && l && m ? /* @__PURE__ */ e(f.Media, { lessThan: u.md, children: /* @__PURE__ */ e("div", { className: `${a}__stack__countdown`, children: /* @__PURE__ */ e(p, { ..._, showBottomBorder: !1, centerAlign: !0 }) }) }) : null,
-      /* @__PURE__ */ i(n, { variant: I.top, children: [
-        /* @__PURE__ */ e(n.Content, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ i("div", { className: `${a}__stack`, children: [
-          d && l && m ? /* @__PURE__ */ e(f.Media, { greaterThanOrEqual: u.md, children: /* @__PURE__ */ e("div", { className: `${a}__stack__countdown`, children: /* @__PURE__ */ e(p, { ..._, centerAlign: !0 }) }) }) : null,
+      d && l && m ? /* @__PURE__ */ e(p.Media, { lessThan: f.md, children: /* @__PURE__ */ e("div", { className: `${a}__stack__countdown`, children: /* @__PURE__ */ e(u, { ..._, showBottomBorder: !1, centerAlign: !0 }) }) }) : null,
+      /* @__PURE__ */ i(n, { variant: V.top, children: [
+        /* @__PURE__ */ e(n.Content, { children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ i("div", { className: `${a}__stack`, children: [
+          d && l && m ? /* @__PURE__ */ e(p.Media, { greaterThanOrEqual: f.md, children: /* @__PURE__ */ e("div", { className: `${a}__stack__countdown`, children: /* @__PURE__ */ e(u, { ..._, centerAlign: !0 }) }) }) : null,
           /* @__PURE__ */ e(n.Eyebrow, { variant: r.labelMedium, className: `${a}__header-label`, children: y }),
           /* @__PURE__ */ e(n.Title, { variant: r.headingLarge, element: "h1", className: `${a}__title`, children: o }),
           s && /* @__PURE__ */ e(t, { variant: r.badge, className: `${a}__badge`, children: s }),
@@ -60,8 +60,8 @@ const Q = R(
           ] }),
           P
         ] }) }) }),
-        /* @__PURE__ */ e(n.Media, { size: L.half, className: `${a}__image`, children: /* @__PURE__ */ e(
-          O,
+        /* @__PURE__ */ e(n.Media, { size: q.half, className: `${a}__image`, children: /* @__PURE__ */ e(
+          L,
           {
             aspectRatio: "16/9",
             src: v,

package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs

@@ -1 +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;
+"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("../../_virtual/index2.cjs"),l=require("../../components/Text/Text.cjs"),u=require("../../components/Text/types.cjs"),d=require("../../components/Link/Link.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:c.default(`${r}__occurrence-details-text`,`${r}__browse-auctions-text`),children:[e.jsx(l.default,{variant:u.TextVariants.labelMedium,children:t}),e.jsx(d.default,{href:"/calendar",children:s})]})});a.displayName="SaleHeaderBrowseAuctions";exports.default=a;

package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js

@@ -1,21 +1,20 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { getCommonProps as i } from "../../utils/index.js";
-import { TextVariants as n } from "../../components/Text/types.js";
+import n from "../../_virtual/index2.js";
 import l from "../../components/Text/Text.js";
-import "../../components/Link/types.js";
-import c from "../../components/Link/Link.js";
-import d from "../../_virtual/index.js";
+import { TextVariants as c } from "../../components/Text/types.js";
+import d from "../../components/Link/Link.js";
 const f = m(
   ({ ctaText: a = "View Calendar", ctaLabel: o = "Browse Upcoming Sale", className: p, ...s }, u) => {
     const { className: e } = i(s, "SaleHeaderBanner");
     return /* @__PURE__ */ t(
       "div",
       {
-        className: d(`${e}__occurrence-details-text`, `${e}__browse-auctions-text`),
+        className: n(`${e}__occurrence-details-text`, `${e}__browse-auctions-text`),
         children: [
-          /* @__PURE__ */ r(l, { variant: n.labelMedium, children: o }),
-          /* @__PURE__ */ r(c, { href: "/calendar", children: a })
+          /* @__PURE__ */ r(l, { variant: c.labelMedium, children: o }),
+          /* @__PURE__ */ r(d, { href: "/calendar", children: a })
         ]
       }
     );

package/dist/patterns/Social/Social.cjs

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

package/dist/patterns/Social/Social.js

@@ -1,11 +1,11 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import f from "../../_virtual/index.js";
+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 { TextVariants as h } from "../../components/Text/types.js";
-import x from "../../components/Text/Text.js";
+import h from "../../components/Text/Text.js";
+import { TextVariants as x } from "../../components/Text/types.js";
 const S = u(
   ({
     className: t,
@@ -17,7 +17,7 @@ const S = u(
   }, n) => {
     const { className: r, ...l } = p(o, "Social");
     return /* @__PURE__ */ c("div", { ref: n, ...l, className: f(r, t), ...o, children: [
-      /* @__PURE__ */ a(x, { variant: h.headingSmall, className: `${r}__header`, children: e }),
+      /* @__PURE__ */ a(h, { variant: x.headingSmall, className: `${r}__header`, children: e }),
       /* @__PURE__ */ a(d, { onClick: i, variant: N.tertiary, className: `${r}__button`, children: s }),
       m
     ] });

package/dist/patterns/Subscribe/Subscribe.cjs

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),E=require("react"),R=require("../../_virtual/index2.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"),l=require("../../components/Text/Text.cjs"),p=require("../../components/Text/types.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/Subscribe.js

@@ -1,13 +1,13 @@
 import { jsxs as I, jsx as o } from "react/jsx-runtime";
 import * as L from "react";
-import M from "../../_virtual/index.js";
+import M from "../../_virtual/index2.js";
 import { getCommonProps as V } from "../../utils/index.js";
 import j from "../../components/Input/Input.js";
 import D from "../../components/Button/Button.js";
 import { SubscriptionState as r } from "./types.js";
 import { ButtonVariants as R } from "../../components/Button/types.js";
-import { TextVariants as d } from "../../components/Text/types.js";
 import i from "../../components/Text/Text.js";
+import { TextVariants as d } from "../../components/Text/types.js";
 const U = L.forwardRef(
   ({
     autoFocus: u = !0,

package/dist/patterns/TextBanner/TextBanner.cjs

@@ -1 +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;
+"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/index2.cjs"),n=require("../../components/Text/Text.cjs"),x=require("../../components/Text/types.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/TextBanner/TextBanner.js

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { getCommonProps as d } from "../../utils/index.js";
-import s from "../../_virtual/index.js";
-import { TextVariants as f } from "../../components/Text/types.js";
+import s from "../../_virtual/index2.js";
 import t from "../../components/Text/Text.js";
+import { TextVariants as f } from "../../components/Text/types.js";
 const x = p(
   ({ headerText: n, className: o, description: r, ...m }, l) => {
     const { className: e, ...c } = d(m, "TextBanner");

package/dist/patterns/UserManagement/UserManagement.cjs

@@ -1 +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;
+"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/index2.cjs"),a=require("./types.cjs"),u=require("../../components/Icon/Icon.cjs"),l=require("../../components/Text/Text.cjs"),d=require("../../components/Text/types.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(u.default,{icon:"Account",className:`${t}__account-icon`,height:"100%",width:"100%"}),e.jsx(l.default,{variant:d.TextVariants.bodySmall,children:s})]}):e.jsxs("button",{"aria-label":typeof n=="string"?n:"Login",className:`${t}__login`,onClick:x,disabled:c,children:[e.jsx(u.default,{icon:"Account",className:`${t}__account-icon`,height:"100%",width:"100%"}),e.jsx(l.default,{variant:d.TextVariants.bodySmall,children:n})]})})})});m.displayName="UserManagement";exports.default=m;

package/dist/patterns/UserManagement/UserManagement.js

@@ -1,11 +1,11 @@
 import { jsx as o, Fragment as x, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { getCommonProps as w, noOp as C } from "../../utils/index.js";
-import $ from "../../_virtual/index.js";
+import $ from "../../_virtual/index2.js";
 import { AuthState as e } from "./types.js";
-import { TextVariants as m } from "../../components/Text/types.js";
+import m from "../../components/Icon/Icon.js";
 import l from "../../components/Text/Text.js";
-import g from "../../components/Icon/Icon.js";
+import { TextVariants as g } from "../../components/Text/types.js";
 const v = y(
   ({
     accountDetailsLinkComponent: d = "a",
@@ -27,8 +27,8 @@ const v = y(
         href: p,
         disabled: c,
         children: [
-          /* @__PURE__ */ o(g, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
-          /* @__PURE__ */ o(l, { variant: m.bodySmall, children: a })
+          /* @__PURE__ */ o(m, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
+          /* @__PURE__ */ o(l, { variant: g.bodySmall, children: a })
         ]
       }
     ) : /* @__PURE__ */ s(
@@ -39,8 +39,8 @@ const v = y(
         onClick: h,
         disabled: c,
         children: [
-          /* @__PURE__ */ o(g, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
-          /* @__PURE__ */ o(l, { variant: m.bodySmall, children: t })
+          /* @__PURE__ */ o(m, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
+          /* @__PURE__ */ o(l, { variant: g.bodySmall, children: t })
         ]
       }
     ) }) });

package/dist/patterns/ViewingDetails/ViewingDetails.cjs

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("../../_virtual/index2.cjs"),g=require("react"),v=require("../../utils/index.cjs"),s=require("../../components/Text/Text.cjs"),t=require("../../components/Text/types.cjs"),q=require("../../components/Link/Link.cjs"),V=require("../../components/Link/types.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/ViewingDetails/ViewingDetails.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import v from "../../_virtual/index.js";
+import v from "../../_virtual/index2.js";
 import { forwardRef as x } from "react";
-import { LinkVariants as u } from "../../components/Link/types.js";
-import V from "../../components/Link/Link.js";
-import { TextVariants as r } from "../../components/Text/types.js";
+import { getCommonProps as u } from "../../utils/index.js";
 import i from "../../components/Text/Text.js";
-import { getCommonProps as b } from "../../utils/index.js";
+import { TextVariants as r } from "../../components/Text/types.js";
+import V from "../../components/Link/Link.js";
+import { LinkVariants as b } from "../../components/Link/types.js";
 const k = x(
   ({
     className: N,
@@ -21,7 +21,7 @@ const k = x(
     linkElement: $ = V,
     ..._
   }, f) => {
-    const { className: a, ...g } = b(_, "ViewingDetails");
+    const { className: a, ...g } = u(_, "ViewingDetails");
     return /* @__PURE__ */ e("div", { ...g, ..._, className: v(a, N), ref: f, children: /* @__PURE__ */ h("div", { className: `${a}__content`, children: [
       /* @__PURE__ */ e(i, { variant: r.headingMedium, className: `${a}__title`, children: p }),
       s && /* @__PURE__ */ e("div", { className: `${a}__children`, children: s }),
@@ -40,7 +40,7 @@ const k = x(
       c && /* @__PURE__ */ e(i, { variant: r.headingSmall, className: `${a}__heading`, children: c }),
       n && n.length > 0 && n.map((l) => /* @__PURE__ */ e(i, { className: `${a}__viewing-time`, children: l }, l)),
       d && /* @__PURE__ */ e(i, { className: `${a}__location`, children: d }),
-      o && /* @__PURE__ */ e(i, { className: `${a}__map-link`, children: /* @__PURE__ */ e($, { href: o, variant: u.linkMedium, children: "(Map)" }) })
+      o && /* @__PURE__ */ e(i, { className: `${a}__map-link`, children: /* @__PURE__ */ e($, { href: o, variant: b.linkMedium, children: "(Map)" }) })
     ] }) });
   }
 );

package/dist/patterns/ViewingsList/ViewingsList.cjs

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),m=require("react"),b=require("../../_virtual/index2.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/ViewingsList.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import * as o from "react";
 import { forwardRef as R, createElement as k } from "react";
-import w from "../../_virtual/index.js";
+import w from "../../_virtual/index2.js";
 import { getCommonProps as x } from "../../utils/index.js";
 import B from "./ViewingsListCard.js";
 import M from "../../components/Button/Button.js";

package/dist/patterns/ViewingsList/ViewingsListCard.cjs

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),ue=require("react"),ce=require("../../_virtual/index2.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/ViewingsListCard.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as t, Fragment as y } from "react/jsx-runtime";
 import * as a from "react";
-import ut from "../../_virtual/index.js";
+import ut from "../../_virtual/index2.js";
 import { px as c } from "../../utils/index.js";
 import v from "../../components/Input/Input.js";
 import l from "../../components/Button/Button.js";