@phillips/seldon 1.272.0 → 1.273.0

package/dist/components/ComboBox/ComboBox.js

@@ -1,314 +1,229 @@
-import { jsxs as T, jsx as i } from "react/jsx-runtime";
-import { Root as ht, Trigger as _t, Portal as vt, Content as bt } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
-import d from "../../_virtual/index.js";
-import { Command as Ct, CommandInput as yt, CommandList as $t, CommandGroup as wt, CommandItem as gt } from "../../node_modules/cmdk/dist/index.js";
-import Nt, { useState as B, useCallback as g, useRef as x, useMemo as O } from "react";
-import { useOnClickOutside as It } from "../../node_modules/usehooks-ts/dist/index.js";
-import "../../assets/formatted/Account.js";
-import "../../assets/formatted/AccountActive.js";
-import "../../assets/formatted/Add.js";
-import "../../assets/formatted/AdminCheck.js";
-import "../../assets/formatted/AdminChevronLeft.js";
-import "../../assets/formatted/AdminChevronRight.js";
-import "../../assets/formatted/AdminChevronUp.js";
-import "../../assets/formatted/AdminClose.js";
-import "../../assets/formatted/AdminFullscreen.js";
-import "../../assets/formatted/AdminFullscreenExit.js";
-import "../../assets/formatted/AdminGavel.js";
-import "../../assets/formatted/AdminHome.js";
-import "../../assets/formatted/AdminLiveOnline.js";
-import "../../assets/formatted/AdminPencil.js";
-import "../../assets/formatted/AdminPerson.js";
-import "../../assets/formatted/AdminPlay.js";
-import "../../assets/formatted/AdminSearch.js";
-import "../../assets/formatted/AdminTelephone.js";
-import "../../assets/formatted/AppleAppStoreBadge.js";
-import "../../assets/formatted/ArrowDown.js";
-import "../../assets/formatted/ArrowLeft.js";
-import "../../assets/formatted/ArrowRight.js";
-import "../../assets/formatted/ArrowUp.js";
-import "../../assets/formatted/Bag.js";
-import "../../assets/formatted/Calendar.js";
-import "../../assets/formatted/Card.js";
-import Tt from "../../assets/formatted/ChevronDown.js";
-import "../../assets/formatted/ChevronLeft.js";
-import "../../assets/formatted/ChevronRight.js";
-import "../../assets/formatted/ChevronUp.js";
-import "../../assets/formatted/Clock.js";
-import xt from "../../assets/formatted/CloseX.js";
-import "../../assets/formatted/ConditionReport.js";
-import "../../assets/formatted/Delete.js";
-import "../../assets/formatted/Download.js";
-import "../../assets/formatted/Edit.js";
-import "../../assets/formatted/Email.js";
-import "../../assets/formatted/Error.js";
-import "../../assets/formatted/ExternalLink.js";
-import "../../assets/formatted/Facebook.js";
-import "../../assets/formatted/Favorite.js";
-import "../../assets/formatted/FavoriteActive.js";
-import "../../assets/formatted/Filters.js";
-import "../../assets/formatted/Fullscreen.js";
-import "../../assets/formatted/FullscreenExit.js";
-import "../../assets/formatted/Gavel.js";
-import "../../assets/formatted/GavelActive.js";
-import "../../assets/formatted/Grid.js";
-import "../../assets/formatted/Hide.js";
-import "../../assets/formatted/Home.js";
-import "../../assets/formatted/HomeActive.js";
-import "../../assets/formatted/Icon.js";
-import "../../assets/formatted/IconBlueCircle.js";
-import "../../assets/formatted/IconGreenCircle.js";
-import "../../assets/formatted/IconOrangeCircle.js";
-import "../../assets/formatted/IconRedCircle.js";
-import "../../assets/formatted/ImageUnavailable.js";
-import "../../assets/formatted/Instagram.js";
-import "../../assets/formatted/LinkedIn.js";
-import "../../assets/formatted/List.js";
-import "../../assets/formatted/LiveNow.js";
-import "../../assets/formatted/Lock.js";
-import "../../assets/formatted/MagnificentSeven.js";
-import "../../assets/formatted/Menu.js";
-import "../../assets/formatted/Mute.js";
-import "../../assets/formatted/Paddle.js";
-import "../../assets/formatted/Pause.js";
-import "../../assets/formatted/PhillipsAppIcon.js";
-import "../../assets/formatted/PhillipsLogo.js";
-import "../../assets/formatted/Play.js";
-import "../../assets/formatted/Red.js";
-import "../../assets/formatted/Refresh.js";
-import "../../assets/formatted/Search.js";
-import "../../assets/formatted/Sell.js";
-import "../../assets/formatted/SellActive.js";
-import "../../assets/formatted/Settings.js";
-import "../../assets/formatted/Share.js";
-import "../../assets/formatted/Subtract.js";
-import "../../assets/formatted/Success.js";
-import "../../assets/formatted/Tooltip.js";
-import "../../assets/formatted/TwitterX.js";
-import "../../assets/formatted/Upload.js";
-import "../../assets/formatted/View.js";
-import "../../assets/formatted/VolumeMaximum.js";
-import "../../assets/formatted/VolumeMid.js";
-import "../../assets/formatted/VolumeMinimum.js";
-import "../../assets/formatted/WeChat.js";
-import { getCommonProps as Ot, useNormalizedInputProps as kt } from "../../utils/index.js";
+import { jsxs as T, jsx as r } from "react/jsx-runtime";
+import { Root as he, Trigger as _e, Portal as ve, Content as be } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+import p from "../../_virtual/index2.js";
+import { Command as Ce, CommandInput as ye, CommandList as $e, CommandGroup as we, CommandItem as ge } from "../../node_modules/cmdk/dist/index.js";
+import Ne, { useState as B, useCallback as g, useRef as x, useMemo as O } from "react";
+import { useOnClickOutside as Ie } from "../../node_modules/usehooks-ts/dist/index.js";
+import { getCommonProps as Te, useNormalizedInputProps as xe } from "../../utils/index.js";
 import W from "../IconButton/IconButton.js";
 import { ButtonVariants as X } from "../Button/types.js";
-import { usePrevious as Lt } from "../../utils/usePrevious.js";
-import { TextVariants as Vt } from "../Text/types.js";
-import Dt from "../Text/Text.js";
-const Mt = Nt.forwardRef(function({
-  options: n = [],
+import { usePrevious as Oe } from "../../utils/usePrevious.js";
+import ke from "../Text/Text.js";
+import { TextVariants as Le } from "../Text/types.js";
+import Ve from "../../assets/formatted/CloseX.js";
+import De from "../../assets/formatted/ChevronDown.js";
+const Me = Ne.forwardRef(function({
+  options: i = [],
   className: H,
-  id: l,
+  id: n,
   labelText: S,
   placeholder: J,
   name: k,
-  value: p,
-  onChange: u,
+  value: m,
+  onChange: f,
   onBlur: Q,
   renderOption: j,
   ariaLabelDropdown: L,
   ariaLabelInput: Y,
   ariaLabelClear: Z,
-  ariaLabelContent: tt,
-  hideLabel: et = !1,
-  popoverContainerRef: rt,
-  noOptionsMessage: ot = "No Options.",
+  ariaLabelContent: ee,
+  hideLabel: te = !1,
+  popoverContainerRef: ae,
+  noOptionsMessage: le = "No Options.",
   invalid: N = !1,
-  invalidText: it,
+  invalidText: re,
   countOfCharsBeforeDropdown: q = 0,
-  ...at
+  ...se
 }, V) {
-  const { className: e, ...lt } = Ot({ id: l }, "ComboBox"), st = Tt, nt = xt, z = kt({
-    id: l,
+  const { className: t, ...ne } = Te({ id: n }, "ComboBox"), oe = De, ie = Ve, z = xe({
+    id: n,
     invalid: N,
-    invalidText: it,
+    invalidText: re,
     type: "text"
-  }), [f, G] = B(!1), [mt, ct] = B(""), K = Lt(p), D = g((t) => t.label || t.value, []), [o, b] = B(() => {
-    if (p !== void 0) {
-      const t = n.find((r) => r.value === p);
-      return t ? t.displayValue || D(t) : "";
+  }), [d, G] = B(!1), [ce, ue] = B(""), K = Oe(m), D = g((e) => e.label || e.value, []), [l, b] = B(() => {
+    if (m !== void 0) {
+      const e = i.find((a) => a.value === m);
+      return e ? e.displayValue || D(e) : "";
     }
     return "";
-  }), C = x(null), y = x(null), $ = x(!1), M = x(null), m = g((t) => D(t), [D]), h = p !== void 0, R = h ? p : mt, a = O(() => n.find((t) => t.value === R) || null, [n, R]), _ = O(() => a ? a.displayValue || m(a) : "", [a, m]), c = O(() => {
-    if (!o || a && o === _)
-      return n;
-    const t = o.toLowerCase().trim();
-    return n.filter((r) => {
-      const w = m(r).toLowerCase().includes(t), P = r.value.toLowerCase().includes(t), A = r.displayValue?.toLowerCase().includes(t) || !1;
+  }), C = x(null), y = x(null), $ = x(!1), M = x(null), c = g((e) => D(e), [D]), h = m !== void 0, R = h ? m : ce, s = O(() => i.find((e) => e.value === R) || null, [i, R]), _ = O(() => s ? s.displayValue || c(s) : "", [s, c]), u = O(() => {
+    if (!l || s && l === _)
+      return i;
+    const e = l.toLowerCase().trim();
+    return i.filter((a) => {
+      const w = c(a).toLowerCase().includes(e), P = a.value.toLowerCase().includes(e), A = a.displayValue?.toLowerCase().includes(e) || !1;
       let v = !1;
-      return r.filterTerms && r.filterTerms.length > 0 && (v = r.filterTerms.some((dt) => dt.toLowerCase().includes(t))), w || P || A || v;
+      return a.filterTerms && a.filterTerms.length > 0 && (v = a.filterTerms.some((pe) => pe.toLowerCase().includes(e))), w || P || A || v;
     });
-  }, [o, _, a, m, n]), s = g(
-    (t, r) => {
-      const w = (r?.length || o.length) >= q;
-      (!t || t && w) && G(t), t && a && c.length > 5 && requestAnimationFrame(() => {
+  }, [l, _, s, c, i]), o = g(
+    (e, a) => {
+      const w = (a?.length || l.length) >= q;
+      (!e || e && w) && G(e), e && s && u.length > 5 && requestAnimationFrame(() => {
         M.current && M.current.scrollIntoView({
           block: "nearest",
           behavior: "auto"
         });
       });
     },
-    [q, o.length, a, c.length]
+    [q, l.length, s, u.length]
   ), I = g(
-    (t) => {
-      h || ct(t.value);
-      const r = t.displayValue || m(t);
-      b(r), u && u(t.value, t), s(!1), $.current = !0, requestAnimationFrame(() => {
+    (e) => {
+      h || ue(e.value);
+      const a = e.displayValue || c(e);
+      b(a), f && f(e.value, e), o(!1), $.current = !0, requestAnimationFrame(() => {
         $.current = !1;
       });
     },
-    [h, u, s, m]
-  ), pt = (t) => {
-    s(!1), $.current = !0, t.preventDefault(), t.stopPropagation(), u && h && u("", null), b(""), y.current?.focus(), requestAnimationFrame(() => {
+    [h, f, o, c]
+  ), me = (e) => {
+    o(!1), $.current = !0, e.preventDefault(), e.stopPropagation(), f && h && f("", null), b(""), y.current?.focus(), requestAnimationFrame(() => {
       $.current = !1;
     });
-  }, ut = () => {
-    G(!f), y.current?.focus();
-  }, ft = (t) => {
-    b(t), t !== "" && c.length > 0 && s(!0, t);
+  }, fe = () => {
+    G(!d), y.current?.focus();
+  }, de = (e) => {
+    b(e), e !== "" && u.length > 0 && o(!0, e);
   }, U = O(() => {
     if (h) {
-      if (p !== K)
-        return a ? _ : o;
-      if (a) {
-        const t = _;
-        return t !== o ? o : t;
+      if (m !== K)
+        return s ? _ : l;
+      if (s) {
+        const e = _;
+        return e !== l ? l : e;
       } else
-        return o;
+        return l;
     }
-    return o;
-  }, [h, o, p, K, a, _]), E = (t) => {
-    if (a) {
-      const r = _;
-      r !== U && b(r);
+    return l;
+  }, [h, l, m, K, s, _]), E = (e) => {
+    if (s) {
+      const a = _;
+      a !== U && b(a);
     } else
       b("");
   }, F = g(() => {
-    const t = n.filter((r) => {
-      const w = m(r).toLowerCase(), P = r.value.toLowerCase(), A = r.displayValue?.toLowerCase(), v = o.toLowerCase();
+    const e = i.filter((a) => {
+      const w = c(a).toLowerCase(), P = a.value.toLowerCase(), A = a.displayValue?.toLowerCase(), v = l.toLowerCase();
       return w === v || P === v || A === v;
     });
-    t.length === 1 && I(t[0]);
-  }, [o, n, I, m]);
-  return It(C, (t) => {
-    t.target.closest(`.${e}__item`) || t.target.closest(`.${e}__content`) || C.current?.contains(t.target) || t.target === C.current || (F(), E(), s(!1));
-  }), /* @__PURE__ */ T("div", { ref: V, className: d(e, H), id: l, ...lt, ...at, children: [
-    k && /* @__PURE__ */ i(
+    e.length === 1 && I(e[0]);
+  }, [l, i, I, c]);
+  return Ie(C, (e) => {
+    e.target.closest(`.${t}__item`) || e.target.closest(`.${t}__content`) || C.current?.contains(e.target) || e.target === C.current || (F(), E(), o(!1));
+  }), /* @__PURE__ */ T("div", { ref: V, className: p(t, H), id: n, ...ne, ...se, children: [
+    k && /* @__PURE__ */ r(
       "input",
       {
         type: "hidden",
         name: k,
         id: k,
         value: R || "",
-        ref: (t) => {
-          typeof V == "function" && t && V(t);
+        ref: (e) => {
+          typeof V == "function" && e && V(e);
         }
       }
     ),
-    /* @__PURE__ */ T("div", { ref: C, className: `${e}__wrapper`, children: [
-      /* @__PURE__ */ i(
-        Dt,
+    /* @__PURE__ */ T("div", { ref: C, className: `${t}__wrapper`, children: [
+      /* @__PURE__ */ r(
+        ke,
         {
           element: "label",
-          variant: Vt.labelMedium,
-          htmlFor: `${l}-input`,
-          className: d(`${e}__label`, {
-            [`${e}__label--hidden`]: et,
-            [`${e}__label--invalid`]: N
+          variant: Le.labelMedium,
+          htmlFor: `${n}-input`,
+          className: p(`${t}__label`, {
+            [`${t}__label--hidden`]: te,
+            [`${t}__label--invalid`]: N
           }),
-          "data-testid": `${l}-label`,
+          "data-testid": `${n}-label`,
           children: S
         }
       ),
-      /* @__PURE__ */ i(
-        Ct,
+      /* @__PURE__ */ r(
+        Ce,
         {
           loop: !0,
-          onKeyDown: (t) => {
+          onKeyDown: (e) => {
             setTimeout(() => {
-              t.key === "Escape" && s(!1);
+              e.key === "Escape" && o(!1);
             }, 0);
           },
           shouldFilter: !1,
-          className: `${e}__command-wrapper`,
-          children: /* @__PURE__ */ T(ht, { open: f, modal: !1, children: [
-            /* @__PURE__ */ i(_t, { asChild: !0, children: /* @__PURE__ */ T(
+          className: `${t}__command-wrapper`,
+          children: /* @__PURE__ */ T(he, { open: d, modal: !1, children: [
+            /* @__PURE__ */ r(_e, { asChild: !0, children: /* @__PURE__ */ T(
               "div",
               {
-                className: d(`${e}__input-wrapper`, {
-                  [`${e}__input-wrapper--invalid`]: N
+                className: p(`${t}__input-wrapper`, {
+                  [`${t}__input-wrapper--invalid`]: N
                 }),
                 role: "combobox",
                 "aria-label": S,
                 children: [
-                  /* @__PURE__ */ i(
-                    yt,
+                  /* @__PURE__ */ r(
+                    ye,
                     {
-                      id: `${l}-input`,
+                      id: `${n}-input`,
                       placeholder: J,
                       value: U,
-                      onValueChange: ft,
+                      onValueChange: de,
                       tabIndex: 0,
                       onFocus: () => {
-                        c.length > 0 && !$.current && !f && s(!0);
+                        u.length > 0 && !$.current && !d && o(!0);
                       },
-                      onClick: (t) => {
-                        s(!0), t.preventDefault(), t.currentTarget.focus();
+                      onClick: (e) => {
+                        o(!0), e.preventDefault(), e.currentTarget.focus();
                       },
-                      onKeyDown: (t) => {
-                        t.key === "Tab" ? (s(!1), F(), E()) : t.key === "Enter" && !f ? (u && u(o, null), c.length === 1 && I(c[0])) : t.key === "Escape" ? (s(!1), t.preventDefault(), F(), E()) : (t.key === "ArrowDown" || t.key === "ArrowUp") && !f && c.length > 0 && (s(!0), t.preventDefault());
+                      onKeyDown: (e) => {
+                        e.key === "Tab" ? (o(!1), F(), E()) : e.key === "Enter" && !d ? (f && f(l, null), u.length === 1 && I(u[0])) : e.key === "Escape" ? (o(!1), e.preventDefault(), F(), E()) : (e.key === "ArrowDown" || e.key === "ArrowUp") && !d && u.length > 0 && (o(!0), e.preventDefault());
                       },
                       onBlur: Q,
-                      className: d(`${e}__input`, {
-                        [`${e}__input--invalid`]: N
+                      className: p(`${t}__input`, {
+                        [`${t}__input--invalid`]: N
                       }),
                       "aria-label": Y,
-                      "aria-controls": `${l}-content`,
-                      "data-testid": `${l}-input`,
+                      "aria-controls": `${n}-content`,
+                      "data-testid": `${n}-input`,
                       ref: y
                     }
                   ),
-                  o && /* @__PURE__ */ i(
+                  l && /* @__PURE__ */ r(
                     W,
                     {
-                      className: `${e}__close-button`,
-                      "data-testid": `${l}-clear-button`,
-                      onClick: pt,
+                      className: `${t}__close-button`,
+                      "data-testid": `${n}-clear-button`,
+                      onClick: me,
                       "aria-label": Z,
                       tabIndex: -1,
                       variant: X.tertiary,
-                      children: /* @__PURE__ */ i(
-                        nt,
+                      children: /* @__PURE__ */ r(
+                        ie,
                         {
                           color: "currentColor",
                           height: 18,
                           width: 18,
-                          className: `${e}__icon-button`
+                          className: `${t}__icon-button`
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ r(
                     W,
                     {
                       "aria-label": L,
-                      className: d(`${e}__dropdown-button`, {
-                        [`${e}__dropdown-button--open`]: f
+                      className: p(`${t}__dropdown-button`, {
+                        [`${t}__dropdown-button--open`]: d
                       }),
-                      onClick: ut,
-                      "data-testid": `${l}-dropdown`,
+                      onClick: fe,
+                      "data-testid": `${n}-dropdown`,
                       tabIndex: -1,
                       variant: X.tertiary,
-                      children: /* @__PURE__ */ i(
-                        st,
+                      children: /* @__PURE__ */ r(
+                        oe,
                         {
                           color: "currentColor",
                           height: 18,
                           width: 18,
-                          className: `${e}__icon-button`,
-                          title: L || `${l}-dropdown`
+                          className: `${t}__icon-button`,
+                          title: L || `${n}-dropdown`
                         }
                       )
                     }
@@ -316,12 +231,12 @@ const Mt = Nt.forwardRef(function({
                 ]
               }
             ) }),
-            f && /* @__PURE__ */ i(vt, { container: rt?.current || document.body, children: /* @__PURE__ */ i(
-              bt,
+            d && /* @__PURE__ */ r(ve, { container: ae?.current || document.body, children: /* @__PURE__ */ r(
+              be,
               {
-                id: `${l}-content`,
-                className: `${e}__content`,
-                "aria-label": tt,
+                id: `${n}-content`,
+                className: `${t}__content`,
+                "aria-label": ee,
                 side: "bottom",
                 sideOffset: -5,
                 align: "start",
@@ -332,29 +247,29 @@ const Mt = Nt.forwardRef(function({
                 style: {
                   width: C.current?.offsetWidth || "100%"
                 },
-                children: /* @__PURE__ */ i($t, { className: `${e}__list`, children: c.length > 0 ? /* @__PURE__ */ i(wt, { className: `${e}__group`, children: c.map((t) => /* @__PURE__ */ i(
-                  gt,
+                children: /* @__PURE__ */ r($e, { className: `${t}__list`, children: u.length > 0 ? /* @__PURE__ */ r(we, { className: `${t}__group`, children: u.map((e) => /* @__PURE__ */ r(
+                  ge,
                   {
-                    className: d(`${e}__item`, {
-                      [`${e}__item--selected`]: a?.value === t.value
+                    className: p(`${t}__item`, {
+                      [`${t}__item--selected`]: s?.value === e.value
                     }),
-                    value: t.value,
-                    onSelect: () => I(t),
-                    ...a?.value === t.value ? { ref: M } : {},
-                    children: j ? j(t) : m(t)
+                    value: e.value,
+                    onSelect: () => I(e),
+                    ...s?.value === e.value ? { ref: M } : {},
+                    children: j ? j(e) : c(e)
                   },
-                  t.value
-                )) }) : /* @__PURE__ */ i("div", { className: `${e}__no-options`, children: ot }) })
+                  e.value
+                )) }) : /* @__PURE__ */ r("div", { className: `${t}__no-options`, children: le }) })
               }
             ) })
           ] })
         }
       ),
-      z.validation ? z.validation : /* @__PURE__ */ i("p", { className: d(`${e}__empty-validation`), children: " " })
+      z.validation ? z.validation : /* @__PURE__ */ r("p", { className: p(`${t}__empty-validation`), children: " " })
     ] })
   ] });
 });
-Mt.displayName = "ComboBox";
+Me.displayName = "ComboBox";
 export {
-  Mt as default
+  Me as default
 };

package/dist/components/ComposedModal/ComposedModal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("../../_virtual/index.cjs"),q=require("react"),t=require("../../utils/index.cjs"),b=require("../Divider/Divider.cjs"),f=require("../Modal/Modal.cjs"),h=require("../Text/types.cjs"),p=require("../Text/Text.cjs"),o=q.forwardRef(({children:c,className:m,overlayClassName:$,isOpen:n=!1,onClose:u=t.noOp,maxHeightValue:x="60vh",title:v,footerContent:a,secondaryButton:l,primaryButton:r,id:d,...i},_)=>{const{className:s,"data-testid":g,...N}=t.getCommonProps({id:d,...i},"ComposedModal");return e.jsxs(f.default,{isOpen:n,onClose:u,...i,...N,className:j.default(`${s}`,m),id:d,ref:_,title:v,children:[e.jsx("div",{className:`${s}__body`,style:{"--max-modal-body-height":x},children:c}),(l||r||a)&&e.jsxs(e.Fragment,{children:[e.jsx(b.default,{className:`${s}__divider`,id:`${d}-divider`}),e.jsxs("div",{className:`${s}__btns-group`,children:[l,r]}),a&&e.jsx(p.default,{variant:h.TextVariants.bodySmall,className:`${s}__disclaimer`,children:a})]})]})});o.displayName="ComposedModal";exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("../../_virtual/index2.cjs"),q=require("react"),t=require("../../utils/index.cjs"),b=require("../Modal/Modal.cjs"),f=require("../Divider/Divider.cjs"),h=require("../Text/Text.cjs"),p=require("../Text/types.cjs"),o=q.forwardRef(({children:c,className:m,overlayClassName:$,isOpen:n=!1,onClose:u=t.noOp,maxHeightValue:x="60vh",title:v,footerContent:a,secondaryButton:l,primaryButton:r,id:d,...i},_)=>{const{className:s,"data-testid":g,...N}=t.getCommonProps({id:d,...i},"ComposedModal");return e.jsxs(b.default,{isOpen:n,onClose:u,...i,...N,className:j.default(`${s}`,m),id:d,ref:_,title:v,children:[e.jsx("div",{className:`${s}__body`,style:{"--max-modal-body-height":x},children:c}),(l||r||a)&&e.jsxs(e.Fragment,{children:[e.jsx(f.default,{className:`${s}__divider`,id:`${d}-divider`}),e.jsxs("div",{className:`${s}__btns-group`,children:[l,r]}),a&&e.jsx(h.default,{variant:p.TextVariants.bodySmall,className:`${s}__disclaimer`,children:a})]})]})});o.displayName="ComposedModal";exports.default=o;

package/dist/components/ComposedModal/ComposedModal.js

@@ -1,11 +1,11 @@
 import { jsxs as o, jsx as e, Fragment as _ } from "react/jsx-runtime";
-import h from "../../_virtual/index.js";
+import h from "../../_virtual/index2.js";
 import { forwardRef as x } from "react";
 import { getCommonProps as $, noOp as b } from "../../utils/index.js";
-import g from "../Divider/Divider.js";
-import y from "../Modal/Modal.js";
-import { TextVariants as C } from "../Text/types.js";
-import M from "../Text/Text.js";
+import g from "../Modal/Modal.js";
+import y from "../Divider/Divider.js";
+import C from "../Text/Text.js";
+import { TextVariants as M } from "../Text/types.js";
 const j = x(
   ({
     children: i,
@@ -27,7 +27,7 @@ const j = x(
       ...v
     } = $({ id: s, ...l }, "ComposedModal");
     return /* @__PURE__ */ o(
-      y,
+      g,
       {
         isOpen: c,
         onClose: p,
@@ -47,12 +47,12 @@ const j = x(
             }
           ),
           (r || d || m) && /* @__PURE__ */ o(_, { children: [
-            /* @__PURE__ */ e(g, { className: `${a}__divider`, id: `${s}-divider` }),
+            /* @__PURE__ */ e(y, { className: `${a}__divider`, id: `${s}-divider` }),
             /* @__PURE__ */ o("div", { className: `${a}__btns-group`, children: [
               r,
               d
             ] }),
-            m && /* @__PURE__ */ e(M, { variant: C.bodySmall, className: `${a}__disclaimer`, children: m })
+            m && /* @__PURE__ */ e(C, { variant: M.bodySmall, className: `${a}__disclaimer`, children: m })
           ] })
         ]
       }

package/dist/components/ContentPeek/ContentPeek.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),g=require("../../_virtual/index.cjs"),N=require("../../utils/index.cjs"),S=require("../Button/Button.cjs"),H=require("../Button/types.cjs"),I=require("../Collapsible/Collapsible.cjs"),M=require("../Collapsible/CollapsibleContent.cjs"),_=require("../Collapsible/CollapsibleTrigger.cjs"),c=require("./utils.cjs"),m=require("../../utils/constants.cjs"),h=require("../Icon/Icon.cjs"),p=s.forwardRef(({className:q,children:v,contentExpandText:C="Read More",contentCollapseText:y="Read Less",maxHeight:d=480,minHeightThreshold:i,heightUnits:f=c.HeightUnits.px,...u},E)=>{const{className:t,...j}=N.getCommonProps(u,"ContentPeek"),[r,R]=s.useState(!1),[x,P]=s.useState(!1),l=s.useRef(null),o=f===c.HeightUnits.rem?d*m.DEFAULT_REM_SIZE:d,$=i?i*m.DEFAULT_REM_SIZE:null,n=f===c.HeightUnits.rem?$:i;s.useEffect(()=>{if(l.current){const a=n??o;P(l.current.scrollHeight>a)}},[o,n]),s.useEffect(()=>{const a=n&&n>=o?n:o;l.current?.style.setProperty("--content-peek-max-height",`${a}${c.HeightUnits.px}`)},[o,n]);const b=s.useCallback(()=>{R(a=>!a)},[]);return e.jsxs(I.default,{id:u?.id,open:r,onOpenChange:b,className:g.default(t,q),ref:E,...j,...u,children:[e.jsx(M.default,{className:`${t}-content`,ref:l,forceMount:!0,children:v}),x?e.jsx("div",{className:g.default(`${t}-overlay`,{[`${t}-overlay--expanded`]:r,[`${t}-overlay--gradient`]:x&&!r}),children:e.jsx("div",{className:`${t}-overlay-trigger-wrapper`,children:e.jsx(_.default,{asChild:!0,className:`${t}-overlay-trigger`,children:e.jsxs(S.default,{variant:H.ButtonVariants.secondary,children:[r?e.jsx(h.default,{icon:"Subtract"}):e.jsx(h.default,{icon:"Add"}),r?y:C]})})})}):null]})});p.displayName="ContentPeek";exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),g=require("../../_virtual/index2.cjs"),N=require("../../utils/index.cjs"),S=require("../Button/Button.cjs"),H=require("../Button/types.cjs"),c=require("./utils.cjs"),m=require("../../utils/constants.cjs"),I=require("../Collapsible/Collapsible.cjs"),M=require("../Collapsible/CollapsibleContent.cjs"),_=require("../Collapsible/CollapsibleTrigger.cjs"),h=require("../Icon/Icon.cjs"),p=s.forwardRef(({className:q,children:v,contentExpandText:C="Read More",contentCollapseText:y="Read Less",maxHeight:d=480,minHeightThreshold:i,heightUnits:f=c.HeightUnits.px,...u},E)=>{const{className:t,...j}=N.getCommonProps(u,"ContentPeek"),[r,R]=s.useState(!1),[x,P]=s.useState(!1),l=s.useRef(null),o=f===c.HeightUnits.rem?d*m.DEFAULT_REM_SIZE:d,$=i?i*m.DEFAULT_REM_SIZE:null,n=f===c.HeightUnits.rem?$:i;s.useEffect(()=>{if(l.current){const a=n??o;P(l.current.scrollHeight>a)}},[o,n]),s.useEffect(()=>{const a=n&&n>=o?n:o;l.current?.style.setProperty("--content-peek-max-height",`${a}${c.HeightUnits.px}`)},[o,n]);const b=s.useCallback(()=>{R(a=>!a)},[]);return e.jsxs(I.default,{id:u?.id,open:r,onOpenChange:b,className:g.default(t,q),ref:E,...j,...u,children:[e.jsx(M.default,{className:`${t}-content`,ref:l,forceMount:!0,children:v}),x?e.jsx("div",{className:g.default(`${t}-overlay`,{[`${t}-overlay--expanded`]:r,[`${t}-overlay--gradient`]:x&&!r}),children:e.jsx("div",{className:`${t}-overlay-trigger-wrapper`,children:e.jsx(_.default,{asChild:!0,className:`${t}-overlay-trigger`,children:e.jsxs(S.default,{variant:H.ButtonVariants.secondary,children:[r?e.jsx(h.default,{icon:"Subtract"}):e.jsx(h.default,{icon:"Add"}),r?y:C]})})})}):null]})});p.displayName="ContentPeek";exports.default=p;

package/dist/components/ContentPeek/ContentPeek.js

@@ -1,14 +1,14 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { forwardRef as w, useState as u, useRef as H, useEffect as h, useCallback as M } from "react";
-import g from "../../_virtual/index.js";
+import g from "../../_virtual/index2.js";
 import { getCommonProps as O } from "../../utils/index.js";
 import S from "../Button/Button.js";
 import { ButtonVariants as T } from "../Button/types.js";
+import { HeightUnits as l } from "./utils.js";
+import { DEFAULT_REM_SIZE as x } from "../../utils/constants.js";
 import j from "../Collapsible/Collapsible.js";
 import A from "../Collapsible/CollapsibleContent.js";
 import B from "../Collapsible/CollapsibleTrigger.js";
-import { HeightUnits as l } from "./utils.js";
-import { DEFAULT_REM_SIZE as x } from "../../utils/constants.js";
 import C from "../Icon/Icon.js";
 const L = w(
   ({

package/dist/components/Countdown/Countdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),z=require("../../utils/index.cjs"),H=require("../../_virtual/index.cjs"),P=require("../../types/commonTypes.cjs"),i=require("./types.cjs"),m=require("./Duration.cjs"),x=require("../Text/types.cjs"),R=require("../Text/Text.cjs"),U=require("../../node_modules/date-fns/locale/zh-CN.cjs"),E=require("../../node_modules/date-fns/locale/en-US.cjs"),I=require("../../node_modules/date-fns/differenceInSeconds.cjs"),y=require("../../node_modules/date-fns/differenceInMinutes.cjs"),p=require("../../node_modules/date-fns/differenceInHours.cjs"),C=require("../../node_modules/date-fns/differenceInDays.cjs"),F=require("../../node_modules/date-fns/differenceInMilliseconds.cjs"),j=f.forwardRef(({endDateTime:e,formatDurationStr:a,label:h="Lots Close in",intervalDescription:g,className:M,locale:$="en",showBottomBorder:N=!0,variant:l=i.CountdownVariants.default,getCurrentDateTime:c=()=>new Date,centerAlign:V=!1,...q},b)=>{const{className:r,...S}=z.getCommonProps(q,"Countdown"),[s,_]=f.useState(c()||new Date),d=$===P.SupportedLanguages.zh?U.zhCN:E.enUS,n={days:C.differenceInDays(e,s)>0?C.differenceInDays(e,s):0,hours:p.differenceInHours(e,s)>0?p.differenceInHours(e,s)%24:0,minutes:y.differenceInMinutes(e,s)>0?y.differenceInMinutes(e,s)%60:0,seconds:(I.differenceInSeconds(e,s)>0?I.differenceInSeconds(e,s)%60:0)%60};f.useEffect(()=>{const t=setInterval(()=>{_(c()||new Date)},1e3);return()=>clearInterval(t)},[e,c]);const v=f.useMemo(()=>{const t=c();return!!t&&new Date(e).getTime()>t.getTime()},[e,c]),L=F.differenceInMilliseconds(e,s)<=180*1e3,u=l===i.CountdownVariants.sm?x.TextVariants.labelSmall:x.TextVariants.labelMedium,w=[n.days>0?o.jsx(m.Duration,{duration:n,unit:"days",locale:d,formatDurationStr:a,textVariant:u},"days"):null,n.days>0||n.hours>0?o.jsx(m.Duration,{duration:n,unit:"hours",locale:d,formatDurationStr:a,textVariant:u},"hours"):null,n.days===0?o.jsx(m.Duration,{duration:n,unit:"minutes",locale:d,formatDurationStr:a,textVariant:u},"minutes"):null,n.days===0&&n.hours===0?o.jsx(m.Duration,{duration:n,unit:"seconds",locale:d,formatDurationStr:a,textVariant:u},"seconds"):null].filter(t=>t!=null);return v?o.jsxs("div",{"data-chromatic":"ignore",...S,className:H.default(r,M,{[`${r}--compact`]:l===i.CountdownVariants.compact,[`${r}--sm`]:l===i.CountdownVariants.sm,[`${r}--show-bottom-border`]:N,[`${r}--closing-lot`]:L,[`${r}--center-align`]:V}),...q,ref:b,children:[o.jsxs("div",{className:`${r}__countdown-container`,role:"timer","aria-label":h,children:[o.jsx(R.default,{variant:u,children:h}),w.length>0?o.jsx("div",{className:`${r}__duration-group`,children:w}):null]}),l===i.CountdownVariants.default?o.jsx("span",{children:g}):null]}):null});j.displayName="Countdown";exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),z=require("../../utils/index.cjs"),H=require("../../_virtual/index2.cjs"),P=require("../../types/commonTypes.cjs"),i=require("./types.cjs"),m=require("./Duration.cjs"),R=require("../../node_modules/date-fns/locale/zh-CN.cjs"),U=require("../../node_modules/date-fns/locale/en-US.cjs"),x=require("../../node_modules/date-fns/differenceInSeconds.cjs"),I=require("../../node_modules/date-fns/differenceInMinutes.cjs"),y=require("../../node_modules/date-fns/differenceInHours.cjs"),p=require("../../node_modules/date-fns/differenceInDays.cjs"),E=require("../../node_modules/date-fns/differenceInMilliseconds.cjs"),C=require("../Text/types.cjs"),F=require("../Text/Text.cjs"),j=f.forwardRef(({endDateTime:e,formatDurationStr:a,label:h="Lots Close in",intervalDescription:g,className:M,locale:$="en",showBottomBorder:N=!0,variant:l=i.CountdownVariants.default,getCurrentDateTime:c=()=>new Date,centerAlign:V=!1,...q},b)=>{const{className:r,...S}=z.getCommonProps(q,"Countdown"),[s,_]=f.useState(c()||new Date),d=$===P.SupportedLanguages.zh?R.zhCN:U.enUS,n={days:p.differenceInDays(e,s)>0?p.differenceInDays(e,s):0,hours:y.differenceInHours(e,s)>0?y.differenceInHours(e,s)%24:0,minutes:I.differenceInMinutes(e,s)>0?I.differenceInMinutes(e,s)%60:0,seconds:(x.differenceInSeconds(e,s)>0?x.differenceInSeconds(e,s)%60:0)%60};f.useEffect(()=>{const t=setInterval(()=>{_(c()||new Date)},1e3);return()=>clearInterval(t)},[e,c]);const v=f.useMemo(()=>{const t=c();return!!t&&new Date(e).getTime()>t.getTime()},[e,c]),L=E.differenceInMilliseconds(e,s)<=180*1e3,u=l===i.CountdownVariants.sm?C.TextVariants.labelSmall:C.TextVariants.labelMedium,w=[n.days>0?o.jsx(m.Duration,{duration:n,unit:"days",locale:d,formatDurationStr:a,textVariant:u},"days"):null,n.days>0||n.hours>0?o.jsx(m.Duration,{duration:n,unit:"hours",locale:d,formatDurationStr:a,textVariant:u},"hours"):null,n.days===0?o.jsx(m.Duration,{duration:n,unit:"minutes",locale:d,formatDurationStr:a,textVariant:u},"minutes"):null,n.days===0&&n.hours===0?o.jsx(m.Duration,{duration:n,unit:"seconds",locale:d,formatDurationStr:a,textVariant:u},"seconds"):null].filter(t=>t!=null);return v?o.jsxs("div",{"data-chromatic":"ignore",...S,className:H.default(r,M,{[`${r}--compact`]:l===i.CountdownVariants.compact,[`${r}--sm`]:l===i.CountdownVariants.sm,[`${r}--show-bottom-border`]:N,[`${r}--closing-lot`]:L,[`${r}--center-align`]:V}),...q,ref:b,children:[o.jsxs("div",{className:`${r}__countdown-container`,role:"timer","aria-label":h,children:[o.jsx(F.default,{variant:u,children:h}),w.length>0?o.jsx("div",{className:`${r}__duration-group`,children:w}):null]}),l===i.CountdownVariants.default?o.jsx("span",{children:g}):null]}):null});j.displayName="Countdown";exports.default=j;