@phillips/seldon 1.92.0 → 1.94.0

package/dist/index.js

@@ -1,210 +1,221 @@
-import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as m, encodeURLSearchParams as p, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as m, findChildrenExcludingTypes as p, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as S } from "./assets/account_circle.svg.js";
-import { default as P } from "./assets/arrowPrev.svg.js";
-import { default as I } from "./assets/calendar.svg.js";
-import { default as T } from "./assets/chevronDown.svg.js";
-import { default as A } from "./assets/chevronNext.svg.js";
-import { default as v } from "./assets/chevronRight.svg.js";
-import { default as y } from "./assets/close.svg.js";
-import { default as D } from "./assets/favoriteOutline.svg.js";
-import { default as H } from "./assets/icon-footer-facebook.svg.js";
-import { default as F } from "./assets/icon-footer-instagram.svg.js";
-import { default as U } from "./assets/icon-footer-linkedin.svg.js";
-import { default as O } from "./assets/icon-footer-red.svg.js";
-import { default as E } from "./assets/icon-footer-wechat.svg.js";
-import { default as Y } from "./assets/instagram.svg.js";
-import { default as Z } from "./assets/lock.svg.js";
-import { default as q } from "./assets/minus.svg.js";
-import { default as K } from "./assets/PhillipsLogo.svg.js";
-import { default as _ } from "./assets/plus.svg.js";
-import { default as ee } from "./assets/react.svg.js";
+import { default as L } from "./assets/arrowPrev.svg.js";
+import { default as b } from "./assets/calendar.svg.js";
+import { default as T } from "./assets/calendarAlt.svg.js";
+import { default as k } from "./assets/chevronDown.svg.js";
+import { default as B } from "./assets/chevronNext.svg.js";
+import { default as w } from "./assets/chevronRight.svg.js";
+import { default as D } from "./assets/close.svg.js";
+import { default as F } from "./assets/favorite.svg.js";
+import { default as M } from "./assets/favoriteOutline.svg.js";
+import { default as O } from "./assets/icon-footer-facebook.svg.js";
+import { default as G } from "./assets/icon-footer-instagram.svg.js";
+import { default as E } from "./assets/icon-footer-linkedin.svg.js";
+import { default as Y } from "./assets/icon-footer-red.svg.js";
+import { default as z } from "./assets/icon-footer-wechat.svg.js";
+import { default as q } from "./assets/instagram.svg.js";
+import { default as K } from "./assets/lock.svg.js";
+import { default as _ } from "./assets/minus.svg.js";
+import { default as ee } from "./assets/PhillipsLogo.svg.js";
+import { default as te } from "./assets/plus.svg.js";
+import { default as ae } from "./assets/react.svg.js";
 import "react";
-import { default as te } from "./assets/share.svg.js";
-import { default as ae } from "./assets/spotify.svg.js";
-import { default as se } from "./assets/wechat.svg.js";
-import { default as me } from "./assets/youtube.svg.js";
-import { default as de } from "./pages/Page.js";
-import { usePendingState as xe } from "./utils/hooks.js";
-import { SSRMediaQuery as ie, ssrMediaQueryStyle as ge } from "./providers/SeldonProvider/utils.js";
-import { default as Ce } from "./components/Button/Button.js";
-import { ButtonVariants as Le } from "./components/Button/types.js";
-import { default as he } from "./components/IconButton/IconButton.js";
-import { default as be } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as ke } from "./site-furniture/Footer/Footer.js";
-import { Grid as Ve } from "./components/Grid/Grid.js";
-import { default as we } from "./site-furniture/Header/Header.js";
-import { default as Be } from "./components/Navigation/Navigation.js";
-import { default as Ne } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Re } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as Me } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as Ge } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as We } from "./components/Input/Input.js";
-import { default as Qe } from "./components/Link/Link.js";
-import { LinkVariants as ze } from "./components/Link/types.js";
-import { default as je } from "./components/LinkBlock/LinkBlock.js";
-import { default as Je } from "./components/LinkList/LinkList.js";
-import { default as Xe } from "./components/Row/Row.js";
-import { default as $e } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as oo } from "./components/GridItem/types.js";
-import { default as ro } from "./components/Search/Search.js";
-import { default as fo } from "./components/Select/Select.js";
-import { default as lo } from "./components/SplitPanel/SplitPanel.js";
-import { default as po } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as xo } from "./patterns/Subscribe/types.js";
-import { default as io } from "./patterns/Social/Social.js";
-import { default as co } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as So } from "./components/Modal/Modal.js";
-import { default as Po } from "./components/Drawer/Drawer.js";
-import { default as Io } from "./components/Pagination/Pagination.js";
-import { default as To } from "./components/Tags/Tags.js";
-import { default as Ao } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as vo } from "./components/Text/types.js";
-import { default as yo } from "./components/Text/Text.js";
-import { TextSymbolVariants as Do } from "./components/TextSymbol/types.js";
-import { default as Ho } from "./components/TextSymbol/TextSymbol.js";
-import { default as Fo } from "./components/Accordion/Accordion.js";
-import { default as Uo } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as Oo, AccordionVariants as Wo } from "./components/Accordion/types.js";
-import { default as Qo } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as zo } from "./patterns/UserManagement/types.js";
-import { SupportedLanguages as jo } from "./types/commonTypes.js";
-import { default as Jo } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as se } from "./assets/share.svg.js";
+import { default as de } from "./assets/spotify.svg.js";
+import { default as pe } from "./assets/wechat.svg.js";
+import { default as xe } from "./assets/youtube.svg.js";
+import { default as ie } from "./pages/Page.js";
+import { usePendingState as ce } from "./utils/hooks.js";
+import { SSRMediaQuery as Se, ssrMediaQueryStyle as he } from "./providers/SeldonProvider/utils.js";
+import { AuctionStatus as Pe, SupportedLanguages as be } from "./types/commonTypes.js";
+import { default as Te } from "./components/Button/Button.js";
+import { ButtonVariants as ke } from "./components/Button/types.js";
+import { default as Be } from "./components/IconButton/IconButton.js";
+import { default as we } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as De } from "./site-furniture/Footer/Footer.js";
+import { Grid as Fe } from "./components/Grid/Grid.js";
+import { default as Me } from "./site-furniture/Header/Header.js";
+import { default as Oe } from "./components/Navigation/Navigation.js";
+import { default as Ge } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as Ee } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as Ye } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as ze } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as qe } from "./components/Input/Input.js";
+import { default as Ke } from "./components/Link/Link.js";
+import { LinkVariants as _e } from "./components/Link/types.js";
+import { default as eo } from "./components/LinkBlock/LinkBlock.js";
+import { default as to } from "./components/LinkList/LinkList.js";
+import { default as ao } from "./components/Row/Row.js";
+import { default as so } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as mo } from "./components/GridItem/types.js";
+import { default as uo } from "./components/Search/Search.js";
+import { default as no } from "./components/Select/Select.js";
+import { default as go } from "./components/SplitPanel/SplitPanel.js";
+import { default as Co } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as ho } from "./patterns/Subscribe/types.js";
+import { default as Po } from "./patterns/Social/Social.js";
+import { default as Io } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as Ao } from "./components/Modal/Modal.js";
+import { default as vo } from "./components/Drawer/Drawer.js";
+import { default as Vo } from "./components/Pagination/Pagination.js";
+import { default as yo } from "./components/Tags/Tags.js";
+import { default as No } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Ho } from "./components/Text/types.js";
+import { default as Ro } from "./components/Text/Text.js";
+import { TextSymbolVariants as Uo } from "./components/TextSymbol/types.js";
+import { default as Wo } from "./components/TextSymbol/TextSymbol.js";
+import { default as Qo } from "./components/Accordion/Accordion.js";
+import { default as jo } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as Zo, AccordionVariants as qo } from "./components/Accordion/types.js";
+import { default as Ko } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as _o } from "./patterns/UserManagement/types.js";
+import { default as et } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as Xo } from "./components/Dropdown/Dropdown.js";
-import { default as $o } from "./components/Video/Video.js";
-import { default as ot } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as rt } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as ft } from "./components/ContentPeek/utils.js";
-import { default as lt } from "./components/Collapsible/Collapsible.js";
-import { default as pt } from "./components/Collapsible/CollapsibleContent.js";
-import { default as ut } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as nt } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as gt } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Ct } from "./components/Carousel/Carousel.js";
-import { default as Lt } from "./components/Carousel/CarouselContent.js";
-import { default as ht } from "./components/Carousel/CarouselItem.js";
-import { default as bt } from "./components/Carousel/CarouselDots.js";
-import { default as kt } from "./components/Detail/Detail.js";
-import { default as Vt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as wt } from "./patterns/DetailList/types.js";
-import { default as Bt } from "./components/PinchZoom/PinchZoom.js";
-import { default as Nt } from "./components/Tabs/TabsContainer.js";
-import { default as Rt } from "./components/Tabs/TabsContent.js";
-import { default as Mt } from "./components/SeldonImage/SeldonImage.js";
-import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Wt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { AuctionState as Qt } from "./patterns/SaleHeaderBanner/types.js";
-import { default as zt } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as jt } from "./components/Countdown/types.js";
+import { default as tt } from "./components/Dropdown/Dropdown.js";
+import { default as at } from "./components/Video/Video.js";
+import { default as st } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as dt } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as pt } from "./components/ContentPeek/utils.js";
+import { default as xt } from "./components/Collapsible/Collapsible.js";
+import { default as it } from "./components/Collapsible/CollapsibleContent.js";
+import { default as ct } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as St } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as Lt } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as bt } from "./components/Carousel/Carousel.js";
+import { default as Tt } from "./components/Carousel/CarouselContent.js";
+import { default as kt } from "./components/Carousel/CarouselItem.js";
+import { default as Bt } from "./components/Carousel/CarouselDots.js";
+import { default as wt } from "./components/Detail/Detail.js";
+import { default as Dt } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Ft } from "./patterns/DetailList/types.js";
+import { default as Mt } from "./components/PinchZoom/PinchZoom.js";
+import { default as Ot } from "./components/Tabs/TabsContainer.js";
+import { default as Gt } from "./components/Tabs/TabsContent.js";
+import { default as Et } from "./components/SeldonImage/SeldonImage.js";
+import { default as Yt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as zt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { AuctionState as qt } from "./patterns/SaleHeaderBanner/types.js";
+import { default as Kt } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as _t } from "./components/Countdown/types.js";
+import { default as er } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as tr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as ar } from "./patterns/BidSnapshot/BidMessage.js";
 export {
-  Fo as Accordion,
-  Uo as AccordionItem,
-  Oo as AccordionItemVariant,
-  Wo as AccordionVariants,
+  Qo as Accordion,
+  jo as AccordionItem,
+  Zo as AccordionItemVariant,
+  qo as AccordionVariants,
   S as AccountCircle,
-  P as ArrowPrev,
-  Qt as AuctionState,
-  zo as AuthState,
-  Jo as Breadcrumb,
-  Ce as Button,
-  Le as ButtonVariants,
-  I as Calendar,
-  Ct as Carousel,
-  Lt as CarouselContent,
-  bt as CarouselDots,
-  ht as CarouselItem,
-  T as ChevronDown,
-  A as ChevronNext,
-  v as ChevronRight,
-  y as Close,
-  lt as Collapsible,
-  pt as CollapsibleContent,
-  ut as CollapsibleTrigger,
-  rt as ContentPeek,
-  ft as ContentPeekHeightUnits,
-  zt as Countdown,
-  jt as CountdownVariants,
-  kt as Detail,
-  Vt as DetailList,
-  wt as DetailListAlignment,
-  Po as Drawer,
-  Xo as Dropdown,
-  be as ErrorBoundary,
-  H as Facebook,
-  D as FavoriteOutline,
-  ke as Footer,
-  F as FooterInstagram,
-  E as FooterWeChat,
-  Ve as Grid,
-  $e as GridItem,
-  oo as GridItemAlign,
-  we as Header,
-  Ge as HeroBanner,
-  he as IconButton,
-  We as Input,
-  Y as Instagram,
-  ot as LanguageSelector,
-  Qe as Link,
-  je as LinkBlock,
-  Je as LinkList,
-  ze as LinkVariants,
-  U as LinkedIn,
-  Z as Lock,
-  q as Minus,
-  So as Modal,
-  Be as Navigation,
-  Ne as NavigationItem,
-  Re as NavigationItemTrigger,
-  Me as NavigationList,
+  L as ArrowPrev,
+  qt as AuctionState,
+  Pe as AuctionStatus,
+  _o as AuthState,
+  ar as BidMessage,
+  tr as BidSnapshot,
+  et as Breadcrumb,
+  Te as Button,
+  ke as ButtonVariants,
+  b as Calendar,
+  T as CalendarAlt,
+  bt as Carousel,
+  Tt as CarouselContent,
+  Bt as CarouselDots,
+  kt as CarouselItem,
+  k as ChevronDown,
+  B as ChevronNext,
+  w as ChevronRight,
+  D as Close,
+  xt as Collapsible,
+  it as CollapsibleContent,
+  ct as CollapsibleTrigger,
+  dt as ContentPeek,
+  pt as ContentPeekHeightUnits,
+  Kt as Countdown,
+  _t as CountdownVariants,
+  wt as Detail,
+  Dt as DetailList,
+  Ft as DetailListAlignment,
+  vo as Drawer,
+  tt as Dropdown,
+  we as ErrorBoundary,
+  O as Facebook,
+  F as Favorite,
+  M as FavoriteOutline,
+  De as Footer,
+  G as FooterInstagram,
+  z as FooterWeChat,
+  Fe as Grid,
+  so as GridItem,
+  mo as GridItemAlign,
+  Me as Header,
+  ze as HeroBanner,
+  Be as IconButton,
+  qe as Input,
+  q as Instagram,
+  st as LanguageSelector,
+  Ke as Link,
+  eo as LinkBlock,
+  to as LinkList,
+  _e as LinkVariants,
+  E as LinkedIn,
+  K as Lock,
+  _ as Minus,
+  Ao as Modal,
+  Oe as Navigation,
+  Ge as NavigationItem,
+  Ee as NavigationItemTrigger,
+  Ye as NavigationList,
+  er as ObjectTile,
   f as PaddingTokens,
-  de as Page,
-  gt as PageContentWrapper,
-  Io as Pagination,
-  K as PhillipsLogo,
-  Bt as PinchZoom,
-  _ as Plus,
-  ee as React,
-  O as Reddit,
-  Xe as Row,
-  ie as SSRMediaQuery,
-  Gt as SaleHeaderBanner,
-  Wt as SaleHeaderBrowseAuctions,
-  ro as Search,
-  Mt as SeldonImage,
-  nt as SeldonProvider,
-  fo as Select,
-  te as Share,
-  io as Social,
+  ie as Page,
+  Lt as PageContentWrapper,
+  Vo as Pagination,
+  ee as PhillipsLogo,
+  Mt as PinchZoom,
+  te as Plus,
+  ae as React,
+  Y as Reddit,
+  ao as Row,
+  Se as SSRMediaQuery,
+  Yt as SaleHeaderBanner,
+  zt as SaleHeaderBrowseAuctions,
+  uo as Search,
+  Et as SeldonImage,
+  St as SeldonProvider,
+  no as Select,
+  se as Share,
+  Po as Social,
   s as SpacingTokens,
-  lo as SplitPanel,
-  ae as Spotify,
-  Ao as StatefulViewingsList,
-  po as Subscribe,
-  xo as SubscriptionState,
-  jo as SupportedLanguages,
-  Nt as TabsContainer,
-  Rt as TabsContent,
-  To as TagsList,
-  yo as Text,
-  Do as TextSymbolVariants,
-  Ho as TextSymbols,
-  vo as TextVariants,
-  Qo as UserManagement,
-  $o as Video,
-  co as ViewingsList,
-  se as WeChat,
-  me as Youtube,
+  go as SplitPanel,
+  de as Spotify,
+  No as StatefulViewingsList,
+  Co as Subscribe,
+  ho as SubscriptionState,
+  be as SupportedLanguages,
+  Ot as TabsContainer,
+  Gt as TabsContent,
+  yo as TagsList,
+  Ro as Text,
+  Uo as TextSymbolVariants,
+  Wo as TextSymbols,
+  Ho as TextVariants,
+  Ko as UserManagement,
+  at as Video,
+  Io as ViewingsList,
+  pe as WeChat,
+  xe as Youtube,
   l as defaultYear,
-  m as emailValidation,
-  p as encodeURLSearchParams,
-  d as findChildrenExcludingTypes,
+  d as emailValidation,
+  m as encodeURLSearchParams,
+  p as findChildrenExcludingTypes,
   u as findChildrenOfType,
   x as generatePaddingClassName,
   n as getCommonProps,
   i as noOp,
   g as px,
-  ge as ssrMediaQueryStyle,
+  he as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
-  xe as usePendingState
+  ce as usePendingState
 };

package/dist/patterns/BidSnapshot/BidMessage.d.ts

@@ -0,0 +1,27 @@
+import { ComponentProps } from 'react';
+import { BidMessageVariants } from './types';
+export interface BidMessageProps extends ComponentProps<'p'> {
+    /**
+     * Message to display
+     */
+    message: string;
+    /**
+     * show the message icon
+     */
+    hasIcon?: boolean;
+    /**
+     * Variant type - positive | negative
+     */
+    variant?: BidMessageVariants;
+}
+/**
+ * ## Overview
+ *
+ * Overview of this widget
+ *
+ * [Figma Link](Add Figma URL here)
+ *
+ * [Storybook Link](Point back to yourself here)
+ */
+declare const BidMessage: ({ className, hasIcon, message, variant, ...props }: BidMessageProps) => import("react/jsx-runtime").JSX.Element;
+export default BidMessage;

package/dist/patterns/BidSnapshot/BidMessage.js

@@ -0,0 +1,22 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import p from "../../node_modules/classnames/index.js";
+import { getCommonProps as d } from "../../utils/index.js";
+import { TextVariants as f } from "../../components/Text/types.js";
+import g from "../../components/Text/Text.js";
+import { BidMessageVariants as e } from "./types.js";
+const B = ({
+  className: r,
+  hasIcon: i = !0,
+  message: m,
+  variant: t = e.positive,
+  ...a
+}) => {
+  const { className: s, ...n } = d(a, "BidMessage"), c = t === e.positive ? /* @__PURE__ */ o("span", { className: `${s}__icon`, children: "🟢" }) : /* @__PURE__ */ o("span", { className: `${s}__icon`, children: "🔴" });
+  return /* @__PURE__ */ l(g, { ...n, className: p(s, r), ...a, variant: f.string2, children: [
+    i ? c : null,
+    m
+  ] });
+};
+export {
+  B as default
+};

package/dist/patterns/BidSnapshot/BidMessage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/patterns/BidSnapshot/BidSnapshot.d.ts

@@ -0,0 +1,67 @@
+import { ComponentProps } from 'react';
+import { AuctionStatus, SupportedLanguages } from '../../types/commonTypes';
+export interface BidSnapshotProps extends ComponentProps<'div'> {
+    /**
+     * Active bid of current signed in user. -  '$1,000'
+     */
+    activeBid?: string;
+    /**
+     * State of the object
+     */
+    auctionStatus?: AuctionStatus;
+    /**
+     * An array of bids for the Object. Should include current bid as last element
+     */
+    bids?: string[];
+    /**
+     * Bids label text, a fucntion for label of bids amoutn (2 bids, 3 bids, etc) where the number is the length of the bids array.
+     */
+    bidsLabelText?: (numberOfBids: number) => string;
+    /**
+     * Current bid text, a string for label of current bid detail
+     */
+    currentBidText?: string;
+    /**
+     * Closing label text, for countdown timer
+     */
+    closingText?: string;
+    /**
+     * Function to modify strings coming from date-fns (Minutes -> Mins etc)
+     */
+    formatDurationStr?: (duration: string) => string;
+    /**
+     * Language selection for the application
+     */
+    lang?: keyof typeof SupportedLanguages;
+    /**
+     * End time for this object
+     */
+    lotCloseDate?: Date;
+    /**
+     * Default Starting bid amount for the object - '$1,000'
+     */
+    startingBid: string;
+    /**
+     * Starting bid text, a string for label of starting bid detail
+     */
+    startingBidText?: string;
+    /**
+     * Sold for label text, a string for label of sold for detail
+     */
+    soldForText?: string;
+    /**
+     * Won for label text, a string for label of won for detail
+     */
+    wonForText?: string;
+}
+/**
+ * ## Overview
+ *
+ * Overview of this widget
+ *
+ * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=16780-34969&node-type=instance&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app//?path=/docs/patterns-bidsnapshot--overview)
+ */
+declare const BidSnapshot: import('react').ForwardRefExoticComponent<Omit<BidSnapshotProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default BidSnapshot;

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -0,0 +1,61 @@
+import { jsxs as j, jsx as l } from "react/jsx-runtime";
+import { forwardRef as D } from "react";
+import R from "../../node_modules/classnames/index.js";
+import { getCommonProps as W } from "../../utils/index.js";
+import _ from "../DetailList/DetailList.js";
+import A from "../../components/Detail/Detail.js";
+import { AuctionStatus as t, SupportedLanguages as V } from "../../types/commonTypes.js";
+import k from "../../components/Countdown/Countdown.js";
+import { CountdownVariants as q } from "../../components/Countdown/types.js";
+const z = (s) => s === 1 ? `${s} bid` : `${s} bids`, E = D(
+  ({
+    activeBid: s,
+    auctionStatus: n = t.ready,
+    bids: a = [],
+    bidsLabelText: f = z,
+    children: h,
+    className: u,
+    closingText: g = "Closes in",
+    currentBidText: C = "Current bid",
+    formatDurationStr: S = (o) => o.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
+    lang: $ = "en",
+    lotCloseDate: m,
+    startingBid: b,
+    startingBidText: v = "Starting bid",
+    soldForText: N = "Sold for",
+    wonForText: w = "Won for",
+    ...c
+  }, x) => {
+    const { className: o, ...y } = W(c, "BidSnapshot"), e = a.length > 0, p = e && a[a.length - 1], L = s === p, d = n === t.ready, r = n === t.live, T = n === t.past, B = r && m, P = R(o, u, {
+      [`${o}--live`]: r,
+      [`${o}--has-bids`]: e
+    });
+    let i = C;
+    return (d || !e) && (i = v), T && e && (i = L ? w : N), /* @__PURE__ */ j("div", { ...y, ...c, ref: x, className: P, children: [
+      /* @__PURE__ */ l(_, { hasSeparators: !0, className: `${o}__text`, children: /* @__PURE__ */ l(
+        A,
+        {
+          label: i,
+          subLabel: r && a.length > 0 && `(${f(a.length)})`,
+          value: p || b,
+          hasWrap: !1
+        }
+      ) }),
+      s && !d ? h : null,
+      B ? /* @__PURE__ */ l(
+        k,
+        {
+          endDateTime: m,
+          label: g,
+          variant: q.compact,
+          locale: V[$],
+          formatDurationStr: S
+        }
+      ) : null
+    ] });
+  }
+);
+E.displayName = "BidSnapshot";
+export {
+  E as default
+};

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

@@ -0,0 +1,27 @@
+import { BidSnapshotProps } from './BidSnapshot';
+import { AuctionStatus } from '../../types/commonTypes';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<BidSnapshotProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        auctionStatus: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+};
+export default meta;
+export declare const Playground: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        activeBid: string;
+        auctionStatus: AuctionStatus;
+        bids: string[];
+        lotCloseDate: Date;
+        lang: import('date-fns').Locale;
+        startingBid: string;
+    };
+    argTypes: {};
+};

package/dist/patterns/BidSnapshot/BidSnapshot.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/patterns/BidSnapshot/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BidSnapshot, type BidSnapshotProps } from './BidSnapshot';
+export { default as BidMessage } from './BidMessage';