@phillips/seldon 1.274.0 → 1.275.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { PaddingTokens as o, SpacingTokens as r, defaultYear as a, emailValidation as f, encodeURLSearchParams as s, findChildrenExcludingTypes as l, findChildrenOfType as d, focusElementById as m, generatePaddingClassName as p, getCommonProps as u, noOp as i, px as n, useNormalizedInputProps as x } from "./utils/index.js";
+import { PaddingTokens as o, SpacingTokens as r, defaultYear as a, emailValidation as f, encodeURLSearchParams as s, findChildrenExcludingTypes as l, findChildrenOfType as d, focusElementById as p, generatePaddingClassName as m, getCommonProps as u, noOp as i, px as n, useNormalizedInputProps as x } from "./utils/index.js";
 import { default as c } from "./pages/Page.js";
 import { SSRMediaQuery as C, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
 import { usePendingState as P } from "./utils/hooks.js";
@@ -21,7 +21,7 @@ import { default as oe } from "./components/Navigation/Navigation.js";
 import { default as ae } from "./components/Navigation/NavigationItem/NavigationItem.js";
 import { default as se } from "./components/Navigation/NavigationList/NavigationList.js";
 import { default as de } from "./components/Navigation/NavigationSubmenu/NavigationSubmenu.js";
-import { default as pe } from "./components/Pagination/Pagination.js";
+import { default as me } from "./components/Pagination/Pagination.js";
 import { default as ie } from "./components/Row/Row.js";
 import { default as xe } from "./components/Search/Search.js";
 import { default as ce } from "./components/Select/Select.js";
@@ -47,7 +47,7 @@ import { default as tt } from "./components/Accordion/Accordion.js";
 import { default as rt } from "./components/Accordion/AccordionItem.js";
 import { default as ft } from "./patterns/AccountPageHeader/AccountPageHeader.js";
 import { default as lt } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as mt } from "./components/Article/Article.js";
+import { default as pt } from "./components/Article/Article.js";
 import { default as ut } from "./components/Banner/Banner.js";
 import { default as nt } from "./patterns/BidSnapshot/BidMessage.js";
 import { default as gt } from "./patterns/BidSnapshot/BidSnapshot.js";
@@ -74,7 +74,7 @@ import { default as to } from "./components/Divider/Divider.js";
 import { default as ro } from "./components/Dropdown/Dropdown.js";
 import { default as fo } from "./components/ExitGateCard/ExitGateCard.js";
 import { default as lo } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
-import { default as po } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as mo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
 import { default as io } from "./components/Filter/Filter.js";
 import { default as xo } from "./components/Filter/FilterHeader.js";
 import { default as co } from "./components/Filter/FilterInput.js";
@@ -101,53 +101,55 @@ import { default as or } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAucti
 import { default as ar } from "./components/SeldonImage/SeldonImage.js";
 import { default as sr } from "./components/Tabs/TabsContainer.js";
 import { default as dr } from "./components/Tabs/TabsContent.js";
-import { default as pr } from "./components/Text/Text.js";
+import { default as mr } from "./components/Text/Text.js";
 import { default as ir } from "./components/TextArea/TextArea.js";
 import { default as xr } from "./components/TextSymbol/TextSymbol.js";
 import { default as cr } from "./components/Toast/Toast.js";
 import { default as Cr } from "./patterns/ViewingDetails/ViewingDetails.js";
 import { AccordionVariants as Tr } from "./components/Accordion/types.js";
-import { BannerMediaSize as br, BannerVariants as Ir } from "./components/Banner/types.js";
-import { BidMessageVariants as Vr, BidStatusEnum as Ar } from "./patterns/BidSnapshot/types.js";
-import { Breakpoints as Dr } from "./utils/constants.js";
-import { CardVariants as kr } from "./components/Card/types.js";
-import { HeightUnits as Mr } from "./components/ContentPeek/utils.js";
-import { DefaultButtonLabels as wr, LoadingState as Nr } from "./patterns/ProgressWizard/types.js";
-import { DetailListAlignment as Rr } from "./components/DetailList/types.js";
-import { DetailVariants as Er } from "./components/Detail/types.js";
-import { FilterButton as Ur } from "./patterns/FiltersInline/FilterButton.js";
-import { FilterButtonIconType as Or, FilterButtonType as Qr } from "./patterns/FiltersInline/types.js";
-import { SaleCardImageDisplay as Yr, SaleCardVariants as Zr } from "./patterns/SaleCard/types.js";
-import { TextAlignments as Jr, TextVariants as Kr } from "./components/Text/types.js";
-import { TextSymbolVariants as _r } from "./components/TextSymbol/types.js";
-import { ToastProvider as ea } from "./components/Toast/ToastContextProvider.js";
-import { getProgressBarMetrics as oa } from "./components/ProgressBar/utils.js";
-import { useHistoryManagement as aa } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
-import { useReducedMotion as sa } from "./utils/useReducedMotion.js";
-import { useToast as da } from "./components/Toast/useToast.js";
+import { AspectRatio as br } from "./components/SeldonImage/types.js";
+import { BannerMediaSize as Lr, BannerVariants as Vr } from "./components/Banner/types.js";
+import { BidMessageVariants as yr, BidStatusEnum as Dr } from "./patterns/BidSnapshot/types.js";
+import { Breakpoints as kr } from "./utils/constants.js";
+import { CardVariants as Mr } from "./components/Card/types.js";
+import { HeightUnits as wr } from "./components/ContentPeek/utils.js";
+import { DefaultButtonLabels as Hr, LoadingState as Rr } from "./patterns/ProgressWizard/types.js";
+import { DetailListAlignment as Er } from "./components/DetailList/types.js";
+import { DetailVariants as Ur } from "./components/Detail/types.js";
+import { FilterButton as Or } from "./patterns/FiltersInline/FilterButton.js";
+import { FilterButtonIconType as jr, FilterButtonType as Yr } from "./patterns/FiltersInline/types.js";
+import { SaleCardImageDisplay as qr, SaleCardVariants as Jr } from "./patterns/SaleCard/types.js";
+import { TextAlignments as Xr, TextVariants as _r } from "./components/Text/types.js";
+import { TextSymbolVariants as ea } from "./components/TextSymbol/types.js";
+import { ToastProvider as oa } from "./components/Toast/ToastContextProvider.js";
+import { getProgressBarMetrics as aa } from "./components/ProgressBar/utils.js";
+import { useHistoryManagement as sa } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
+import { useReducedMotion as da } from "./utils/useReducedMotion.js";
+import { useToast as ma } from "./components/Toast/useToast.js";
 export {
   tt as Accordion,
   rt as AccordionItem,
   Tr as AccordionVariants,
   ft as AccountPageHeader,
   lt as AddToCalendar,
-  mt as Article,
+  pt as Article,
+  br as AspectRatio,
   I as AuctionStatus,
   Re as AuthState,
   ut as Banner,
-  br as BannerMediaSize,
-  Ir as BannerVariants,
+  Lr as BannerMediaSize,
+  Vr as BannerVariants,
   nt as BidMessage,
-  Vr as BidMessageVariants,
+  yr as BidMessageVariants,
   gt as BidSnapshot,
-  Ar as BidStatusEnum,
+  Dr as BidStatusEnum,
   St as Breadcrumb,
-  Dr as Breakpoints,
+  kr as Breakpoints,
   y as Button,
   v as ButtonSizes,
   k as ButtonVariants,
   Bt as Card,
-  kr as CardVariants,
+  Mr as CardVariants,
   Pt as Carousel,
   It as CarouselArrows,
   Vt as CarouselContent,
@@ -159,28 +161,28 @@ export {
   Rt as ComboBox,
   Et as ComposedModal,
   Ut as ContentPeek,
-  Mr as ContentPeekHeightUnits,
+  wr as ContentPeekHeightUnits,
   Ot as Countdown,
   $e as CountdownVariants,
   jt as CountryPicker,
-  wr as DefaultButtonLabels,
+  Hr as DefaultButtonLabels,
   Zt as DescriptiveRadioButton,
   Jt as DescriptiveRadioButtonGroup,
   Xt as Detail,
   $t as DetailList,
-  Rr as DetailListAlignment,
-  Er as DetailVariants,
+  Er as DetailListAlignment,
+  Ur as DetailVariants,
   to as Divider,
   w as Drawer,
   ro as Dropdown,
   H as ErrorBoundary,
   fo as ExitGateCard,
   lo as FavoritesCollectionTile,
-  po as FavoritingTileButton,
+  mo as FavoritingTileButton,
   io as Filter,
-  Ur as FilterButton,
-  Or as FilterButtonIconType,
-  Qr as FilterButtonType,
+  Or as FilterButton,
+  jr as FilterButtonIconType,
+  Yr as FilterButtonType,
   xo as FilterHeader,
   co as FilterInput,
   Co as FilterMenu,
@@ -200,7 +202,7 @@ export {
   _ as LinkList,
   q as LinkVariants,
   Ao as Loader,
-  Nr as LoadingState,
+  Rr as LoadingState,
   L as LotStatus,
   ee as Modal,
   oe as Navigation,
@@ -214,7 +216,7 @@ export {
   o as PaddingTokens,
   c as Page,
   Ze as PageContentWrapper,
-  pe as Pagination,
+  me as Pagination,
   Ho as PhoneNumberInput,
   zo as Pictogram,
   Go as PinchZoom,
@@ -226,8 +228,8 @@ export {
   C as SSRMediaQuery,
   Ko as SaleCard,
   _o as SaleCardActions,
-  Yr as SaleCardImageDisplay,
-  Zr as SaleCardVariants,
+  qr as SaleCardImageDisplay,
+  Jr as SaleCardVariants,
   er as SaleHeaderBanner,
   or as SaleHeaderBrowseAuctions,
   xe as Search,
@@ -246,15 +248,15 @@ export {
   dr as TabsContent,
   be as Tag,
   Ie as TagsList,
-  pr as Text,
-  Jr as TextAlignments,
+  mr as Text,
+  Xr as TextAlignments,
   ir as TextArea,
   ve as TextBanner,
-  _r as TextSymbolVariants,
+  ea as TextSymbolVariants,
   xr as TextSymbols,
-  Kr as TextVariants,
+  _r as TextVariants,
   cr as Toast,
-  ea as ToastProvider,
+  oa as ToastProvider,
   Ee as UserManagement,
   Ve as Video,
   Cr as ViewingDetails,
@@ -264,16 +266,16 @@ export {
   s as encodeURLSearchParams,
   l as findChildrenExcludingTypes,
   d as findChildrenOfType,
-  m as focusElementById,
-  p as generatePaddingClassName,
+  p as focusElementById,
+  m as generatePaddingClassName,
   u as getCommonProps,
-  oa as getProgressBarMetrics,
+  aa as getProgressBarMetrics,
   i as noOp,
   n as px,
   B as ssrMediaQueryStyle,
-  aa as useHistoryManagement,
+  sa as useHistoryManagement,
   x as useNormalizedInputProps,
   P as usePendingState,
-  sa as useReducedMotion,
-  da as useToast
+  da as useReducedMotion,
+  ma as useToast
 };

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),u=require("../../_virtual/index2.cjs"),p=require("react"),B=require("../../components/Link/Link.cjs"),G=require("../../utils/index.cjs"),l=require("../../components/Text/Text.cjs"),c=require("../../components/Text/types.cjs"),y=require("../../components/Icon/Icon.cjs"),H=require("../../components/SeldonImage/SeldonImage.cjs"),J=({baseClassName:t,iconSize:n,createFirstListText:i,onClick:s})=>e.jsx("button",{type:"button",className:`${t}__create-variant`,"data-testid":"create-list","aria-label":i,onClick:r=>{r.stopPropagation(),s?.(r)},children:e.jsx("span",{className:u.default(`${t}__empty`,`${t}__empty--create-list`),children:e.jsxs("span",{className:`${t}__empty__content`,children:[e.jsx(y.default,{icon:"Add",width:n,height:n,color:"$gray-75",className:u.default(`${t}__icon`,`${t}__icon-circle`),"aria-hidden":"true"}),e.jsx(l.default,{className:`${t}__text`,variant:c.TextVariants.bodyMedium,children:i})]})})}),g=({baseClassName:t,iconSize:n,text:i,ariaLabel:s,dataTestId:r})=>e.jsx("div",{className:`${t}__media-container`,"data-testid":r,"aria-label":s,role:"region",children:e.jsx("div",{className:u.default(`${t}__empty`,`${t}__empty--bg`),children:e.jsxs("div",{className:`${t}__empty__content`,children:[e.jsx(y.default,{icon:"Favorite",width:n,height:n,color:"$gray-75",className:u.default(`${t}__icon`),"aria-hidden":"true"}),e.jsx(l.default,{className:`${t}__text`,variant:c.TextVariants.bodyMedium,children:i})]})})}),Q=({baseClassName:t,imageRef:n,listAriaLabel:i,name:s,imageSrc:r})=>e.jsx("div",{className:`${t}__media-container`,ref:n,"aria-label":i,"data-testid":"list",role:"region",children:e.jsx(H.default,{alt:s,aspectRatio:"1/1",className:`${t}__media`,objectFit:"contain",src:r,style:{cursor:"pointer"}})}),U=p.memo(p.forwardRef(({id:t,className:n,count:i,name:s,imageSrc:r,variant:x,element:b=B.default,href:N,emptyFavoritesText:L="You have not added any objects to your Favorites yet.",emptyListsText:T="You have not added any objects to your List yet.",createFirstListText:w="Create your first List.",editListText:V="Edit List",deleteListText:q="Delete List",onEdit:M,onDelete:k,formatlotStr:$=(a,h=a===1?"Lot":"Lots")=>`${a} ${h}`,linkClassName:I,iconSize:d=22,menuAriaLabel:E="Manage List",favoritesAriaLabel:P="Favorites",emptyListAriaLabel:R="Empty List",listAriaLabel:F="List",...f},C)=>{const{className:a,...h}=G.getCommonProps({id:t,...f},"FavoritesCollectionTile"),D=p.useRef(null),_=s&&i!==null&&i!==void 0,j=i===0,v=x==="lists",O=x==="create",A=x==="favorites"&&j,Y=_&&j&&v,K=()=>O?e.jsx(J,{baseClassName:a,iconSize:d,createFirstListText:w,onClick:f.onClick}):e.jsxs(b,{href:N,className:u.default(`${a}__media-link`,I),tabIndex:0,children:[A&&e.jsx(g,{baseClassName:a,iconSize:d,text:L,ariaLabel:P,dataTestId:"favorites"}),Y&&e.jsx(g,{baseClassName:a,iconSize:d,text:T,ariaLabel:R,dataTestId:"empty-list"}),!j&&_&&e.jsx(Q,{baseClassName:a,imageRef:D,listAriaLabel:F,name:s,imageSrc:r,iconSize:d})]});return e.jsx("div",{...h,className:u.default(a,n),ref:C,id:t,children:e.jsxs("div",{className:`${a}__content`,children:[e.jsxs("div",{className:`${a}__header`,children:[e.jsxs("div",{className:`${a}__info`,children:[_&&e.jsx(l.default,{element:"span",className:`${a}__count`,variant:c.TextVariants.labelMedium,children:$&&_&&$(i)}),s&&e.jsx(l.default,{element:"h3",className:`${a}__title`,variant:c.TextVariants.bodyMedium,children:s})]}),_&&v&&e.jsxs(m.Root,{children:[e.jsx(m.Trigger,{asChild:!0,children:e.jsx("div",{className:`${a}__actions`,"data-testid":"menu-trigger",tabIndex:0,role:"button","aria-label":E,"aria-haspopup":"menu",onKeyDown:o=>{o.key==="Enter"&&(o.preventDefault(),o.stopPropagation(),o.target.click())},children:e.jsx("div",{className:`${a}__icon-rotate`,children:e.jsx(y.default,{icon:"Icon",width:d,height:d,color:"$gray-75",className:`${a}__icon-button`,"aria-hidden":"true"})})})}),e.jsx(m.Portal,{children:e.jsx(m.Content,{avoidCollisions:!0,collisionPadding:10,sideOffset:5,align:"start",alignOffset:5,className:`${a}__popover-content`,children:e.jsxs("div",{className:`${a}__dropdown`,"data-testid":"dropdown-menu",children:[e.jsx("button",{className:`${a}__dropdown--item`,onClick:o=>M?.(t,o),type:"button",children:e.jsx(l.default,{variant:c.TextVariants.bodyMedium,children:V})}),e.jsx("button",{className:`${a}__dropdown--item`,onClick:o=>k?.(t,o),type:"button",children:e.jsx(l.default,{variant:c.TextVariants.bodyMedium,children:q})})]})})})]})]}),K()]})})}));exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),u=require("../../_virtual/index2.cjs"),p=require("react"),B=require("../../components/Link/Link.cjs"),G=require("../../utils/index.cjs"),l=require("../../components/Text/Text.cjs"),c=require("../../components/Text/types.cjs"),y=require("../../components/Icon/Icon.cjs"),H=require("../../components/SeldonImage/SeldonImage.cjs"),J=require("../../components/SeldonImage/types.cjs"),Q=({baseClassName:t,iconSize:r,createFirstListText:i,onClick:s})=>e.jsx("button",{type:"button",className:`${t}__create-variant`,"data-testid":"create-list","aria-label":i,onClick:n=>{n.stopPropagation(),s?.(n)},children:e.jsx("span",{className:u.default(`${t}__empty`,`${t}__empty--create-list`),children:e.jsxs("span",{className:`${t}__empty__content`,children:[e.jsx(y.default,{icon:"Add",width:r,height:r,color:"$gray-75",className:u.default(`${t}__icon`,`${t}__icon-circle`),"aria-hidden":"true"}),e.jsx(l.default,{className:`${t}__text`,variant:c.TextVariants.bodyMedium,children:i})]})})}),g=({baseClassName:t,iconSize:r,text:i,ariaLabel:s,dataTestId:n})=>e.jsx("div",{className:`${t}__media-container`,"data-testid":n,"aria-label":s,role:"region",children:e.jsx("div",{className:u.default(`${t}__empty`,`${t}__empty--bg`),children:e.jsxs("div",{className:`${t}__empty__content`,children:[e.jsx(y.default,{icon:"Favorite",width:r,height:r,color:"$gray-75",className:u.default(`${t}__icon`),"aria-hidden":"true"}),e.jsx(l.default,{className:`${t}__text`,variant:c.TextVariants.bodyMedium,children:i})]})})}),U=({baseClassName:t,imageRef:r,listAriaLabel:i,name:s,imageSrc:n})=>e.jsx("div",{className:`${t}__media-container`,ref:r,"aria-label":i,"data-testid":"list",role:"region",children:e.jsx(H.default,{alt:s,aspectRatio:J.AspectRatio.Square,className:`${t}__media`,objectFit:"contain",src:n,style:{cursor:"pointer"}})}),W=p.memo(p.forwardRef(({id:t,className:r,count:i,name:s,imageSrc:n,variant:x,element:b=B.default,href:N,emptyFavoritesText:L="You have not added any objects to your Favorites yet.",emptyListsText:q="You have not added any objects to your List yet.",createFirstListText:T="Create your first List.",editListText:w="Edit List",deleteListText:V="Delete List",onEdit:M,onDelete:k,formatlotStr:$=(a,h=a===1?"Lot":"Lots")=>`${a} ${h}`,linkClassName:I,iconSize:d=22,menuAriaLabel:R="Manage List",favoritesAriaLabel:E="Favorites",emptyListAriaLabel:P="Empty List",listAriaLabel:F="List",...f},C)=>{const{className:a,...h}=G.getCommonProps({id:t,...f},"FavoritesCollectionTile"),A=p.useRef(null),_=s&&i!==null&&i!==void 0,j=i===0,v=x==="lists",D=x==="create",O=x==="favorites"&&j,Y=_&&j&&v,K=()=>D?e.jsx(Q,{baseClassName:a,iconSize:d,createFirstListText:T,onClick:f.onClick}):e.jsxs(b,{href:N,className:u.default(`${a}__media-link`,I),tabIndex:0,children:[O&&e.jsx(g,{baseClassName:a,iconSize:d,text:L,ariaLabel:E,dataTestId:"favorites"}),Y&&e.jsx(g,{baseClassName:a,iconSize:d,text:q,ariaLabel:P,dataTestId:"empty-list"}),!j&&_&&e.jsx(U,{baseClassName:a,imageRef:A,listAriaLabel:F,name:s,imageSrc:n,iconSize:d})]});return e.jsx("div",{...h,className:u.default(a,r),ref:C,id:t,children:e.jsxs("div",{className:`${a}__content`,children:[e.jsxs("div",{className:`${a}__header`,children:[e.jsxs("div",{className:`${a}__info`,children:[_&&e.jsx(l.default,{element:"span",className:`${a}__count`,variant:c.TextVariants.labelMedium,children:$&&_&&$(i)}),s&&e.jsx(l.default,{element:"h3",className:`${a}__title`,variant:c.TextVariants.bodyMedium,children:s})]}),_&&v&&e.jsxs(m.Root,{children:[e.jsx(m.Trigger,{asChild:!0,children:e.jsx("div",{className:`${a}__actions`,"data-testid":"menu-trigger",tabIndex:0,role:"button","aria-label":R,"aria-haspopup":"menu",onKeyDown:o=>{o.key==="Enter"&&(o.preventDefault(),o.stopPropagation(),o.target.click())},children:e.jsx("div",{className:`${a}__icon-rotate`,children:e.jsx(y.default,{icon:"Icon",width:d,height:d,color:"$gray-75",className:`${a}__icon-button`,"aria-hidden":"true"})})})}),e.jsx(m.Portal,{children:e.jsx(m.Content,{avoidCollisions:!0,collisionPadding:10,sideOffset:5,align:"start",alignOffset:5,className:`${a}__popover-content`,children:e.jsxs("div",{className:`${a}__dropdown`,"data-testid":"dropdown-menu",children:[e.jsx("button",{className:`${a}__dropdown--item`,onClick:o=>M?.(t,o),type:"button",children:e.jsx(l.default,{variant:c.TextVariants.bodyMedium,children:w})}),e.jsx("button",{className:`${a}__dropdown--item`,onClick:o=>k?.(t,o),type:"button",children:e.jsx(l.default,{variant:c.TextVariants.bodyMedium,children:V})})]})})})]})]}),K()]})})}));exports.default=W;

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js

@@ -1,5 +1,5 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { Root as q, Trigger as B, Portal as G, Content as H } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { Root as K, Trigger as B, Portal as G, Content as H } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
 import _ from "../../_virtual/index2.js";
 import { memo as J, forwardRef as Q, useRef as U } from "react";
 import W from "../../components/Link/Link.js";
@@ -8,7 +8,8 @@ import l from "../../components/Text/Text.js";
 import { TextVariants as m } from "../../components/Text/types.js";
 import $ from "../../components/Icon/Icon.js";
 import Z from "../../components/SeldonImage/SeldonImage.js";
-const S = ({
+import { AspectRatio as S } from "../../components/SeldonImage/types.js";
+const z = ({
   baseClassName: e,
   iconSize: r,
   createFirstListText: a,
@@ -23,7 +24,7 @@ const S = ({
     onClick: (n) => {
       n.stopPropagation(), o?.(n);
     },
-    children: /* @__PURE__ */ t("span", { className: _(`${e}__empty`, `${e}__empty--create-list`), children: /* @__PURE__ */ s("span", { className: `${e}__empty__content`, children: [
+    children: /* @__PURE__ */ t("span", { className: _(`${e}__empty`, `${e}__empty--create-list`), children: /* @__PURE__ */ d("span", { className: `${e}__empty__content`, children: [
       /* @__PURE__ */ t(
         $,
         {
@@ -44,7 +45,7 @@ const S = ({
   text: a,
   ariaLabel: o,
   dataTestId: n
-}) => /* @__PURE__ */ t("div", { className: `${e}__media-container`, "data-testid": n, "aria-label": o, role: "region", children: /* @__PURE__ */ t("div", { className: _(`${e}__empty`, `${e}__empty--bg`), children: /* @__PURE__ */ s("div", { className: `${e}__empty__content`, children: [
+}) => /* @__PURE__ */ t("div", { className: `${e}__media-container`, "data-testid": n, "aria-label": o, role: "region", children: /* @__PURE__ */ t("div", { className: _(`${e}__empty`, `${e}__empty--bg`), children: /* @__PURE__ */ d("div", { className: `${e}__empty__content`, children: [
   /* @__PURE__ */ t(
     $,
     {
@@ -57,7 +58,7 @@ const S = ({
     }
   ),
   /* @__PURE__ */ t(l, { className: `${e}__text`, variant: m.bodyMedium, children: a })
-] }) }) }), z = ({
+] }) }) }), tt = ({
   baseClassName: e,
   imageRef: r,
   listAriaLabel: a,
@@ -75,7 +76,7 @@ const S = ({
       Z,
       {
         alt: o,
-        aspectRatio: "1/1",
+        aspectRatio: S.Square,
         className: `${e}__media`,
         objectFit: "contain",
         src: n,
@@ -85,7 +86,7 @@ const S = ({
       }
     )
   }
-), lt = J(
+), _t = J(
   Q(
     ({
       id: e,
@@ -93,7 +94,7 @@ const S = ({
       count: a,
       name: o,
       imageSrc: n,
-      variant: p,
+      variant: h,
       element: b = W,
       href: L,
       emptyFavoritesText: w = "You have not added any objects to your Favorites yet.",
@@ -102,25 +103,25 @@ const S = ({
       editListText: I = "Edit List",
       deleteListText: M = "Delete List",
       onEdit: E,
-      onDelete: F,
-      formatlotStr: v = (i, u = i === 1 ? "Lot" : "Lots") => `${i} ${u}`,
-      linkClassName: P,
+      onDelete: R,
+      formatlotStr: f = (i, u = i === 1 ? "Lot" : "Lots") => `${i} ${u}`,
+      linkClassName: F,
       iconSize: c = 22,
-      menuAriaLabel: R = "Manage List",
+      menuAriaLabel: P = "Manage List",
       favoritesAriaLabel: T = "Favorites",
       emptyListAriaLabel: V = "Empty List",
       listAriaLabel: j = "List",
-      ...f
+      ...v
     }, C) => {
-      const { className: i, ...u } = X({ id: e, ...f }, "FavoritesCollectionTile"), D = U(null), h = o && a !== null && a !== void 0, y = a === 0, g = p === "lists", A = p === "create", O = p === "favorites" && y, Y = h && y && g, K = () => A ? /* @__PURE__ */ t(
-        S,
+      const { className: i, ...u } = X({ id: e, ...v }, "FavoritesCollectionTile"), A = U(null), p = o && a !== null && a !== void 0, y = a === 0, g = h === "lists", D = h === "create", O = h === "favorites" && y, Y = p && y && g, q = () => D ? /* @__PURE__ */ t(
+        z,
         {
           baseClassName: i,
           iconSize: c,
           createFirstListText: k,
-          onClick: f.onClick
+          onClick: v.onClick
         }
-      ) : /* @__PURE__ */ s(b, { href: L, className: _(`${i}__media-link`, P), tabIndex: 0, children: [
+      ) : /* @__PURE__ */ d(b, { href: L, className: _(`${i}__media-link`, F), tabIndex: 0, children: [
         O && /* @__PURE__ */ t(
           N,
           {
@@ -141,11 +142,11 @@ const S = ({
             dataTestId: "empty-list"
           }
         ),
-        !y && h && /* @__PURE__ */ t(
-          z,
+        !y && p && /* @__PURE__ */ t(
+          tt,
           {
             baseClassName: i,
-            imageRef: D,
+            imageRef: A,
             listAriaLabel: j,
             name: o,
             imageSrc: n,
@@ -153,13 +154,13 @@ const S = ({
           }
         )
       ] });
-      return /* @__PURE__ */ t("div", { ...u, className: _(i, r), ref: C, id: e, children: /* @__PURE__ */ s("div", { className: `${i}__content`, children: [
-        /* @__PURE__ */ s("div", { className: `${i}__header`, children: [
-          /* @__PURE__ */ s("div", { className: `${i}__info`, children: [
-            h && /* @__PURE__ */ t(l, { element: "span", className: `${i}__count`, variant: m.labelMedium, children: v && h && v(a) }),
+      return /* @__PURE__ */ t("div", { ...u, className: _(i, r), ref: C, id: e, children: /* @__PURE__ */ d("div", { className: `${i}__content`, children: [
+        /* @__PURE__ */ d("div", { className: `${i}__header`, children: [
+          /* @__PURE__ */ d("div", { className: `${i}__info`, children: [
+            p && /* @__PURE__ */ t(l, { element: "span", className: `${i}__count`, variant: m.labelMedium, children: f && p && f(a) }),
             o && /* @__PURE__ */ t(l, { element: "h3", className: `${i}__title`, variant: m.bodyMedium, children: o })
           ] }),
-          h && g && /* @__PURE__ */ s(q, { children: [
+          p && g && /* @__PURE__ */ d(K, { children: [
             /* @__PURE__ */ t(B, { asChild: !0, children: /* @__PURE__ */ t(
               "div",
               {
@@ -167,10 +168,10 @@ const S = ({
                 "data-testid": "menu-trigger",
                 tabIndex: 0,
                 role: "button",
-                "aria-label": R,
+                "aria-label": P,
                 "aria-haspopup": "menu",
-                onKeyDown: (d) => {
-                  d.key === "Enter" && (d.preventDefault(), d.stopPropagation(), d.target.click());
+                onKeyDown: (s) => {
+                  s.key === "Enter" && (s.preventDefault(), s.stopPropagation(), s.target.click());
                 },
                 children: /* @__PURE__ */ t("div", { className: `${i}__icon-rotate`, children: /* @__PURE__ */ t(
                   $,
@@ -194,12 +195,12 @@ const S = ({
                 align: "start",
                 alignOffset: 5,
                 className: `${i}__popover-content`,
-                children: /* @__PURE__ */ s("div", { className: `${i}__dropdown`, "data-testid": "dropdown-menu", children: [
+                children: /* @__PURE__ */ d("div", { className: `${i}__dropdown`, "data-testid": "dropdown-menu", children: [
                   /* @__PURE__ */ t(
                     "button",
                     {
                       className: `${i}__dropdown--item`,
-                      onClick: (d) => E?.(e, d),
+                      onClick: (s) => E?.(e, s),
                       type: "button",
                       children: /* @__PURE__ */ t(l, { variant: m.bodyMedium, children: I })
                     }
@@ -208,7 +209,7 @@ const S = ({
                     "button",
                     {
                       className: `${i}__dropdown--item`,
-                      onClick: (d) => F?.(e, d),
+                      onClick: (s) => R?.(e, s),
                       type: "button",
                       children: /* @__PURE__ */ t(l, { variant: m.bodyMedium, children: M })
                     }
@@ -218,11 +219,11 @@ const S = ({
             ) })
           ] })
         ] }),
-        K()
+        q()
       ] }) });
     }
   )
 );
 export {
-  lt as default
+  _t as default
 };

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

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -1,26 +1,27 @@
-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/index2.js";
-import { getCommonProps as L } from "../../utils/index.js";
-import { DetailVariants as R } from "../../components/Detail/types.js";
-import W from "../../components/SeldonImage/SeldonImage.js";
+import { jsxs as m, jsx as e, Fragment as V } from "react/jsx-runtime";
+import { memo as k, forwardRef as z } from "react";
+import A from "../../_virtual/index2.js";
+import { getCommonProps as F } from "../../utils/index.js";
+import { DetailVariants as I } from "../../components/Detail/types.js";
+import L from "../../components/SeldonImage/SeldonImage.js";
+import { AspectRatio as W } from "../../components/SeldonImage/types.js";
 import l from "../../components/Text/Text.js";
 import { TextVariants as s } from "../../components/Text/types.js";
-import w from "../../components/DetailList/DetailList.js";
-import A from "../../components/Detail/Detail.js";
-const B = z(
-  F(
+import q from "../../components/DetailList/DetailList.js";
+import w from "../../components/Detail/Detail.js";
+const B = k(
+  z(
     ({
-      badgeText: N,
-      className: f,
+      badgeText: f,
+      className: N,
       children: g,
-      element: $,
-      estimate: n,
-      estimateLabelText: b = "Estimate",
+      element: u,
+      estimate: i,
+      estimateLabelText: $ = "Estimate",
       estimateOnRequestText: t,
       badgeElement: r,
       favoriteElement: o,
-      imageAlt: u = "Brought to you by Phillips",
+      imageAlt: b = "Brought to you by Phillips",
       imageUrl: v = "",
       imageSrcSet: S,
       imageSizes: j,
@@ -32,16 +33,16 @@ const B = z(
       modelText: _,
       referenceNumber: d,
       titleText: h,
-      withdrawnText: i,
+      withdrawnText: n,
       ...p
     }, D) => {
-      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: [
+      const { className: a, ...x } = F(p, "ObjectTile"), O = u ?? "a", R = i || t;
+      return /* @__PURE__ */ m(O, { ...x, className: A(a, N), ...p, ref: D, children: [
         /* @__PURE__ */ e(
-          W,
+          L,
           {
-            alt: u,
-            aspectRatio: "1/1",
+            alt: b,
+            aspectRatio: W.Square,
             className: `${a}__img`,
             objectFit: "contain",
             src: v,
@@ -52,13 +53,13 @@ const B = z(
             imageBlocked: P
           }
         ),
-        i ? null : /* @__PURE__ */ e(l, { element: "span", className: `${a}__badge`, variant: s.badgeSmall, children: N }),
+        n ? null : /* @__PURE__ */ e(l, { element: "span", className: `${a}__badge`, variant: s.badgeSmall, children: f }),
         /* @__PURE__ */ m("div", { className: `${a}__lot-number-like`, children: [
           /* @__PURE__ */ e(l, { element: "span", className: `${a}__lot-number`, variant: s.headingSmall, children: C }),
           r && /* @__PURE__ */ e("div", { className: `${a}__lot-badge`, children: /* @__PURE__ */ e(r, {}) }),
           o && /* @__PURE__ */ e(o, {})
         ] }),
-        i ? /* @__PURE__ */ e(l, { element: "span", className: `${a}__withdrawn`, variant: s.headingSmall, children: i }) : /* @__PURE__ */ m(k, { children: [
+        n ? /* @__PURE__ */ e(l, { element: "span", className: `${a}__withdrawn`, variant: s.headingSmall, children: n }) : /* @__PURE__ */ m(V, { children: [
           /* @__PURE__ */ m("div", { className: `${a}__meta`, children: [
             c ? /* @__PURE__ */ e(l, { element: "span", className: `${a}__maker`, variant: s.headingSmall, children: c }) : null,
             h ? /* @__PURE__ */ e(l, { element: "cite", className: `${a}__title`, variant: s.headingExtraSmall, children: h }) : null,
@@ -73,18 +74,18 @@ const B = z(
             ) : null,
             _ ? /* @__PURE__ */ e(l, { className: `${a}__model`, variant: s.headingExtraSmall, element: "span", children: _ }) : null
           ] }),
-          V ? /* @__PURE__ */ e(
-            w,
+          R ? /* @__PURE__ */ e(
+            q,
             {
               hasSeparators: !0,
               className: `${a}__estimate ${a}__section`,
-              variant: R.sm,
+              variant: I.sm,
               children: /* @__PURE__ */ e(
-                A,
+                w,
                 {
                   className: `${a}__estimate__label`,
-                  label: b,
-                  value: n || t,
+                  label: $,
+                  value: i || t,
                   hasWrap: !1
                 }
               )

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