@phillips/seldon 1.148.0 → 1.149.1

package/dist/assets/pictograms/formatted/Timer.js

@@ -0,0 +1,39 @@
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { memo as n, forwardRef as a } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const w = n(
+  a((i, r) => {
+    const { color: e, height: d, width: h, title: t, titleId: s } = i, o = s || f(t || "");
+    return /* @__PURE__ */ m(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: d,
+        width: h,
+        role: "img",
+        ref: r,
+        "aria-labelledby": o,
+        ...i,
+        children: [
+          t ? /* @__PURE__ */ l("title", { id: o, children: t }) : null,
+          /* @__PURE__ */ l("path", { fill: e, d: "M33.5 23h-3v9H29v6h6v-1.5h13v-3H35V32h-1.5z" }),
+          /* @__PURE__ */ l(
+            "path",
+            {
+              fill: e,
+              fillRule: "evenodd",
+              d: "M57 35c0 13.807-11.193 25-25 25S7 48.807 7 35s11.193-25 25-25 25 11.193 25 25m-3 0c0 12.15-9.85 22-22 22s-22-9.85-22-22 9.85-22 22-22 22 9.85 22 22",
+              clipRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ l("path", { fill: e, d: "M25 4h14v3h-5.5v1.667h-3V7H25zM16.364 13.121 14.243 11 10 15.243l2.121 2.121z" })
+        ]
+      }
+    );
+  })
+);
+export {
+  w as default
+};

package/dist/assets/pictograms/formatted/Verification.d.ts

@@ -0,0 +1,9 @@
+interface VerificationProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Verification: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<VerificationProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Verification;

package/dist/assets/pictograms/formatted/Verification.js

@@ -0,0 +1,39 @@
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { memo as f, forwardRef as v } from "react";
+import { kebabCase as m } from "../../../node_modules/change-case/dist/index.js";
+const u = f(
+  v((t, d) => {
+    const { color: e, height: r, width: h, title: i, titleId: n } = t, o = n || m(i || "");
+    return /* @__PURE__ */ a(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: r,
+        width: h,
+        role: "img",
+        ref: d,
+        "aria-labelledby": o,
+        ...t,
+        children: [
+          i ? /* @__PURE__ */ l("title", { id: o, children: i }) : null,
+          /* @__PURE__ */ l("path", { fill: e, fillRule: "evenodd", d: "M10 29V17h12v12zm3-9h6v6h-6z", clipRule: "evenodd" }),
+          /* @__PURE__ */ l("path", { fill: e, d: "M26 18h19v3H26zM26 24h19v3H26zM55.121 37.5 46 46.621 40.879 41.5 43 39.379l3 3 7-7z" }),
+          /* @__PURE__ */ l(
+            "path",
+            {
+              fill: e,
+              fillRule: "evenodd",
+              d: "M4 43h32.166c.952 5.675 5.888 10 11.834 10 6.627 0 12-5.373 12-12 0-4.843-2.869-9.016-7-10.912V11H4zm46-13.834V14H7v20h31.252c2.178-3.028 5.733-5 9.748-5q1.023.001 2 .166M36.683 37H7v3h29.041a12 12 0 0 1 .642-3M48 50a9 9 0 1 0 0-18 9 9 0 0 0 0 18",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  u as default
+};

package/dist/assets/pictograms/formatted/index.d.ts

@@ -0,0 +1,14 @@
+export { default as Chat } from './Chat';
+export { default as CreditCard } from './CreditCard';
+export { default as Form } from './Form';
+export { default as Live } from './Live';
+export { default as MobilePhone } from './MobilePhone';
+export { default as Notification } from './Notification';
+export { default as Phone } from './Phone';
+export { default as Photos } from './Photos';
+export { default as Search } from './Search';
+export { default as Shipping } from './Shipping';
+export { default as Sign } from './Sign';
+export { default as Submit } from './Submit';
+export { default as Timer } from './Timer';
+export { default as Verification } from './Verification';

package/dist/assets/pictograms/formatted/index.js

@@ -0,0 +1,30 @@
+import { default as t } from "./Chat.js";
+import { default as a } from "./CreditCard.js";
+import { default as m } from "./Form.js";
+import { default as p } from "./Live.js";
+import { default as s } from "./MobilePhone.js";
+import { default as i } from "./Notification.js";
+import { default as h } from "./Phone.js";
+import { default as S } from "./Photos.js";
+import { default as C } from "./Search.js";
+import { default as b } from "./Shipping.js";
+import { default as v } from "./Sign.js";
+import { default as L } from "./Submit.js";
+import { default as N } from "./Timer.js";
+import { default as V } from "./Verification.js";
+export {
+  t as Chat,
+  a as CreditCard,
+  m as Form,
+  p as Live,
+  s as MobilePhone,
+  i as Notification,
+  h as Phone,
+  S as Photos,
+  C as Search,
+  b as Shipping,
+  v as Sign,
+  L as Submit,
+  N as Timer,
+  V as Verification
+};

package/dist/components/Countdown/Countdown.d.ts

@@ -31,9 +31,9 @@ export interface CountdownProps extends ComponentProps<'div'> {
      */
     variant?: CountdownVariants;
     /**
-     * The current date time (defaults to new Date())
+     * Function to get the current date time
      */
-    currentDateTime?: Date;
+    getCurrentDateTime?: () => Date | null;
 }
 /**
  * ## Overview

package/dist/components/Countdown/Countdown.js

@@ -1,69 +1,72 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { forwardRef as j, useState as z, useEffect as E, useMemo as F } from "react";
-import { getCommonProps as H } from "../../utils/index.js";
-import R from "../../node_modules/classnames/index.js";
-import { SupportedLanguages as S } from "../../types/commonTypes.js";
-import { CountdownVariants as i } from "./types.js";
-import { Duration as a } from "./Duration.js";
-import { zhCN as U } from "../../node_modules/date-fns/locale/zh-CN.js";
-import { enUS as V } from "../../node_modules/date-fns/locale/en-US.js";
-import { differenceInDays as p } from "../../node_modules/date-fns/differenceInDays.js";
-import { differenceInHours as h } from "../../node_modules/date-fns/differenceInHours.js";
-import { differenceInMinutes as w } from "../../node_modules/date-fns/differenceInMinutes.js";
-import { differenceInSeconds as C } from "../../node_modules/date-fns/differenceInSeconds.js";
-import { differenceInMilliseconds as k } from "../../node_modules/date-fns/differenceInMilliseconds.js";
-const q = j(
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { forwardRef as M, useState as j, useEffect as z, useMemo as P } from "react";
+import { getCommonProps as E } from "../../utils/index.js";
+import F from "../../node_modules/classnames/index.js";
+import { SupportedLanguages as H } from "../../types/commonTypes.js";
+import { CountdownVariants as m } from "./types.js";
+import { Duration as i } from "./Duration.js";
+import { zhCN as R } from "../../node_modules/date-fns/locale/zh-CN.js";
+import { enUS as S } from "../../node_modules/date-fns/locale/en-US.js";
+import { differenceInDays as h } from "../../node_modules/date-fns/differenceInDays.js";
+import { differenceInHours as w } from "../../node_modules/date-fns/differenceInHours.js";
+import { differenceInMinutes as y } from "../../node_modules/date-fns/differenceInMinutes.js";
+import { differenceInSeconds as I } from "../../node_modules/date-fns/differenceInSeconds.js";
+import { differenceInMilliseconds as U } from "../../node_modules/date-fns/differenceInMilliseconds.js";
+const V = M(
   ({
     endDateTime: o,
-    formatDurationStr: t,
-    label: m = "Lots Close in",
-    intervalDescription: g,
-    className: y,
-    locale: I = "en",
-    showBottomBorder: N = !0,
-    variant: u = i.default,
-    currentDateTime: l = /* @__PURE__ */ new Date(),
-    ...f
-  }, $) => {
-    const { className: r, ...b } = H(f, "Countdown"), [n, L] = z(l), c = I === S.zh ? U : V, s = {
-      days: p(o, n) > 0 ? p(o, n) : 0,
-      hours: h(o, n) > 0 ? h(o, n) % 24 : 0,
-      minutes: w(o, n) > 0 ? w(o, n) % 60 : 0,
-      seconds: (C(o, n) > 0 ? C(o, n) % 60 : 0) % 60
+    formatDurationStr: l,
+    label: u = "Lots Close in",
+    intervalDescription: N,
+    className: C,
+    locale: $ = "en",
+    showBottomBorder: b = !0,
+    variant: f = m.default,
+    getCurrentDateTime: t = () => /* @__PURE__ */ new Date(),
+    ...d
+  }, g) => {
+    const { className: r, ...L } = E(d, "Countdown"), [n, _] = j(t() || /* @__PURE__ */ new Date()), c = $ === H.zh ? R : S, s = {
+      days: h(o, n) > 0 ? h(o, n) : 0,
+      hours: w(o, n) > 0 ? w(o, n) % 24 : 0,
+      minutes: y(o, n) > 0 ? y(o, n) % 60 : 0,
+      seconds: (I(o, n) > 0 ? I(o, n) % 60 : 0) % 60
     };
-    E(() => {
-      const x = setInterval(() => {
-        L((M) => new Date(M.getTime() + 1e3));
+    z(() => {
+      const a = setInterval(() => {
+        _(t() || /* @__PURE__ */ new Date());
       }, 1e3);
-      return () => clearInterval(x);
-    }, [o, l]);
-    const _ = F(() => new Date(o).getTime() > l.getTime(), [o, l]), v = k(o, n) <= 3 * 60 * 1e3;
-    return _ ? /* @__PURE__ */ d(
+      return () => clearInterval(a);
+    }, [o, t]);
+    const v = P(() => {
+      const a = t();
+      return !!a && new Date(o).getTime() > a.getTime();
+    }, [o, t]), x = U(o, n) <= 3 * 60 * 1e3;
+    return v ? /* @__PURE__ */ p(
       "div",
       {
-        ...b,
-        className: R(r, y, {
-          [`${r}--compact`]: u === i.compact,
-          [`${r}--show-bottom-border`]: N,
-          [`${r}--closing-lot`]: v
+        ...L,
+        className: F(r, C, {
+          [`${r}--compact`]: f === m.compact,
+          [`${r}--show-bottom-border`]: b,
+          [`${r}--closing-lot`]: x
         }),
-        ...f,
-        ref: $,
+        ...d,
+        ref: g,
         children: [
-          /* @__PURE__ */ d("div", { className: `${r}__countdown-container`, role: "timer", "aria-label": m, children: [
-            /* @__PURE__ */ e("span", { className: `${r}__label`, children: m }),
-            s.days > 0 ? /* @__PURE__ */ e(a, { duration: s, unit: "days", locale: c, formatDurationStr: t }) : null,
-            s.days > 0 || s.hours > 0 ? /* @__PURE__ */ e(a, { duration: s, unit: "hours", locale: c, formatDurationStr: t }) : null,
-            s.days === 0 ? /* @__PURE__ */ e(a, { duration: s, unit: "minutes", locale: c, formatDurationStr: t }) : null,
-            s.days === 0 && s.hours === 0 ? /* @__PURE__ */ e(a, { duration: s, unit: "seconds", locale: c, formatDurationStr: t }) : null
+          /* @__PURE__ */ p("div", { className: `${r}__countdown-container`, role: "timer", "aria-label": u, children: [
+            /* @__PURE__ */ e("span", { className: `${r}__label`, children: u }),
+            s.days > 0 ? /* @__PURE__ */ e(i, { duration: s, unit: "days", locale: c, formatDurationStr: l }) : null,
+            s.days > 0 || s.hours > 0 ? /* @__PURE__ */ e(i, { duration: s, unit: "hours", locale: c, formatDurationStr: l }) : null,
+            s.days === 0 ? /* @__PURE__ */ e(i, { duration: s, unit: "minutes", locale: c, formatDurationStr: l }) : null,
+            s.days === 0 && s.hours === 0 ? /* @__PURE__ */ e(i, { duration: s, unit: "seconds", locale: c, formatDurationStr: l }) : null
           ] }),
-          u === i.default ? /* @__PURE__ */ e("span", { children: g }) : null
+          f === m.default ? /* @__PURE__ */ e("span", { children: N }) : null
         ]
       }
     ) : null;
   }
 );
-q.displayName = "Countdown";
+V.displayName = "Countdown";
 export {
-  q as default
+  V as default
 };

package/dist/components/Countdown/Countdown.stories.d.ts

@@ -16,6 +16,9 @@ export declare const Playground: {
             type: string;
             options: CountdownVariants[];
         };
+        endDateTime: {
+            control: string;
+        };
     };
 };
 export declare const Days: (props: CountdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/Icon.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 import * as iconComponents from '../../assets/formatted';
+import * as pictogramComponents from '../../assets/pictograms/formatted';
 export type IconName = keyof typeof iconComponents;
+export type PictogramName = keyof typeof pictogramComponents;
 export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Height of the icon in px (number) or as a string with units (e.g. '1em')
@@ -17,7 +19,11 @@ export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Name of Icon to render
      */
-    icon: IconName;
+    icon: IconName | PictogramName;
+    /**
+     * Tells the Icon component that the icon prop refers to the name of a pictogram. This is only needed when rendering a pictogram that has the same name of an existing icon.
+     */
+    isPictogram?: boolean;
 }
 /**
  * ## Overview

package/dist/components/Icon/Icon.js

@@ -1,21 +1,22 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import d from "../../node_modules/classnames/index.js";
-import { getCommonProps as u, px as x } from "../../utils/index.js";
-import { getScssVar as C } from "../../utils/scssUtils.js";
-import * as N from "../../assets/formatted/index.js";
-const I = i(
-  ({ className: e, height: r, width: m, color: o, icon: s, ...t }, c) => {
-    const { className: p, ...l } = u(t, `Icon-${s}`), n = N[s], f = {
-      color: o === "currentColor" ? o : C(o ?? "", "$pure-black"),
-      ...r ? { height: r } : {},
-      ...m ? { width: m } : {},
-      ...l
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import x from "../../node_modules/classnames/index.js";
+import { getCommonProps as C, px as N } from "../../utils/index.js";
+import { getScssVar as $ } from "../../utils/scssUtils.js";
+import * as I from "../../assets/formatted/index.js";
+import * as n from "../../assets/pictograms/formatted/index.js";
+const P = u(
+  ({ className: t, height: m, width: s, color: r, icon: o, isPictogram: p, ...c }, f) => {
+    const { className: l, ...i } = C(c, `Icon-${o}`), a = p ? n[o] : I[o] || n[o], d = {
+      color: r === "currentColor" ? r : $(r ?? "", "$pure-black"),
+      ...m ? { height: m } : {},
+      ...s ? { width: s } : {},
+      ...i
     };
-    return n ? /* @__PURE__ */ a("div", { className: d(`${x}-icon`, p, e), ref: c, children: /* @__PURE__ */ a(n, { ...f }) }) : null;
+    return a ? /* @__PURE__ */ e("div", { className: x(`${N}-icon`, l, t), ref: f, children: /* @__PURE__ */ e(a, { ...d }) }) : null;
   }
 );
-I.displayName = "Icon";
+P.displayName = "Icon";
 export {
-  I as default
+  P as default
 };

package/dist/components/Icon/index.d.ts

@@ -1 +1 @@
-export { default as Icon, type IconProps, type IconName } from './Icon';
+export { default as Icon, type IconProps, type IconName, type PictogramName } from './Icon';

package/dist/components/Pictogram/Pictogram.d.ts

@@ -0,0 +1,29 @@
+import { ComponentProps } from 'react';
+import { PictogramName } from '../Icon';
+export interface PictogramProps extends ComponentProps<'div'> {
+    /**
+     * Name of Pictogram to render
+     */
+    pictogram: PictogramName;
+    /**
+     * Size of the Pictogram
+     */
+    size: string;
+    /**
+     * Color of the Pictogram
+     */
+    color: string;
+}
+/**
+ * ## Overview
+ *
+ * Component for rendering pictograms. Accepts a pictogram name and renders the corresponding SVG icon at the size specified. Also accepts a color parameter to change the fill color of the pictogram.
+ *
+ * Overview of this widget
+ *
+ * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/RW-Design-System?node-id=22564-5919&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-pictogram--overview)
+ */
+declare const Pictogram: import('react').ForwardRefExoticComponent<Omit<PictogramProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default Pictogram;

package/dist/components/Pictogram/Pictogram.js

@@ -0,0 +1,25 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { getCommonProps as f } from "../../utils/index.js";
+import P from "../../node_modules/classnames/index.js";
+import g from "../Icon/Icon.js";
+const l = p(({ className: r, pictogram: t, size: o, color: a, ...m }, s) => {
+  const { className: c, ...e } = f(m, "Pictogram"), i = { ...e, ...m };
+  return /* @__PURE__ */ n(
+    g,
+    {
+      ...i,
+      className: P(c, r),
+      icon: t,
+      height: o,
+      width: o,
+      color: a,
+      isPictogram: !0,
+      ref: s
+    }
+  );
+});
+l.displayName = "Pictogram";
+export {
+  l as default
+};

package/dist/components/Pictogram/Pictogram.stories.d.ts

@@ -0,0 +1,21 @@
+import { PictogramProps } from './Pictogram';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<PictogramProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+export declare const Playground: {
+    (props: PictogramProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        pictogram: string;
+        size: string;
+        color: string;
+    };
+    argTypes: {
+        pictogram: string[];
+        color: {
+            control: string;
+            options: string[];
+        };
+    };
+};

package/dist/components/Pictogram/Pictogram.test.d.ts

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

package/dist/components/Pictogram/index.d.ts

@@ -0,0 +1 @@
+export { default as Pictogram, type PictogramProps } from './Pictogram';

package/dist/design/icons/PictogramGrid.d.ts

@@ -0,0 +1,2 @@
+import { PictogramProps } from '../../components/Pictogram';
+export declare const PictogramGrid: (props: PictogramProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -81,4 +81,5 @@ export * from './patterns/BidSnapshot';
 export * from './patterns/FilterMenu';
 export * from './patterns/ObjectTile';
 export * from './utils/hooks';
+export * from './components/Pictogram';
 export * from './components/AuctionTile';

package/dist/index.js

@@ -1,6 +1,6 @@
 import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
-import { SSRMediaQuery as A, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
+import { SSRMediaQuery as P, ssrMediaQueryStyle as A } from "./providers/SeldonProvider/utils.js";
 import { usePendingState as L } from "./utils/hooks.js";
 import { AuctionStatus as b, LotStatus as V, SupportedLanguages as h } from "./types/commonTypes.js";
 import { default as v } from "./components/Button/Button.js";
@@ -27,8 +27,8 @@ import { default as ie } from "./components/Detail/Detail.js";
 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 Ae } from "./components/Grid/Grid.js";
-import { default as Pe } from "./components/GridItem/GridItem.js";
+import { Grid as Pe } from "./components/Grid/Grid.js";
+import { default as Be } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as Ie } from "./components/GridItem/types.js";
 import { default as Ve } from "./components/Input/Input.js";
 import { default as ke } from "./components/Link/Link.js";
@@ -53,8 +53,8 @@ import { default as pt } from "./components/Tabs/TabsContent.js";
 import { Tag as it, default as xt } 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 At } from "./components/TextSymbol/types.js";
-import { default as Pt } from "./components/TextSymbol/TextSymbol.js";
+import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
+import { default as Bt } from "./components/TextSymbol/TextSymbol.js";
 import { default as It } from "./components/Video/Video.js";
 import { default as Vt } from "./patterns/DetailList/DetailList.js";
 import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
@@ -80,7 +80,7 @@ import { default as xo } from "./components/Countdown/Countdown.js";
 import { CountdownVariants as go } from "./components/Countdown/types.js";
 import { default as So } from "./components/Divider/Divider.js";
 import { default as To } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as Bo } from "./components/Filter/Filter.js";
+import { default as Ao } from "./components/Filter/Filter.js";
 import { default as Lo } from "./components/Filter/FilterInput.js";
 import { default as bo } from "./components/Filter/FilterHeader.js";
 import { default as ho } from "./components/TextArea/TextArea.js";
@@ -94,7 +94,8 @@ import { default as Ro } from "./patterns/BidSnapshot/BidMessage.js";
 import { BidMessageVariants as jo, BidStatusEnum as zo } from "./patterns/BidSnapshot/types.js";
 import { default as Yo } from "./patterns/FilterMenu/FilterMenu.js";
 import { default as qo } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as Ko } from "./components/AuctionTile/AuctionTile.js";
+import { default as Ko } from "./components/Pictogram/Pictogram.js";
+import { default as _o } from "./components/AuctionTile/AuctionTile.js";
 export {
   M as Accordion,
   E as AccordionItem,
@@ -104,7 +105,7 @@ export {
   Mo as AddToCalendar,
   uo as Article,
   b as AuctionStatus,
-  Ko as AuctionTile,
+  _o as AuctionTile,
   Yt as AuthState,
   Ro as BidMessage,
   jo as BidMessageVariants,
@@ -135,13 +136,13 @@ export {
   Ce as ErrorBoundary,
   wt as FavoritesCollectionTile,
   To as FavoritingTileButton,
-  Bo as Filter,
+  Ao as Filter,
   bo as FilterHeader,
   Lo as FilterInput,
   Yo as FilterMenu,
   so as Footer,
-  Ae as Grid,
-  Pe as GridItem,
+  Pe as Grid,
+  Be as GridItem,
   Ie as GridItemAlign,
   mo as Header,
   Ht as HeroBanner,
@@ -164,9 +165,10 @@ export {
   C as Page,
   ao as PageContentWrapper,
   Ye as Pagination,
+  Ko as Pictogram,
   qe as PinchZoom,
   Ke as Row,
-  A as SSRMediaQuery,
+  P as SSRMediaQuery,
   Nt as SaleHeaderBanner,
   Ut as SaleHeaderBrowseAuctions,
   _e as Search,
@@ -188,8 +190,8 @@ export {
   Ct as Text,
   gt as TextAlignments,
   ho as TextArea,
-  At as TextSymbolVariants,
-  Pt as TextSymbols,
+  Pt as TextSymbolVariants,
+  Bt as TextSymbols,
   ct as TextVariants,
   vo as Toast,
   yo as ToastProvider,
@@ -206,7 +208,7 @@ export {
   x as getCommonProps,
   n as noOp,
   g as px,
-  B as ssrMediaQueryStyle,
+  A as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
   L as usePendingState,
   Do as useToast

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

@@ -71,9 +71,9 @@ export interface BidSnapshotProps extends ComponentProps<'div'> {
      */
     wonForText?: string;
     /**
-     * Current date time
+     * Function to get the current date time
      */
-    currentDateTime?: Date;
+    getCurrentDateTime?: () => Date | null;
 }
 /**
  * ## Overview