@phillips/seldon 1.205.2 → 1.206.0

package/dist/index.d.ts

@@ -97,5 +97,6 @@ export * from './utils/hooks';
 export * from './patterns/CountryPicker';
 export * from './components/DescriptiveRadioButton';
 export * from './components/DescriptiveRadioButtonGroup';
+export * from './patterns/ProgressWizard';
 export * from './patterns/TextBanner';
 export * from './patterns/PhoneNumberInput';

package/dist/index.js

@@ -1,18 +1,18 @@
-import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as c, useNormalizedInputProps as g } from "./utils/index.js";
+import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
-import { SSRMediaQuery as B, ssrMediaQueryStyle as P } from "./providers/SeldonProvider/utils.js";
-import { usePendingState as A } from "./utils/hooks.js";
-import { AuctionStatus as b, LotStatus as V, SupportedLanguages as y } from "./types/commonTypes.js";
+import { SSRMediaQuery as P, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
+import { usePendingState as L } from "./utils/hooks.js";
+import { AuctionStatus as A, LotStatus as V, SupportedLanguages as y } from "./types/commonTypes.js";
 import { default as k } from "./components/Button/Button.js";
-import { ButtonVariants as w } from "./components/Button/types.js";
-import { default as F } from "./components/IconButton/IconButton.js";
-import { default as H } from "./components/Accordion/Accordion.js";
+import { ButtonVariants as D } from "./components/Button/types.js";
+import { default as w } from "./components/IconButton/IconButton.js";
+import { default as M } from "./components/Accordion/Accordion.js";
 import { default as E } from "./components/Accordion/AccordionItem.js";
 import { AccordionItemVariant as R, AccordionVariants as U } from "./components/Accordion/types.js";
-import { default as Q } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as O } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as z } from "./components/Icon/Icon.js";
+import { default as Q } from "./components/Icon/Icon.js";
 import { default as Y } from "./components/Carousel/Carousel.js";
 import { default as q } from "./components/Carousel/CarouselArrows.js";
 import { default as K } from "./components/Carousel/CarouselContent.js";
@@ -25,21 +25,21 @@ import { default as de } from "./components/ContentPeek/ContentPeek.js";
 import { HeightUnits as pe } from "./components/ContentPeek/utils.js";
 import { default as ie } from "./components/Detail/Detail.js";
 import { default as ne } from "./components/Drawer/Drawer.js";
-import { default as ge } from "./components/Dropdown/Dropdown.js";
+import { default as ce } from "./components/Dropdown/Dropdown.js";
 import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as Be } from "./components/Grid/Grid.js";
+import { default as Pe } from "./components/Grid/Grid.js";
 import { default as Ie } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as Le } from "./components/GridItem/types.js";
+import { GridItemAlign as be } from "./components/GridItem/types.js";
 import { default as Ve } from "./components/Input/Input.js";
 import { default as he } from "./components/Link/Link.js";
 import { LinkVariants as ve } from "./components/Link/types.js";
-import { default as De } from "./components/LinkBlock/LinkBlock.js";
-import { default as Ne } from "./components/LinkList/LinkList.js";
-import { default as Me } from "./components/Modal/Modal.js";
+import { default as Fe } from "./components/LinkBlock/LinkBlock.js";
+import { default as He } from "./components/LinkList/LinkList.js";
+import { default as Ne } from "./components/Modal/Modal.js";
 import { default as Ge } from "./components/Navigation/Navigation.js";
 import { default as Ue } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Qe } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as ze } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as Oe } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as Qe } from "./components/Navigation/NavigationList/NavigationList.js";
 import { default as Ye } from "./components/Pagination/Pagination.js";
 import { default as qe } from "./components/PinchZoom/PinchZoom.js";
 import { default as Ke } from "./components/Row/Row.js";
@@ -51,21 +51,21 @@ import { default as st } from "./components/SplitPanel/SplitPanel.js";
 import { default as dt } from "./components/Tabs/TabsContainer.js";
 import { default as pt } from "./components/Tabs/TabsContent.js";
 import { Tag as it, default as xt } from "./components/Tags/Tags.js";
-import { TextAlignments as ct, TextVariants as gt } from "./components/Text/types.js";
+import { TextAlignments as gt, TextVariants as ct } from "./components/Text/types.js";
 import { default as Ct } from "./components/Text/Text.js";
-import { TextSymbolVariants as Bt } from "./components/TextSymbol/types.js";
+import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
 import { default as It } from "./components/TextSymbol/TextSymbol.js";
-import { default as Lt } from "./components/Video/Video.js";
+import { default as bt } from "./components/Video/Video.js";
 import { default as Vt } from "./patterns/DetailList/DetailList.js";
 import { DetailListAlignment as ht } from "./patterns/DetailList/types.js";
 import { default as vt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
-import { default as Dt } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as Nt } from "./patterns/TextBanner/TextBanner.js";
-import { default as Mt } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as Ft } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as Ht } from "./patterns/TextBanner/TextBanner.js";
+import { default as Nt } from "./patterns/LanguageSelector/LanguageSelector.js";
 import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
 import { default as Ut } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as Qt } from "./patterns/Social/Social.js";
-import { default as zt } from "./patterns/Subscribe/Subscribe.js";
+import { default as Ot } from "./patterns/Social/Social.js";
+import { default as Qt } from "./patterns/Subscribe/Subscribe.js";
 import { SubscriptionState as Yt } from "./patterns/Subscribe/types.js";
 import { AuthState as qt } from "./patterns/UserManagement/types.js";
 import { default as Kt } from "./patterns/UserManagement/UserManagement.js";
@@ -77,21 +77,21 @@ import { default as so } from "./components/ComposedModal/ComposedModal.js";
 import { default as mo } from "./components/ExitGateCard/ExitGateCard.js";
 import { default as uo } from "./components/Loader/Loader.js";
 import { default as xo } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as co } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
+import { default as go } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
 import { default as So } from "./patterns/FiltersInline/FiltersInline.js";
-import { FilterButtonIconType as To, FilterButtonType as Bo } from "./patterns/FiltersInline/types.js";
+import { FilterButtonIconType as To, FilterButtonType as Po } from "./patterns/FiltersInline/types.js";
 import { default as Io } from "./patterns/SaleCard/SaleCard.js";
-import { SaleCardActions as Lo } from "./patterns/SaleCard/SaleCardActions.js";
+import { SaleCardActions as bo } from "./patterns/SaleCard/SaleCardActions.js";
 import { SaleCardVariants as Vo } from "./patterns/SaleCard/types.js";
 import { default as ho } from "./patterns/ViewingDetails/ViewingDetails.js";
 import { default as vo } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { default as Do } from "./site-furniture/Footer/Footer.js";
-import { default as No } from "./site-furniture/Header/Header.js";
-import { default as Mo } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as Fo } from "./site-furniture/Footer/Footer.js";
+import { default as Ho } from "./site-furniture/Header/Header.js";
+import { default as No } from "./components/AddToCalendar/AddToCalendar.js";
 import { default as Go } from "./components/Article/Article.js";
 import { default as Uo } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Qo } from "./components/Countdown/types.js";
-import { default as zo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
+import { CountdownVariants as Oo } from "./components/Countdown/types.js";
+import { default as Qo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
 import { default as Yo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
 import { default as qo } from "./components/Divider/Divider.js";
 import { default as Ko } from "./components/FavoritingTileButton/FavoritingTileButton.js";
@@ -104,31 +104,35 @@ import { default as dr } from "./components/TextArea/TextArea.js";
 import { default as pr } from "./components/Toast/Toast.js";
 import { ToastProvider as ir } from "./components/Toast/ToastContextProvider.js";
 import { useToast as nr } from "./components/Toast/useToast.js";
-import { default as gr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as cr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
 import { default as Cr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Br } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Ir, BidStatusEnum as Ar } from "./patterns/BidSnapshot/types.js";
-import { default as br } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as Pr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Ir, BidStatusEnum as Lr } from "./patterns/BidSnapshot/types.js";
+import { default as Ar } from "./patterns/FilterMenu/FilterMenu.js";
 import { default as yr } from "./patterns/ObjectTile/ObjectTile.js";
 import { default as kr } from "./patterns/CountryPicker/CountryPicker.js";
-import { default as wr } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
+import { default as Dr } from "./patterns/ProgressWizard/ProgressWizard.js";
+import { ProgressWizardFooter as wr } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
+import { useHistoryManagement as Mr } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
+import { DefaultButtonLabels as Er, LoadingState as Gr } from "./patterns/ProgressWizard/types.js";
+import { default as Ur } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
 export {
-  H as Accordion,
+  M as Accordion,
   E as AccordionItem,
   R as AccordionItemVariant,
   U as AccordionVariants,
-  gr as AccountPageHeader,
-  Mo as AddToCalendar,
+  cr as AccountPageHeader,
+  No as AddToCalendar,
   Go as Article,
-  b as AuctionStatus,
+  A as AuctionStatus,
   qt as AuthState,
-  Br as BidMessage,
+  Pr as BidMessage,
   Ir as BidMessageVariants,
   Cr as BidSnapshot,
-  Ar as BidStatusEnum,
-  Q as Breadcrumb,
+  Lr as BidStatusEnum,
+  O as Breadcrumb,
   k as Button,
-  w as ButtonVariants,
+  D as ButtonVariants,
   Y as Carousel,
   q as CarouselArrows,
   K as CarouselContent,
@@ -142,63 +146,67 @@ export {
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
   Uo as Countdown,
-  Qo as CountdownVariants,
+  Oo as CountdownVariants,
   kr as CountryPicker,
-  zo as DescriptiveRadioButton,
+  Er as DefaultButtonLabels,
+  Qo as DescriptiveRadioButton,
   Yo as DescriptiveRadioButtonGroup,
   ie as Detail,
   Vt as DetailList,
   ht as DetailListAlignment,
   qo as Divider,
   ne as Drawer,
-  ge as Dropdown,
+  ce as Dropdown,
   Ce as ErrorBoundary,
   mo as ExitGateCard,
   vt as FavoritesCollectionTile,
   Ko as FavoritingTileButton,
   _o as Filter,
   To as FilterButtonIconType,
-  Bo as FilterButtonType,
+  Po as FilterButtonType,
   or as FilterHeader,
   er as FilterInput,
-  br as FilterMenu,
+  Ar as FilterMenu,
   So as FiltersInline,
-  Do as Footer,
-  Be as Grid,
+  Fo as Footer,
+  Pe as Grid,
   Ie as GridItem,
-  Le as GridItemAlign,
-  No as Header,
-  Dt as HeroBanner,
-  z as Icon,
-  F as IconButton,
+  be as GridItemAlign,
+  Ho as Header,
+  Ft as HeroBanner,
+  Q as Icon,
+  w as IconButton,
   Ve as Input,
-  Mt as LanguageSelector,
+  Nt as LanguageSelector,
   he as Link,
-  De as LinkBlock,
-  Ne as LinkList,
+  Fe as LinkBlock,
+  He as LinkList,
   ve as LinkVariants,
   uo as Loader,
+  Gr as LoadingState,
   V as LotStatus,
-  Me as Modal,
+  Ne as Modal,
   Ge as Navigation,
   Ue as NavigationItem,
-  Qe as NavigationItemTrigger,
-  ze as NavigationList,
+  Oe as NavigationItemTrigger,
+  Qe as NavigationList,
   ar as NotificationBanner,
   yr as ObjectTile,
   a as PaddingTokens,
   C as Page,
   xo as PageContentWrapper,
   Ye as Pagination,
-  wr as PhoneNumberInput,
-  co as PhoneNumberPicker,
+  Ur as PhoneNumberInput,
+  go as PhoneNumberPicker,
   sr as Pictogram,
   qe as PinchZoom,
   vo as ProgressIndicator,
+  Dr as ProgressWizard,
+  wr as ProgressWizardFooter,
   Ke as Row,
-  B as SSRMediaQuery,
+  P as SSRMediaQuery,
   Io as SaleCard,
-  Lo as SaleCardActions,
+  bo as SaleCardActions,
   Vo as SaleCardVariants,
   Gt as SaleHeaderBanner,
   Ut as SaleHeaderBrowseAuctions,
@@ -207,11 +215,11 @@ export {
   oo as SeldonProvider,
   ot as Select,
   at as SelectVariants,
-  Qt as Social,
+  Ot as Social,
   f as SpacingTokens,
   st as SplitPanel,
   _t as StatefulViewingsList,
-  zt as Subscribe,
+  Qt as Subscribe,
   Yt as SubscriptionState,
   y as SupportedLanguages,
   dt as TabsContainer,
@@ -219,16 +227,16 @@ export {
   it as Tag,
   xt as TagsList,
   Ct as Text,
-  ct as TextAlignments,
+  gt as TextAlignments,
   dr as TextArea,
-  Nt as TextBanner,
-  Bt as TextSymbolVariants,
+  Ht as TextBanner,
+  Pt as TextSymbolVariants,
   It as TextSymbols,
-  gt as TextVariants,
+  ct as TextVariants,
   pr as Toast,
   ir as ToastProvider,
   Kt as UserManagement,
-  Lt as Video,
+  bt as Video,
   ho as ViewingDetails,
   eo as ViewingsList,
   s as defaultYear,
@@ -240,9 +248,10 @@ export {
   i as generatePaddingClassName,
   x as getCommonProps,
   n as noOp,
-  c as px,
-  P as ssrMediaQueryStyle,
-  g as useNormalizedInputProps,
-  A as usePendingState,
+  g as px,
+  B as ssrMediaQueryStyle,
+  Mr as useHistoryManagement,
+  c as useNormalizedInputProps,
+  L as usePendingState,
   nr as useToast
 };

package/dist/patterns/CountryPicker/CountryPickerTrigger.js

@@ -1,59 +1,65 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
 import x from "../../components/Icon/Icon.js";
-import { TextVariants as m } from "../../components/Text/types.js";
-import f from "../../components/Text/Text.js";
-import i from "../../node_modules/classnames/index.js";
-import { countries as y } from "./constants.js";
-import { forwardRef as k } from "react";
-const w = k(
-  ({ labelText: c, displayValue: p, onClick: $, hasError: o = !1, errorMsg: e, id: n, className: h, baseClassName: r, variantConfig: u }, v) => {
-    const { isPhone: l, value: g } = u, d = e ? `${r}__trigger-error-msg` : void 0, _ = l ? g : y.filter((s) => s.name === g)?.[0]?.code;
-    return /* @__PURE__ */ a("div", { className: i(`${r}__trigger`, h), children: [
-      /* @__PURE__ */ t(
-        f,
+import { TextVariants as y } from "../../components/Text/types.js";
+import k from "../../components/Text/Text.js";
+import t from "../../node_modules/classnames/index.js";
+import { countries as P } from "./constants.js";
+import { forwardRef as w } from "react";
+import { useNormalizedInputProps as I, px as T } from "../../utils/index.js";
+const b = w(
+  ({ labelText: l, displayValue: p, onClick: m, hasError: o = !1, errorMsg: _, id: e, className: s, baseClassName: r, variantConfig: f }, u) => {
+    const { isPhone: a, value: c } = f, n = I({
+      id: "country-picker-trigger-input",
+      invalid: o,
+      invalidText: _,
+      type: "text"
+    }), v = n.invalidId, g = a ? c : P.filter((h) => h.name === c)?.[0]?.code, $ = () => n.validation ? n.validation : /* @__PURE__ */ i("p", { className: `${T}-input__validation`, children: " " });
+    return /* @__PURE__ */ d("div", { className: t(`${r}__trigger`, s), children: [
+      /* @__PURE__ */ i(
+        k,
         {
-          variant: m.string2,
-          className: i(`${r}__trigger-label`, {
+          variant: y.string2,
+          className: t(`${r}__trigger-label`, {
             [`${r}__trigger-label--error`]: o
           }),
-          id: n ? `${n}-label` : void 0,
-          children: c
+          id: e ? `${e}-label` : void 0,
+          children: l
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ d(
         "button",
         {
-          ref: v,
+          ref: u,
           type: "button",
-          "aria-label": c,
-          "aria-invalid": o,
-          "aria-describedby": d,
-          className: i(`${r}__trigger-btn`, {
+          "aria-label": l,
+          "aria-invalid": n.invalid,
+          "aria-describedby": v,
+          className: t(`${r}__trigger-btn`, {
             [`${r}__trigger-btn--error`]: o,
-            [`${r}__trigger-btn--is-phone`]: l
+            [`${r}__trigger-btn--is-phone`]: a
           }),
-          onClick: $,
+          onClick: m,
           "data-testid": "country-picker-trigger",
-          id: n,
+          id: e,
           children: [
-            _ && /* @__PURE__ */ t(
+            g && /* @__PURE__ */ i(
               "img",
               {
-                src: `https://flagcdn.com/24x18/${_.toLowerCase()}.png`,
-                alt: `${g} flag`,
+                src: `https://flagcdn.com/24x18/${g.toLowerCase()}.png`,
+                alt: `${c} flag`,
                 className: `${r}__trigger-flag`
               }
             ),
-            /* @__PURE__ */ t("span", { className: i(`${r}__trigger-text`), children: p }),
-            /* @__PURE__ */ t("span", { className: i(`${r}__trigger-icon`), children: /* @__PURE__ */ t(x, { icon: "ChevronDown", color: "black-100", width: 16, height: 16 }) })
+            /* @__PURE__ */ i("span", { className: t(`${r}__trigger-text`), children: p }),
+            /* @__PURE__ */ i("span", { className: t(`${r}__trigger-icon`), children: /* @__PURE__ */ i(x, { icon: "ChevronDown", color: "black-100", width: 16, height: 16 }) })
           ]
         }
       ),
-      o && e && /* @__PURE__ */ t(f, { variant: m.string2, className: `${r}__trigger-error-msg`, id: d, children: e })
+      !a && $()
     ] });
   }
 );
-w.displayName = "CountryPickerTrigger";
+b.displayName = "CountryPickerTrigger";
 export {
-  w as default
+  b as default
 };

package/dist/patterns/PhoneNumberInput/PhoneNumberInput.js

@@ -1,79 +1,83 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import v, { forwardRef as P } from "react";
-import { getCommonProps as $ } from "../../utils/index.js";
-import I from "../../node_modules/classnames/index.js";
-import x from "../CountryPicker/CountryPicker.js";
-import S from "../../components/Input/Input.js";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import C, { forwardRef as P } from "react";
+import { getCommonProps as _, px as x, useNormalizedInputProps as I } from "../../utils/index.js";
+import S from "../../node_modules/classnames/index.js";
+import T from "../CountryPicker/CountryPicker.js";
+import $ from "../../components/Input/Input.js";
 import { getSafeCountryCallingCode as L } from "../CountryPicker/utils.js";
-import { countries as T } from "../CountryPicker/constants.js";
-import l from "../../components/Text/Text.js";
-const j = P(
+import { countries as j } from "../CountryPicker/constants.js";
+const k = P(
   ({
-    className: m,
-    value: d = "",
-    countryCode: u = "",
-    handleValueChange: p,
-    label: h = "Phone",
-    required: f = !1,
-    error: s,
-    errorText: t,
-    disabled: y = !1,
-    ...b
-  }, g) => {
-    const { className: e, ...N } = $(b, "PhoneNumberInput"), [o, _] = v.useState(u || void 0), n = T.find((a) => a.code === o), C = (a) => {
-      p?.(a.target.value, o || "");
-    }, c = t ? `${e}-error-text` : void 0;
-    return /* @__PURE__ */ i("div", { ref: g, className: I(`${e}`, m), ...N, children: [
-      /* @__PURE__ */ i("div", { className: `${e}__wrapper`, children: [
-        /* @__PURE__ */ i("div", { className: `${e}__country-picker`, children: [
-          /* @__PURE__ */ r("input", { type: "hidden", name: "phoneNumber", value: d, "data-testid": "phone-number-hidden-input" }),
-          /* @__PURE__ */ r(
+    className: s,
+    value: l = "",
+    countryCode: p = "",
+    handleValueChange: u,
+    label: c = "Phone",
+    required: m = !1,
+    error: n,
+    errorText: h,
+    disabled: f = !1,
+    ...y
+  }, v) => {
+    const { className: t, ...b } = _(y, "PhoneNumberInput"), [a, N] = C.useState(p || void 0), o = j.find((r) => r.code === a), g = (r) => {
+      u?.(r.target.value, a || "");
+    }, i = I({
+      id: "phone-input",
+      invalid: n,
+      invalidText: h,
+      type: "text"
+    });
+    return /* @__PURE__ */ d("div", { ref: v, className: S(`${t}`, s), ...b, children: [
+      /* @__PURE__ */ d("div", { className: `${t}__wrapper`, children: [
+        /* @__PURE__ */ d("div", { className: `${t}__country-picker`, children: [
+          /* @__PURE__ */ e("input", { type: "hidden", name: "phoneNumber", value: l, "data-testid": "phone-number-hidden-input" }),
+          /* @__PURE__ */ e(
             "input",
             {
               type: "hidden",
               name: "phoneCountryCode",
-              value: o || "",
+              value: a || "",
               "data-testid": "phone-country-code-hidden-input"
             }
           ),
-          /* @__PURE__ */ r(
-            x,
+          /* @__PURE__ */ e(
+            T,
             {
               triggerLabelText: "Phone Number",
-              triggerDisplayValue: n ? `+${L(n.code)}` : "",
-              hasTriggerError: !!s,
+              triggerDisplayValue: o ? `+${L(o.code)}` : "",
+              hasTriggerError: !!n,
               modalTitle: "Country code",
               searchInputLabel: "Search country",
               searchInputPlaceholder: "Search country",
               selectButtonLabel: "Select",
               isPhone: !0,
-              value: n?.code,
-              onChange: _
+              value: o?.code,
+              onChange: N
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: `${e}__input`, children: /* @__PURE__ */ r(
-          S,
+        /* @__PURE__ */ e("div", { className: `${t}__input`, children: /* @__PURE__ */ e(
+          $,
           {
             id: "phone-input",
             type: "tel",
-            labelText: h,
+            labelText: c,
             hideLabel: !0,
-            value: d,
-            onChange: C,
-            required: f,
-            invalid: !!s,
-            disabled: y,
+            value: l,
+            onChange: g,
+            required: m,
+            invalid: !!n,
+            disabled: f,
             invalidText: "",
-            "aria-describedby": c
+            "aria-describedby": i.invalidId
           }
         ) })
       ] }),
-      t ? /* @__PURE__ */ r(l, { className: `${e}__error ${e}__error-msg`, id: c, children: t }) : /* @__PURE__ */ r(l, { className: `${e}__error`, children: " " })
+      i.validation ? i.validation : /* @__PURE__ */ e("p", { className: `${x}-input__validation`, children: " " })
     ] });
   }
 );
-j.displayName = "PhoneNumberInput";
+k.displayName = "PhoneNumberInput";
 export {
-  j as default
+  k as default
 };

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

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

package/dist/patterns/ProgressWizard/ProgressWizard.d.ts

@@ -0,0 +1,25 @@
+import { CallbackProps, ProgressWizardBaseProps } from './types';
+/**
+ * Props for the main ProgressWizard component.
+ *
+ * @property customHeader - Optional custom header ReactNode displayed above the progress indicator. This can be used to add a logo or other branding element to the top of the wizard. If not provided, no header will be shown. For Phillips, it should probably be `          <Icon icon="PhillipsLogo" height={32} width={120} aria-label="Phillips Logo" />
+ * @property hideNavigation - If true, hides the default footer navigation. When hidden you must manage step index changes yourself (e.g. via currentStepIndex prop)
+ * @property hideProgressIndicator - If true, hides the progress indicator bar.
+ * @property isEnableHistoryManagement - If true step advances push a history state so the browser back/forward buttons navigate between steps.  Default is false and if you want this behavior you should use the useHistoryManagement hook directly in your controlling component.
+ * @property currentStepIndex - Controlled current step index (0‑based). When provided the component becomes controlled and internal navigation state will not respond to the built-in buttons.
+ * @property defaultStepIndex - Default step index (0‑based). Used to initialize the internal step state.
+ * @property shouldAllowContinue - set false to disable continue/submit buttons
+ * @property loadingState - Current loading state (aligns with remix fetchers, see type LoadingState).
+ * @property buttonLabels - Button labels for the footer navigation buttons (start/cancel/back/continue/submit).
+ * @property onBack - Called before navigating to the previous step. Return false to block navigation.
+ * @property onCancel - Called when the user cancels from the first step.
+ * @property onContinue - Called before advancing to next step (including first -> second). Return false to block navigation.
+ * @property onFormSubmit - Called on final submit click. Return false to block submission (async supported).
+ * @property children - The step content. Each direct child is treated as a step; its aria-label (if present) is used as the progress indicator label.
+ */
+export interface ProgressWizardProps extends ProgressWizardBaseProps, CallbackProps {
+}
+declare const ProgressWizard: import('react').ForwardRefExoticComponent<ProgressWizardProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export default ProgressWizard;