@phillips/seldon 1.213.0 → 1.214.0-beta.1

package/dist/components/Text/utils.js

@@ -1,10 +1,43 @@
-import { px as n } from "../../utils/index.js";
-import { TextVariants as r } from "./types.js";
-const o = (e = r.body1) => `${n}-text--${e.charAt(0).toLowerCase() + e.slice(1)}`, u = (e = r.body1) => {
-  let t = e.toLowerCase();
-  return e === r.blockquote ? "blockquote" : e.includes("body") || e.includes("string") || e.includes("title") ? "span" : e === r.label ? "label" : t.includes("heading") ? (t = t.replace("italic", ""), `h${isNaN(parseInt(t.slice(-1))) ? 3 : parseInt(t.slice(-1))}`) : "span";
+import { px as r } from "../../utils/index.js";
+import { TextVariants as t } from "./types.js";
+const u = (e = t.body1) => {
+  switch (e) {
+    case t.email:
+      return `${r}-text--bodyMedium`;
+    case t.link:
+      return `${r}-text--bodyMedium`;
+    case t.linkSmall:
+      return `${r}-text--bodySmall`;
+    case t.linkMedium:
+      return `${r}-text--bodyMedium`;
+    case t.linkLarge:
+      return `${r}-text--bodyLarge`;
+    default:
+      return `${r}-text--${e.charAt(0).toLowerCase() + e.slice(1)}`;
+  }
+}, i = (e = t.body1) => {
+  if (e === t.blockquote) return "blockquote";
+  if (e.includes("body") || e.includes("string") || e.includes("title")) return "span";
+  if (e.includes("label"))
+    return "label";
+  if (e.includes("heading") || e.includes("display"))
+    switch (e) {
+      case t.headingLarge:
+      case t.displayMedium:
+        return "h1";
+      case t.headingMedium:
+      case t.displaySmall:
+        return "h2";
+      case t.headingSmall:
+        return "h3";
+      case t.headingExtraSmall:
+        return "h4";
+      default:
+        return `h${isNaN(parseInt(e.slice(-1))) ? 3 : parseInt(e.slice(-1))}`;
+    }
+  return "span";
 };
 export {
-  u as determineDefaultTextElement,
-  o as determineTextClassName
+  i as determineDefaultTextElement,
+  u as determineTextClassName
 };

package/dist/components/TextArea/TextArea.js

@@ -1,46 +1,50 @@
 import { jsxs as n, Fragment as w, jsx as s } from "react/jsx-runtime";
-import { forwardRef as I, useId as A } from "react";
+import { forwardRef as I, useId as T } from "react";
 import l from "../../node_modules/classnames/index.js";
-import { px as a, useNormalizedInputProps as j } from "../../utils/index.js";
-import y from "../Icon/Icon.js";
-const z = I(
+import { px as e, useNormalizedInputProps as A } from "../../utils/index.js";
+import j from "../Icon/Icon.js";
+import y from "../Text/Text.js";
+import { TextVariants as z } from "../Text/types.js";
+const C = I(
   ({
     className: o,
     id: t,
     isSkeletonLoading: d,
     labelText: m,
-    maxLength: c = 3e3,
-    name: p,
-    rows: x = 2,
+    maxLength: p = 3e3,
+    name: x,
+    rows: c = 2,
     disabled: $,
-    warn: _,
-    warnText: N,
+    warn: f,
+    warnText: _,
     invalid: b,
-    invalidText: f,
-    ...u
-  }, v) => {
-    const i = `${a}-text-area`, r = A(), e = j({
+    invalidText: u,
+    ...v
+  }, N) => {
+    const i = `${e}-text-area`, r = T(), a = A({
       disabled: $,
       id: t ?? r,
       invalid: b,
-      invalidText: f,
+      invalidText: u,
       type: "text-area",
-      warn: _,
-      warnText: N
+      warn: f,
+      warnText: _
     }), h = l(`${i}__wrapper`, {
-      [`${a}-text-area--disabled`]: e.disabled,
-      [`${a}-text-area--invalid`]: e.invalid,
-      [`${a}-text-area--warn`]: e.warn
+      [`${e}-text-area--disabled`]: a.disabled,
+      [`${e}-text-area--invalid`]: a.invalid,
+      [`${e}-text-area--warn`]: a.warn
     });
     return /* @__PURE__ */ n(w, { children: [
       /* @__PURE__ */ n("div", { className: h, children: [
         /* @__PURE__ */ s(
-          "label",
+          y,
           {
+            element: "label",
+            variant: z.labelMedium,
             "data-testid": `text-area-${t ?? r}-label`,
             htmlFor: t ?? r,
-            className: l(`${a}-text-area__label`, {
-              [`${a}-skeleton`]: d
+            className: l(`${e}-text-area__label`, {
+              [`${e}-skeleton`]: d
             }),
             children: m
           }
@@ -48,26 +52,26 @@ const z = I(
         /* @__PURE__ */ s(
           "textarea",
           {
-            ...u,
-            className: l(i, o, `${a}-text-area__input`, {
-              [`${a}-skeleton`]: d
+            ...v,
+            className: l(i, o, `${e}-text-area__input`, {
+              [`${e}-skeleton`]: d
             }),
             id: t ?? r,
-            rows: x,
-            maxLength: c,
-            name: p,
-            ref: v,
+            rows: c,
+            maxLength: p,
+            name: x,
+            ref: N,
             "data-testid": `text-area-${t ?? r}-input`,
-            disabled: e.disabled
+            disabled: a.disabled
           }
         ),
-        /* @__PURE__ */ s(y, { icon: "Menu", className: `${i}-resizer__icon` })
+        /* @__PURE__ */ s(j, { icon: "Menu", className: `${i}-resizer__icon` })
       ] }),
-      /* @__PURE__ */ s("div", { children: e.validation ?? /* @__PURE__ */ s("div", { className: `${a}-text-area__validation`, id: e.invalidId }) })
+      /* @__PURE__ */ s("div", { children: a.validation ?? /* @__PURE__ */ s("div", { className: `${e}-text-area__validation`, id: a.invalidId }) })
     ] });
   }
 );
-z.displayName = "TextArea";
+C.displayName = "TextArea";
 export {
-  z as default
+  C as default
 };

package/dist/components/Toast/Toast.js

@@ -7,14 +7,14 @@ import _ from "../Icon/Icon.js";
 import T from "../IconButton/IconButton.js";
 import { ButtonVariants as $ } from "../Button/types.js";
 const x = d(
-  ({ className: i, title: m, actionElement: a, actionAltText: s, closeButtonLabel: t, ...l }, n) => {
-    const { className: r, ...c } = p(l, "Toast");
-    return /* @__PURE__ */ e(h, { ...c, className: f(r, i), ref: n, children: [
+  ({ className: i, title: m, actionElement: a, actionAltText: s, closeButtonLabel: t, ...l }, c) => {
+    const { className: r, ...n } = p(l, "Toast");
+    return /* @__PURE__ */ e(h, { ...n, className: f(r, i), ref: c, children: [
       /* @__PURE__ */ e("div", { className: `${r}__content`, children: [
         /* @__PURE__ */ o(N, { children: m }),
         a && s && /* @__PURE__ */ o(u, { asChild: !0, altText: s, className: `${r}__action`, children: a })
       ] }),
-      /* @__PURE__ */ o(C, { className: `${r}__close`, "aria-label": t, asChild: !0, children: /* @__PURE__ */ o(T, { variant: $.link, children: /* @__PURE__ */ o(_, { icon: "CloseX", title: t, color: "$white-100", "aria-hidden": !0 }) }) })
+      /* @__PURE__ */ o(C, { className: `${r}__close`, "aria-label": t, asChild: !0, children: /* @__PURE__ */ o(T, { variant: $.tertiary, children: /* @__PURE__ */ o(_, { icon: "CloseX", title: t, color: "$white-100", "aria-hidden": !0 }) }) })
     ] });
   }
 );

package/dist/node_modules/ics/dist/index.js

@@ -1,6 +1,6 @@
-import { __exports as l } from "../../../_virtual/index4.js";
+import { __exports as l } from "../../../_virtual/index5.js";
 import "./pipeline/index.js";
-import { __exports as _ } from "../../../_virtual/index5.js";
+import { __exports as _ } from "../../../_virtual/index6.js";
 Object.defineProperty(l, "__esModule", {
   value: !0
 });

package/dist/node_modules/ics/dist/pipeline/index.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "../../../../_virtual/index5.js";
+import { __exports as u } from "../../../../_virtual/index6.js";
 import "./build.js";
 import "./format.js";
 import "./validate.js";

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index6.js";
+import { __module as e } from "../../../../_virtual/index4.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/patterns/AccountPageHeader/AccountPageHeader.js

@@ -1,38 +1,55 @@
-import { jsxs as n, jsx as r, Fragment as p } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { getCommonProps as P } from "../../utils/index.js";
-import k from "../../node_modules/classnames/index.js";
-import l from "../../components/Text/Text.js";
-import { TextVariants as c } from "../../components/Text/types.js";
-import y from "../../components/Divider/Divider.js";
+import { jsxs as n, jsx as a, Fragment as p } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { getCommonProps as C } from "../../utils/index.js";
+import P from "../../node_modules/classnames/index.js";
+import o from "../../components/Text/Text.js";
+import { TextVariants as k } from "../../components/Text/types.js";
+import L from "../../components/Divider/Divider.js";
 import x from "../../components/Button/Button.js";
-import { ButtonVariants as L } from "../../components/Button/types.js";
-import m from "../../components/Icon/Icon.js";
-import f from "../../components/IconButton/IconButton.js";
-import { SSRMediaQuery as h } from "../../providers/SeldonProvider/utils.js";
-const T = b(
-  ({ className: _, title: N, subtitle: t, actionButtons: o, overline: s, showDivider: v = !0, ...g }, u) => {
-    const { className: i, ...C } = P(g, "AccountPageHeader"), e = o?.find((a) => a.isPrimary), d = o?.filter((a) => !a.isPrimary), $ = () => /* @__PURE__ */ n("div", { className: `${i}__button-wrapper`, children: [
-      d && /* @__PURE__ */ r(p, { children: d.map((a) => /* @__PURE__ */ r(f, { onClick: a.onClick, "aria-label": a.ariaLabel, children: /* @__PURE__ */ r(m, { icon: a.icon, "aria-label": a.ariaLabel, title: a.ariaLabel }) }, `icon-button-${a.icon}`)) }),
-      e && /* @__PURE__ */ n(p, { children: [
-        /* @__PURE__ */ r(h.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ n(x, { variant: L.secondary, onClick: e.onClick, children: [
-          /* @__PURE__ */ r(m, { icon: e.icon }),
+import { ButtonVariants as c } from "../../components/Button/types.js";
+import t from "../../components/Icon/Icon.js";
+import h from "../../components/IconButton/IconButton.js";
+import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
+const T = y(
+  ({ className: _, title: N, subtitle: m, actionButtons: l, overline: s, showDivider: v = !0, ...b }, g) => {
+    const { className: e, ...u } = C(b, "AccountPageHeader"), i = l?.find((r) => r.isPrimary), d = l?.filter((r) => !r.isPrimary), $ = () => /* @__PURE__ */ n("div", { className: `${e}__button-wrapper`, children: [
+      d && /* @__PURE__ */ a(p, { children: d.map((r) => /* @__PURE__ */ a(
+        h,
+        {
+          variant: c.tertiary,
+          onClick: r.onClick,
+          "aria-label": r.ariaLabel,
+          children: /* @__PURE__ */ a(t, { icon: r.icon, "aria-label": r.ariaLabel, title: r.ariaLabel })
+        },
+        `icon-button-${r.icon}`
+      )) }),
+      i && /* @__PURE__ */ n(p, { children: [
+        /* @__PURE__ */ a(f.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ n(x, { variant: c.secondary, onClick: i.onClick, children: [
+          /* @__PURE__ */ a(t, { icon: i.icon }),
           " ",
-          e.label
+          /* @__PURE__ */ a("span", { className: `${e}__button-label`, children: i.label })
         ] }) }),
-        /* @__PURE__ */ r(h.Media, { lessThan: "md", children: /* @__PURE__ */ r(f, { onClick: e.onClick, "aria-label": e.ariaLabel, children: /* @__PURE__ */ r(m, { icon: e.icon, title: e.ariaLabel }) }) })
+        /* @__PURE__ */ a(f.Media, { lessThan: "md", children: /* @__PURE__ */ a(
+          h,
+          {
+            variant: c.tertiary,
+            onClick: i.onClick,
+            "aria-label": i.ariaLabel,
+            children: /* @__PURE__ */ a(t, { icon: i.icon, title: i.ariaLabel })
+          }
+        ) })
       ] })
     ] });
-    return /* @__PURE__ */ n("div", { ...C, className: k(i, _), ref: u, children: [
-      /* @__PURE__ */ n("div", { className: `${i}__container`, children: [
-        s && /* @__PURE__ */ r(l, { variant: c.string2, className: `${i}__overline`, children: s }),
-        /* @__PURE__ */ n("div", { className: `${i}__title-wrapper`, children: [
-          /* @__PURE__ */ r(l, { variant: c.title1, className: `${i}__title`, children: N }),
-          o && o.length > 0 && $()
+    return /* @__PURE__ */ n("div", { ...u, className: P(e, _), ref: g, children: [
+      /* @__PURE__ */ n("div", { className: `${e}__container`, children: [
+        s && /* @__PURE__ */ a(o, { className: `${e}__overline`, children: s }),
+        /* @__PURE__ */ n("div", { className: `${e}__title-wrapper`, children: [
+          /* @__PURE__ */ a(o, { variant: k.headingLarge, className: `${e}__title`, children: N }),
+          l && l.length > 0 && $()
         ] }),
-        t && /* @__PURE__ */ r(l, { variant: c.string2, className: `${i}__subtitle`, children: t })
+        m && /* @__PURE__ */ a(o, { className: `${e}__subtitle`, children: m })
       ] }),
-      v && /* @__PURE__ */ r(y, { className: `${i}__divider` })
+      v && /* @__PURE__ */ a(L, { className: `${e}__divider` })
     ] });
   }
 );

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

@@ -1,4 +1,5 @@
 import { ComponentProps } from 'react';
+import { TextVariants } from '../../components/Text';
 import { BidMessageVariants } from './types';
 export interface BidMessageProps extends ComponentProps<'p'> {
     /**
@@ -13,6 +14,10 @@ export interface BidMessageProps extends ComponentProps<'p'> {
      * Variant type - positive | negative
      */
     variant?: BidMessageVariants;
+    /**
+     * Text variant to use for the message text
+     */
+    textVariant?: TextVariants;
 }
 /**
  * ## Overview
@@ -23,5 +28,5 @@ export interface BidMessageProps extends ComponentProps<'p'> {
  *
  * [Storybook Link](Point back to yourself here)
  */
-declare const BidMessage: ({ className, hasIcon, message, variant, ...props }: BidMessageProps) => import("react/jsx-runtime").JSX.Element;
+declare const BidMessage: ({ className, hasIcon, message, variant, textVariant, ...props }: BidMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default BidMessage;

package/dist/patterns/BidSnapshot/BidMessage.js

@@ -1,23 +1,24 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import p from "../../node_modules/classnames/index.js";
-import { getCommonProps as f } from "../../utils/index.js";
-import { TextVariants as h } from "../../components/Text/types.js";
-import g from "../../components/Text/Text.js";
-import { BidMessageVariants as i } from "./types.js";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import f from "../../node_modules/classnames/index.js";
+import { getCommonProps as h } from "../../utils/index.js";
+import { TextVariants as g } from "../../components/Text/types.js";
+import x from "../../components/Text/Text.js";
+import { BidMessageVariants as s } from "./types.js";
 import t from "../../components/Icon/Icon.js";
-const M = ({
+const b = ({
   className: r,
   hasIcon: m = !0,
   message: a,
-  variant: n = i.positive,
+  variant: n = s.positive,
+  textVariant: c = g.labelMedium,
   ...o
 }) => {
-  const { className: s, ...c } = f(o, "BidMessage"), l = n === i.positive ? /* @__PURE__ */ e(t, { icon: "IconGreenCircle", height: 8, width: 8 }) : /* @__PURE__ */ e(t, { icon: "IconRedCircle", height: 8, width: 8 });
-  return /* @__PURE__ */ d("div", { ...c, className: p(s, r), ...o, children: [
-    m ? l : null,
-    /* @__PURE__ */ e(g, { variant: h.string2, className: `${s}-text`, children: a })
+  const { className: i, ...l } = h(o, "BidMessage"), d = n === s.positive ? /* @__PURE__ */ e(t, { icon: "IconGreenCircle", height: 8, width: 8 }) : /* @__PURE__ */ e(t, { icon: "IconRedCircle", height: 8, width: 8 });
+  return /* @__PURE__ */ p("div", { ...l, className: f(i, r), ...o, children: [
+    m ? d : null,
+    /* @__PURE__ */ e(x, { variant: c, className: `${i}-text`, children: a })
   ] });
 };
 export {
-  M as default
+  b as default
 };

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

@@ -1,7 +1,9 @@
 import { ComponentProps } from 'react';
+import { DetailListProps } from '../DetailList/index';
 import { LotStatus, SupportedLanguages } from '../../types/commonTypes';
 import { BidStatusEnum } from './types';
-export interface BidSnapshotProps extends ComponentProps<'div'> {
+export type BidSnapshotVariant = 'md' | 'sm';
+export interface BidSnapshotProps extends ComponentProps<'div'>, Pick<DetailListProps, 'hasSeparators'> {
     /**
      * The user's current bid state, winning or losing, etc.
      */
@@ -10,6 +12,10 @@ export interface BidSnapshotProps extends ComponentProps<'div'> {
      * State of the object
      */
     lotStatus?: LotStatus;
+    /**
+     * Variant of the bid snapshot - 'sm' uses labelSmall for text
+     */
+    variant?: BidSnapshotVariant;
     /**
      * 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.
      */

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -1,84 +1,102 @@
-import { jsxs as w, jsx as e } from "react/jsx-runtime";
-import { forwardRef as q } from "react";
-import z from "../../node_modules/classnames/index.js";
-import { getCommonProps as D, findChildrenOfType as F, findChildrenExcludingTypes as G } from "../../utils/index.js";
-import H from "../DetailList/DetailList.js";
-import p from "../../components/Detail/Detail.js";
-import { LotStatus as n, SupportedLanguages as J } from "../../types/commonTypes.js";
-import K from "../../components/Countdown/Countdown.js";
-import { CountdownVariants as Q } from "../../components/Countdown/types.js";
-import { BidStatusEnum as U } from "./types.js";
-import L from "./BidMessage.js";
-import { isAfter as x } from "../../node_modules/date-fns/isAfter.js";
-import { differenceInMinutes as X } from "../../node_modules/date-fns/differenceInMinutes.js";
-const Y = (o) => o === 1 ? `${o} bid` : `${o} bids`, Z = q(
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import { forwardRef as Q, isValidElement as U, cloneElement as X } from "react";
+import Y from "../../node_modules/classnames/index.js";
+import { getCommonProps as Z, findChildrenOfType as O, findChildrenExcludingTypes as oo } from "../../utils/index.js";
+import so from "../DetailList/DetailList.js";
+import c from "../../components/Detail/Detail.js";
+import { LotStatus as t, SupportedLanguages as ao } from "../../types/commonTypes.js";
+import eo from "../../components/Countdown/Countdown.js";
+import { CountdownVariants as _ } from "../../components/Countdown/types.js";
+import { BidStatusEnum as no } from "./types.js";
+import M from "./BidMessage.js";
+import { TextVariants as T } from "../../components/Text/types.js";
+import "../../components/Text/Text.js";
+import { isAfter as V } from "../../node_modules/date-fns/isAfter.js";
+import { differenceInMinutes as to } from "../../node_modules/date-fns/differenceInMinutes.js";
+const io = (s) => s === 1 ? `${s} bid` : `${s} bids`, lo = Q(
   ({
-    lotStatus: o = n.ready,
-    bidStatus: d,
-    bidsLabelText: C = Y,
-    children: c,
-    className: N,
-    closingText: W = "Closes in",
-    currency: t = "$",
-    currentBid: f,
-    currentBidText: y = "Current bid",
-    formatDurationStr: T = (s) => s.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
-    lang: B = "en",
-    saleCloseDate: r,
-    lotCloseDate: i,
-    numberOfBids: h = 0,
-    startingBid: u,
-    startingBidText: M = "Starting bid",
-    soldPrice: $,
-    showSoldLabel: j = !0,
-    soldForText: E = "Sold for",
-    wonForText: P = "Won for",
-    getCurrentDateTime: b = () => /* @__PURE__ */ new Date(),
-    ...S
-  }, R) => {
-    const { className: s, ..._ } = D(S, "BidSnapshot"), l = f !== null && h > 0, g = o === n.ready, a = o === n.live, v = o === n.past, m = b() || /* @__PURE__ */ new Date(), A = a && i && x(i, m) && r && (X(r, m) < 60 || x(m, r)), I = F(c, L), V = G(c, [L]), k = z(s, N, {
-      [`${s}--live`]: a,
-      [`${s}--has-bids`]: l || v
+    lotStatus: s = t.ready,
+    bidStatus: f,
+    bidsLabelText: W = io,
+    children: u,
+    className: y,
+    closingText: E = "Closes in",
+    currency: i = "$",
+    currentBid: $,
+    currentBidText: B = "Current bid",
+    formatDurationStr: j = (o) => o.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
+    lang: P = "en",
+    saleCloseDate: l,
+    lotCloseDate: r,
+    numberOfBids: b = 0,
+    startingBid: h,
+    startingBidText: R = "Starting bid",
+    soldPrice: g,
+    showSoldLabel: A = !0,
+    soldForText: I = "Sold for",
+    wonForText: k = "Won for",
+    getCurrentDateTime: w = () => /* @__PURE__ */ new Date(),
+    hasSeparators: q = !0,
+    variant: S = "md",
+    ...L
+  }, z) => {
+    const { className: o, ...D } = Z(L, "BidSnapshot"), a = S === "sm" ? T.labelSmall : T.labelMedium, F = S === "sm" ? _.sm : _.compact, m = $ !== null && b > 0, v = s === t.ready, e = s === t.live, x = s === t.past, d = w() || /* @__PURE__ */ new Date(), G = e && r && V(r, d) && l && (to(l, d) < 60 || V(d, l)), N = O(u, M), H = oo(u, [M]), J = N ? N.map(
+      (p) => U(p) ? X(p, { textVariant: a }) : p
+    ) : null, K = Y(o, y, {
+      [`${o}--live`]: e,
+      [`${o}--has-bids`]: m || x
     });
-    return /* @__PURE__ */ w("div", { ..._, ...S, ref: R, className: k, children: [
-      /* @__PURE__ */ w(H, { hasSeparators: !0, className: `${s}__text`, children: [
-        j && v ? /* @__PURE__ */ e(
-          p,
+    return /* @__PURE__ */ C("div", { ...D, ...L, ref: z, className: K, children: [
+      /* @__PURE__ */ C(so, { hasSeparators: q, className: `${o}__text`, children: [
+        A && x ? /* @__PURE__ */ n(
+          c,
           {
-            label: d === U.Won ? P : E,
-            value: $ ? `${t}${$?.toLocaleString()}` : "",
-            hasWrap: !1
+            label: f === no.Won ? k : I,
+            value: g ? `${i}${g?.toLocaleString()}` : "",
+            hasWrap: !1,
+            className: `${o}__sold`,
+            textVariant: a
           }
         ) : null,
-        a && l ? /* @__PURE__ */ e(
-          p,
+        e && m ? /* @__PURE__ */ n(
+          c,
           {
-            label: y,
-            subLabel: `(${C(h)})`,
-            value: `${t}${f?.toLocaleString()}`,
-            hasWrap: !1
+            label: B,
+            subLabel: `(${W(b)})`,
+            value: `${i}${$?.toLocaleString()}`,
+            hasWrap: !1,
+            className: `${o}__current-bid`,
+            textVariant: a
           }
         ) : null,
-        u && (g || a && !l) ? /* @__PURE__ */ e(p, { label: M, value: `${t}${u?.toLocaleString()}`, hasWrap: !1 }) : null
+        h && (v || e && !m) ? /* @__PURE__ */ n(
+          c,
+          {
+            label: R,
+            value: `${i}${h?.toLocaleString()}`,
+            hasWrap: !1,
+            textVariant: a
+          }
+        ) : null
       ] }),
-      d && !g ? I : null,
-      V,
-      A ? /* @__PURE__ */ e(
-        K,
+      f && !v ? J : null,
+      H,
+      G ? /* @__PURE__ */ n(
+        eo,
         {
-          endDateTime: i,
-          label: W,
-          variant: Q.compact,
-          locale: J[B],
-          formatDurationStr: T,
+          endDateTime: r,
+          label: E,
+          variant: F,
+          locale: ao[P],
+          formatDurationStr: j,
           showBottomBorder: !1,
-          getCurrentDateTime: b
+          getCurrentDateTime: w
         }
       ) : null
     ] });
   }
 );
-Z.displayName = "BidSnapshot";
+lo.displayName = "BidSnapshot";
 export {
-  Z as default
+  lo as default
 };