@phillips/seldon 1.162.0 → 1.164.0

package/dist/components/ExitGateCard/ExitGateCard.js

@@ -0,0 +1,50 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import h from "../../node_modules/classnames/index.js";
+import { forwardRef as $ } from "react";
+import { getCommonProps as v } from "../../utils/index.js";
+import C from "../Button/Button.js";
+import { ButtonVariants as E } from "../Button/types.js";
+import "../Link/types.js";
+import g from "../Link/Link.js";
+import y from "../SeldonImage/SeldonImage.js";
+import { TextVariants as e } from "../Text/types.js";
+import r from "../Text/Text.js";
+const G = $(
+  ({
+    className: f,
+    imageSrc: n,
+    label: o,
+    header: m,
+    description: s,
+    linkLabel: l,
+    linkHref: i,
+    linkElement: c = g,
+    variant: _ = E.secondary,
+    altText: N = "Exit Gate Card Image",
+    ...d
+  }, u) => {
+    const { className: t, ...x } = v(d, "ExitGateCard");
+    return /* @__PURE__ */ p("article", { ...x, className: h(t, f), ...d, ref: u, children: [
+      n ? /* @__PURE__ */ a(
+        y,
+        {
+          objectFit: "cover",
+          aspectRatio: "16/9",
+          src: n,
+          alt: N,
+          className: `${t}__desktop_image`
+        }
+      ) : null,
+      /* @__PURE__ */ p("div", { className: `${t}__content`, children: [
+        o ? /* @__PURE__ */ a(r, { variant: e.body2, element: "span", className: `${t}__content-label`, children: o }) : null,
+        m ? /* @__PURE__ */ a(r, { variant: e.heading1, element: "span", className: `${t}__content-title`, children: m }) : null,
+        s ? /* @__PURE__ */ a(r, { variant: e.body2, element: "span", className: `${t}__content-description`, children: s }) : null,
+        (l || c) && i ? /* @__PURE__ */ a(c, { href: i, children: /* @__PURE__ */ a(C, { variant: _, className: `${t}__content-link`, children: l }) }) : null
+      ] })
+    ] });
+  }
+);
+G.displayName = "ExitGateCard";
+export {
+  G as default
+};

package/dist/index.d.ts

@@ -58,6 +58,7 @@ export * from './components/Carousel';
 export * from './components/ComboBox';
 export * from './components/PhoneNumberPicker';
 export * from './components/Detail';
+export * from './components/ExitGateCard';
 export * from './components/Loader';
 export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
 export * from './components/PinchZoom';
@@ -65,12 +66,12 @@ export * from './components/SeldonImage';
 export * from './components/Tabs';
 export * from './patterns/DetailList';
 export * from './patterns/SaleHeaderBanner';
+export * from './patterns/SaleCard';
 export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
 export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
 export * from './types/commonTypes';
 export * from './components/AddToCalendar';
 export * from './components/Article';
-export * from './components/SaleCard';
 export * from './components/Countdown';
 export * from './components/Countdown/types';
 export * from './components/Divider';

package/dist/index.js

@@ -1,14 +1,14 @@
 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 x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
-import { SSRMediaQuery as P, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
-import { usePendingState as A } from "./utils/hooks.js";
+import { SSRMediaQuery as P, ssrMediaQueryStyle as A } from "./providers/SeldonProvider/utils.js";
+import { usePendingState as L } from "./utils/hooks.js";
 import { AuctionStatus as I, LotStatus as V, SupportedLanguages as h } from "./types/commonTypes.js";
 import { default as v } from "./components/Button/Button.js";
 import { ButtonVariants as y } from "./components/Button/types.js";
 import { default as D } 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 G, AccordionVariants as O } from "./components/Accordion/types.js";
+import { AccordionItemVariant as U, AccordionVariants as O } from "./components/Accordion/types.js";
 import { default as Q } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
@@ -28,7 +28,7 @@ import { default as ne } from "./components/Drawer/Drawer.js";
 import { default as ce } from "./components/Dropdown/Dropdown.js";
 import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { Grid as Pe } from "./components/Grid/Grid.js";
-import { default as Le } from "./components/GridItem/GridItem.js";
+import { default as Be } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as be } from "./components/GridItem/types.js";
 import { default as Ve } from "./components/Input/Input.js";
 import { default as ke } from "./components/Link/Link.js";
@@ -36,7 +36,7 @@ import { LinkVariants as we } from "./components/Link/types.js";
 import { default as He } from "./components/LinkBlock/LinkBlock.js";
 import { default as Fe } from "./components/LinkList/LinkList.js";
 import { default as Ne } from "./components/Modal/Modal.js";
-import { default as Ue } from "./components/Navigation/Navigation.js";
+import { default as Ge } from "./components/Navigation/Navigation.js";
 import { default as Oe } 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";
@@ -54,7 +54,7 @@ import { Tag as xt, default as it } from "./components/Tags/Tags.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 Pt } from "./components/TextSymbol/types.js";
-import { default as Lt } from "./components/TextSymbol/TextSymbol.js";
+import { default as Bt } from "./components/TextSymbol/TextSymbol.js";
 import { default as bt } from "./components/Video/Video.js";
 import { default as Vt } from "./patterns/DetailList/DetailList.js";
 import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
@@ -62,7 +62,7 @@ import { default as wt } from "./patterns/FavoritesCollectionTile/FavoritesColle
 import { default as Ht } from "./patterns/HeroBanner/HeroBanner.js";
 import { default as Ft } from "./patterns/LanguageSelector/LanguageSelector.js";
 import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Ut } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
 import { default as Ot } from "./patterns/Social/Social.js";
 import { default as Qt } from "./patterns/Subscribe/Subscribe.js";
 import { SubscriptionState as zt } from "./patterns/Subscribe/types.js";
@@ -73,46 +73,48 @@ import { default as _t } from "./patterns/ViewingsList/ViewingsList.js";
 import { SeldonProvider as eo } from "./providers/SeldonProvider/SeldonProvider.js";
 import { default as oo } from "./components/ComboBox/ComboBox.js";
 import { default as ao } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
-import { default as so } from "./components/Loader/Loader.js";
-import { default as mo } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as uo } from "./site-furniture/Footer/Footer.js";
-import { default as io } from "./site-furniture/Header/Header.js";
-import { default as go } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as So } from "./components/Article/Article.js";
-import { default as To } from "./components/SaleCard/SaleCard.js";
-import { SaleCardVariants as Bo } from "./components/SaleCard/types.js";
-import { default as Ao } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Io } from "./components/Countdown/types.js";
-import { default as ho } from "./components/Divider/Divider.js";
-import { default as vo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as yo } from "./components/Filter/Filter.js";
-import { default as Do } from "./components/Filter/FilterInput.js";
-import { default as Mo } from "./components/Filter/FilterHeader.js";
-import { default as Eo } from "./components/Pictogram/Pictogram.js";
-import { default as Go } from "./components/TextArea/TextArea.js";
-import { default as Ro } from "./components/Toast/Toast.js";
-import { ToastProvider as jo } from "./components/Toast/ToastContextProvider.js";
-import { useToast as Wo } from "./components/Toast/useToast.js";
-import { default as Zo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as Jo } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Xo } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as $o, BidStatusEnum as er } from "./patterns/BidSnapshot/types.js";
-import { default as or } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as ar } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as so } from "./components/ExitGateCard/ExitGateCard.js";
+import { default as mo } from "./components/Loader/Loader.js";
+import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as io } from "./patterns/SaleCard/SaleCard.js";
+import { SaleCardActions as go } from "./patterns/SaleCard/SaleCardActions.js";
+import { SaleCardVariants as So } from "./patterns/SaleCard/types.js";
+import { default as To } from "./site-furniture/Footer/Footer.js";
+import { default as Ao } from "./site-furniture/Header/Header.js";
+import { default as Lo } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as Io } from "./components/Article/Article.js";
+import { default as ho } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as vo } from "./components/Countdown/types.js";
+import { default as yo } from "./components/Divider/Divider.js";
+import { default as Do } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as Mo } from "./components/Filter/Filter.js";
+import { default as Eo } from "./components/Filter/FilterInput.js";
+import { default as Uo } from "./components/Filter/FilterHeader.js";
+import { default as Ro } from "./components/Pictogram/Pictogram.js";
+import { default as jo } from "./components/TextArea/TextArea.js";
+import { default as Wo } from "./components/Toast/Toast.js";
+import { ToastProvider as Zo } from "./components/Toast/ToastContextProvider.js";
+import { useToast as Jo } from "./components/Toast/useToast.js";
+import { default as Xo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as $o } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as tr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as rr, BidStatusEnum as ar } from "./patterns/BidSnapshot/types.js";
+import { default as sr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as dr } from "./patterns/ObjectTile/ObjectTile.js";
 export {
   M as Accordion,
   E as AccordionItem,
-  G as AccordionItemVariant,
+  U as AccordionItemVariant,
   O as AccordionVariants,
-  Zo as AccountPageHeader,
-  go as AddToCalendar,
-  So as Article,
+  Xo as AccountPageHeader,
+  Lo as AddToCalendar,
+  Io as Article,
   I as AuctionStatus,
   Yt as AuthState,
-  Xo as BidMessage,
-  $o as BidMessageVariants,
-  Jo as BidSnapshot,
-  er as BidStatusEnum,
+  tr as BidMessage,
+  rr as BidMessageVariants,
+  $o as BidSnapshot,
+  ar as BidStatusEnum,
   Q as Breadcrumb,
   v as Button,
   y as ButtonVariants,
@@ -127,26 +129,27 @@ export {
   oo as ComboBox,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  Ao as Countdown,
-  Io as CountdownVariants,
+  ho as Countdown,
+  vo as CountdownVariants,
   xe as Detail,
   Vt as DetailList,
   kt as DetailListAlignment,
-  ho as Divider,
+  yo as Divider,
   ne as Drawer,
   ce as Dropdown,
   Ce as ErrorBoundary,
+  so as ExitGateCard,
   wt as FavoritesCollectionTile,
-  vo as FavoritingTileButton,
-  yo as Filter,
-  Mo as FilterHeader,
-  Do as FilterInput,
-  or as FilterMenu,
-  uo as Footer,
+  Do as FavoritingTileButton,
+  Mo as Filter,
+  Uo as FilterHeader,
+  Eo as FilterInput,
+  sr as FilterMenu,
+  To as Footer,
   Pe as Grid,
-  Le as GridItem,
+  Be as GridItem,
   be as GridItemAlign,
-  io as Header,
+  Ao as Header,
   Ht as HeroBanner,
   z as Icon,
   D as IconButton,
@@ -156,27 +159,28 @@ export {
   He as LinkBlock,
   Fe as LinkList,
   we as LinkVariants,
-  so as Loader,
+  mo as Loader,
   V as LotStatus,
   Ne as Modal,
-  Ue as Navigation,
+  Ge as Navigation,
   Oe as NavigationItem,
   Qe as NavigationItemTrigger,
   ze as NavigationList,
-  ar as ObjectTile,
+  dr as ObjectTile,
   a as PaddingTokens,
   C as Page,
-  mo as PageContentWrapper,
+  uo as PageContentWrapper,
   Ye as Pagination,
   ao as PhoneNumberPicker,
-  Eo as Pictogram,
+  Ro as Pictogram,
   qe as PinchZoom,
   Ke as Row,
   P as SSRMediaQuery,
-  To as SaleCard,
-  Bo as SaleCardVariants,
+  io as SaleCard,
+  go as SaleCardActions,
+  So as SaleCardVariants,
   Nt as SaleHeaderBanner,
-  Ut as SaleHeaderBrowseAuctions,
+  Gt as SaleHeaderBrowseAuctions,
   _e as Search,
   et as SeldonImage,
   eo as SeldonProvider,
@@ -195,12 +199,12 @@ export {
   it as TagsList,
   Ct as Text,
   gt as TextAlignments,
-  Go as TextArea,
+  jo as TextArea,
   Pt as TextSymbolVariants,
-  Lt as TextSymbols,
+  Bt as TextSymbols,
   ct as TextVariants,
-  Ro as Toast,
-  jo as ToastProvider,
+  Wo as Toast,
+  Zo as ToastProvider,
   qt as UserManagement,
   bt as Video,
   _t as ViewingsList,
@@ -214,8 +218,8 @@ export {
   i as getCommonProps,
   n as noOp,
   g as px,
-  B as ssrMediaQueryStyle,
+  A as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
-  A as usePendingState,
-  Wo as useToast
+  L as usePendingState,
+  Jo as useToast
 };

package/dist/{components → patterns}/SaleCard/SaleCard.d.ts

@@ -1,5 +1,6 @@
 import { ComponentProps } from 'react';
 import { SaleCardVariants } from './types';
+import { SaleCardActions } from './SaleCardActions';
 /** * Props for the SaleCard component. */
 export interface SaleCardProps extends ComponentProps<'div'> {
     /** * The source URL of the image to be displayed. */
@@ -14,15 +15,6 @@ export interface SaleCardProps extends ComponentProps<'div'> {
     date: string;
     /** * The location of the sale. */
     location: string;
-    /** * The text to be displayed on the primary button. If not provided, the button will not be rendered. */
-    primaryButtonText?: string;
-    /** * The callback function to be executed when the primary button is clicked. Required if primaryButtonText is provided. */
-    primaryButtonOnClick?: () => void;
-    /** * The text to be displayed on the secondary button. If not provided, the button will not be rendered. */
-    secondaryButtonText?: string;
-    /** * The URL or callback function for the secondary button. Required if secondaryButtonText is provided. */
-    secondaryButtonHref?: string;
-    secondaryButtonOnClick?: () => void;
     /** * The text to be displayed as a badge. */
     badgeText?: string;
     /** * The text to be displayed for the modal link. */
@@ -34,6 +26,8 @@ export interface SaleCardProps extends ComponentProps<'div'> {
      * - 'relatedSaleTile': A variant with a smaller image size and horizontal layout on mobile devices.
      */
     variant?: SaleCardVariants;
+    /** * The <SaleCardActions /> component used to render the SaleCard CTAs. */
+    children?: React.ReactElement<typeof SaleCardActions>;
 }
 /**
  * ## Overview
@@ -42,7 +36,7 @@ export interface SaleCardProps extends ComponentProps<'div'> {
  *
  * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/Design-System--Responsive-Web?node-id=25028-2188&m=dev)
  *
- * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-salecard--overview)
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/patterns-salecard--overview)
  */
 declare const SaleCard: import('react').ForwardRefExoticComponent<Omit<SaleCardProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SaleCard;

package/dist/patterns/SaleCard/SaleCard.js

@@ -0,0 +1,58 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as E } from "react";
+import { getCommonProps as b } from "../../utils/index.js";
+import y from "../../node_modules/classnames/index.js";
+import { TextVariants as e } from "../../components/Text/types.js";
+import i from "../../components/Text/Text.js";
+import A from "../../components/SeldonImage/SeldonImage.js";
+import L from "../../components/Button/Button.js";
+import { ButtonVariants as T } from "../../components/Button/types.js";
+import { SSRMediaQuery as x } from "../../providers/SeldonProvider/utils.js";
+import { SaleCardVariants as d } from "./types.js";
+const I = E(
+  ({
+    className: p,
+    imageSrc: o,
+    imageAlt: _ = "Auction Image",
+    auctionType: f,
+    titleText: h,
+    date: N,
+    location: $,
+    badgeText: t,
+    modalButtonOnClick: l,
+    modalButtonText: n,
+    variant: s = d.DEFAULT,
+    children: g,
+    ...c
+  }, u) => {
+    const { className: a, ...v } = b(c, "SaleCard"), S = y(a, p, {
+      [`${a}--${s}`]: s
+    }), C = { ...v, ...c };
+    return /* @__PURE__ */ m("article", { ...C, className: S, ref: u, children: [
+      o ? /* @__PURE__ */ r(A, { src: o, alt: _, className: `${a}__image` }) : null,
+      /* @__PURE__ */ m("div", { className: `${a}__details`, children: [
+        /* @__PURE__ */ r(i, { variant: e.badge, className: `${a}__auction-type`, children: f }),
+        /* @__PURE__ */ r(i, { variant: e.title3, children: h }),
+        t && /* @__PURE__ */ r(i, { variant: e.badge, className: `${a}__badge`, children: t }),
+        /* @__PURE__ */ m("div", { className: `${a}__info`, children: [
+          /* @__PURE__ */ r(i, { variant: e.string2, children: $ }),
+          /* @__PURE__ */ r(i, { variant: e.string2, children: N }),
+          n && l && /* @__PURE__ */ r("div", { className: `${a}__modal-link`, children: /* @__PURE__ */ r(
+            L,
+            {
+              onClick: l,
+              variant: T.tertiary,
+              className: `${a}__modal-link-button`,
+              children: n
+            }
+          ) })
+        ] })
+      ] }),
+      s !== d.RELATED_SALE_TILE && /* @__PURE__ */ r(x.Media, { greaterThanOrEqual: "md", children: g })
+    ] });
+  }
+);
+I.displayName = "SaleCard";
+export {
+  I as default
+};

package/dist/patterns/SaleCard/SaleCardActions.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+export interface SaleCardActionsProps extends ComponentProps<'div'> {
+    /**
+     * The ctas to be rendered by <SaleCard />.
+     */
+    children?: React.ReactNode;
+}
+export declare const SaleCardActions: import('react').ForwardRefExoticComponent<Omit<SaleCardActionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default SaleCardActions;

package/dist/patterns/SaleCard/SaleCardActions.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { getCommonProps as t } from "../../utils/index.js";
+const c = e(({ children: a, ...o }) => {
+  const { className: s, ...r } = t(o, "SaleCardActions");
+  return /* @__PURE__ */ m("div", { className: `${s}__ctas`, ...r, children: a });
+});
+c.displayName = "SaleCardActions";
+export {
+  c as SaleCardActions,
+  c as default
+};

package/dist/{components → patterns}/SaleCard/index.d.ts

@@ -1,2 +1,3 @@
 export { default as SaleCard, type SaleCardProps } from './SaleCard';
+export { default as SaleCardActions, type SaleCardActionsProps } from './SaleCardActions';
 export { SaleCardVariants } from './types';

package/dist/scss/componentStyles.scss

@@ -68,6 +68,8 @@
 @use 'patterns/DetailList/detailList';
 @use 'patterns/AccountPageHeader/accountPageHeader';
 @use 'patterns/FavoritesCollectionTile/favoritesCollectionTile';
+@use 'patterns/SaleCard/saleCard';
+@use 'patterns/SaleCard/saleCardActions';
 
 // Site Furniture
 @use 'site-furniture/Header/header';
@@ -76,4 +78,3 @@
 @use 'components/Divider/divider';
 @use 'components/TextArea/textArea';
 @use 'components/AddToCalendar/addToCalendar';
-@use 'components/SaleCard/saleCard';

package/dist/scss/{components → patterns}/SaleCard/_saleCard.scss

@@ -48,15 +48,6 @@
     margin: 0 8px;
   }
 
-  &__cta {
-    align-items: flex-start;
-    display: flex;
-    flex-direction: column;
-    gap: $spacing-sm;
-    justify-content: center;
-    min-width: 200px;
-  }
-
   &__info {
     display: flex;
     flex-direction: column;

package/dist/scss/patterns/SaleCard/_saleCardActions.scss

@@ -0,0 +1,12 @@
+@use '../../allPartials' as *;
+
+.#{$px}-sale-card-actions {
+  &__ctas {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+    gap: $spacing-sm;
+    justify-content: center;
+    min-width: 200px;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.162.0",
+  "version": "1.164.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"

package/dist/components/SaleCard/SaleCard.js

@@ -1,85 +0,0 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { forwardRef as R } from "react";
-import { getCommonProps as V } from "../../utils/index.js";
-import $ from "../../node_modules/classnames/index.js";
-import { TextVariants as i } from "../Text/types.js";
-import e from "../Text/Text.js";
-import j from "../SeldonImage/SeldonImage.js";
-import n from "../Button/Button.js";
-import { ButtonVariants as m } from "../Button/types.js";
-import { SSRMediaQuery as D } from "../../providers/SeldonProvider/utils.js";
-import { SaleCardVariants as v } from "./types.js";
-const M = R(
-  ({
-    className: g,
-    imageSrc: c,
-    imageAlt: b = "Auction Image",
-    auctionType: C,
-    titleText: S,
-    date: E,
-    location: k,
-    primaryButtonText: o,
-    primaryButtonOnClick: d,
-    secondaryButtonText: _,
-    secondaryButtonHref: l,
-    secondaryButtonOnClick: u,
-    badgeText: h,
-    modalButtonOnClick: p,
-    modalButtonText: f,
-    variant: t = v.DEFAULT,
-    ...N
-  }, A) => {
-    const { className: a, ...L } = V(N, "SaleCard"), I = $(a, g, {
-      [`${a}--${t}`]: t
-    }), P = { ...L, ...N };
-    return /* @__PURE__ */ s("article", { ...P, className: I, ref: A, children: [
-      c ? /* @__PURE__ */ r(j, { src: c, alt: b, className: `${a}__image` }) : null,
-      /* @__PURE__ */ s("div", { className: `${a}__details`, children: [
-        /* @__PURE__ */ r(e, { variant: i.badge, className: `${a}__auction-type`, children: C }),
-        /* @__PURE__ */ r(e, { variant: i.title3, children: S }),
-        h && /* @__PURE__ */ r(e, { variant: i.badge, className: `${a}__badge`, children: h }),
-        /* @__PURE__ */ s("div", { className: `${a}__info`, children: [
-          /* @__PURE__ */ r(e, { variant: i.string2, children: k }),
-          /* @__PURE__ */ r(e, { variant: i.string2, children: E }),
-          f && p && /* @__PURE__ */ r("div", { className: `${a}__modal-link`, children: /* @__PURE__ */ r(
-            n,
-            {
-              onClick: p,
-              variant: m.tertiary,
-              className: `${a}__modal-link-button`,
-              children: f
-            }
-          ) })
-        ] })
-      ] }),
-      t !== v.RELATED_SALE_TILE && /* @__PURE__ */ r(D.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ s("div", { className: `${a}__cta`, children: [
-        o && d && /* @__PURE__ */ r(
-          n,
-          {
-            variant: m.primary,
-            onClick: d,
-            className: `${a}__cta-button`,
-            children: o
-          }
-        ),
-        _ && /* @__PURE__ */ r(
-          n,
-          {
-            variant: l ? m.tertiary : m.secondary,
-            href: l,
-            target: l ? "_blank" : void 0,
-            onClick: u,
-            className: $(`${a}__cta-button`, {
-              [`${a}__pdf-link`]: l
-            }),
-            children: _
-          }
-        )
-      ] }) })
-    ] });
-  }
-);
-M.displayName = "SaleCard";
-export {
-  M as default
-};