@phillips/seldon 1.272.0 → 1.273.0

package/dist/components/Countdown/Countdown.js

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as w } from "react/jsx-runtime";
 import { forwardRef as P, useState as S, useEffect as E, useMemo as F } from "react";
 import { getCommonProps as G } from "../../utils/index.js";
-import H from "../../_virtual/index.js";
+import H from "../../_virtual/index2.js";
 import { SupportedLanguages as R } from "../../types/commonTypes.js";
 import { CountdownVariants as a } from "./types.js";
 import { Duration as d } from "./Duration.js";
-import { TextVariants as y } from "../Text/types.js";
-import U from "../Text/Text.js";
-import { zhCN as k } from "../../node_modules/date-fns/locale/zh-CN.js";
-import { enUS as q } from "../../node_modules/date-fns/locale/en-US.js";
-import { differenceInSeconds as g } from "../../node_modules/date-fns/differenceInSeconds.js";
-import { differenceInMinutes as C } from "../../node_modules/date-fns/differenceInMinutes.js";
-import { differenceInHours as I } from "../../node_modules/date-fns/differenceInHours.js";
-import { differenceInDays as N } from "../../node_modules/date-fns/differenceInDays.js";
-import { differenceInMilliseconds as A } from "../../node_modules/date-fns/differenceInMilliseconds.js";
+import { zhCN as U } from "../../node_modules/date-fns/locale/zh-CN.js";
+import { enUS as k } from "../../node_modules/date-fns/locale/en-US.js";
+import { differenceInSeconds as y } from "../../node_modules/date-fns/differenceInSeconds.js";
+import { differenceInMinutes as g } from "../../node_modules/date-fns/differenceInMinutes.js";
+import { differenceInHours as C } from "../../node_modules/date-fns/differenceInHours.js";
+import { differenceInDays as I } from "../../node_modules/date-fns/differenceInDays.js";
+import { differenceInMilliseconds as q } from "../../node_modules/date-fns/differenceInMilliseconds.js";
+import { TextVariants as N } from "../Text/types.js";
+import A from "../Text/Text.js";
 const B = P(
   ({
     endDateTime: o,
@@ -28,11 +28,11 @@ const B = P(
     centerAlign: M = !1,
     ...p
   }, _) => {
-    const { className: r, ...v } = G(p, "Countdown"), [n, V] = S(l() || /* @__PURE__ */ new Date()), u = b === R.zh ? k : q, s = {
-      days: N(o, n) > 0 ? N(o, n) : 0,
-      hours: I(o, n) > 0 ? I(o, n) % 24 : 0,
-      minutes: C(o, n) > 0 ? C(o, n) % 60 : 0,
-      seconds: (g(o, n) > 0 ? g(o, n) % 60 : 0) % 60
+    const { className: r, ...v } = G(p, "Countdown"), [n, V] = S(l() || /* @__PURE__ */ new Date()), u = b === R.zh ? U : k, s = {
+      days: I(o, n) > 0 ? I(o, n) : 0,
+      hours: C(o, n) > 0 ? C(o, n) % 24 : 0,
+      minutes: g(o, n) > 0 ? g(o, n) % 60 : 0,
+      seconds: (y(o, n) > 0 ? y(o, n) % 60 : 0) % 60
     };
     E(() => {
       const e = setInterval(() => {
@@ -43,7 +43,7 @@ const B = P(
     const j = F(() => {
       const e = l();
       return !!e && new Date(o).getTime() > e.getTime();
-    }, [o, l]), z = A(o, n) <= 180 * 1e3, c = m === a.sm ? y.labelSmall : y.labelMedium, h = [
+    }, [o, l]), z = q(o, n) <= 180 * 1e3, c = m === a.sm ? N.labelSmall : N.labelMedium, h = [
       s.days > 0 ? /* @__PURE__ */ t(
         d,
         {
@@ -105,7 +105,7 @@ const B = P(
         ref: _,
         children: [
           /* @__PURE__ */ w("div", { className: `${r}__countdown-container`, role: "timer", "aria-label": f, children: [
-            /* @__PURE__ */ t(U, { variant: c, children: f }),
+            /* @__PURE__ */ t(A, { variant: c, children: f }),
             h.length > 0 ? /* @__PURE__ */ t("div", { className: `${r}__duration-group`, children: h }) : null
           ] }),
           m === a.default ? /* @__PURE__ */ t("span", { children: $ }) : null

package/dist/components/Countdown/Duration.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/index.cjs"),d=require("../Text/types.cjs"),i=require("../Text/Text.cjs"),l=require("../../node_modules/date-fns/formatDuration.cjs"),m=({duration:n,unit:s,locale:o,formatDurationStr:u=t=>t,textVariant:r=d.TextVariants.labelMedium})=>{const t=`${c.px}-duration`,a=l.formatDuration(n,{format:[s],zero:!0,locale:o}).split(" ");return e.jsxs("div",{className:t,children:[e.jsx(i.default,{variant:r,children:a[0].padStart(2,"0")}),e.jsx(i.default,{variant:r,children:u(a[1])})]})};exports.Duration=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/index.cjs"),d=require("../../node_modules/date-fns/formatDuration.cjs"),i=require("../Text/Text.cjs"),l=require("../Text/types.cjs"),m=({duration:n,unit:s,locale:o,formatDurationStr:u=t=>t,textVariant:r=l.TextVariants.labelMedium})=>{const t=`${c.px}-duration`,a=d.formatDuration(n,{format:[s],zero:!0,locale:o}).split(" ");return e.jsxs("div",{className:t,children:[e.jsx(i.default,{variant:r,children:a[0].padStart(2,"0")}),e.jsx(i.default,{variant:r,children:u(a[1])})]})};exports.Duration=m;

package/dist/components/Countdown/Duration.js

@@ -1,16 +1,16 @@
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import { px as d } from "../../utils/index.js";
-import { TextVariants as l } from "../Text/types.js";
+import { formatDuration as l } from "../../node_modules/date-fns/formatDuration.js";
 import i from "../Text/Text.js";
-import { formatDuration as c } from "../../node_modules/date-fns/formatDuration.js";
+import { TextVariants as c } from "../Text/types.js";
 const b = ({
   duration: m,
   unit: s,
   locale: e,
   formatDurationStr: n = (r) => r,
-  textVariant: t = l.labelMedium
+  textVariant: t = c.labelMedium
 }) => {
-  const r = `${d}-duration`, o = c(m, { format: [s], zero: !0, locale: e }).split(" ");
+  const r = `${d}-duration`, o = l(m, { format: [s], zero: !0, locale: e }).split(" ");
   return /* @__PURE__ */ p("div", { className: r, children: [
     /* @__PURE__ */ a(i, { variant: t, children: o[0].padStart(2, "0") }),
     /* @__PURE__ */ a(i, { variant: t, children: n(o[1]) })

package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),b=require("react"),f=require("../../utils/index.cjs"),i=require("../../_virtual/index.cjs"),n=require("../Text/Text.cjs"),h=require("../Text/types.cjs"),r=b.forwardRef(({labelText:l,description:a,className:d,containerClassName:o,id:u,...s},m)=>{const{className:e,..._}=f.getCommonProps(s,"descriptive-radio-button"),c=u,x=a?`${c}-desc`:void 0;return t.jsxs("label",{htmlFor:c,className:i.default(`${e}__container`,o,{[`${e}__container--selected`]:s.checked}),children:[t.jsx("input",{..._,...s,ref:m,id:c,type:"radio",className:i.default(`${e}__input`,d),checked:s.checked}),t.jsxs("span",{className:`${e}__label-content`,children:[t.jsx(n.default,{variant:h.TextVariants.labelLarge,className:`${e}__label-text`,children:l}),a&&t.jsx(n.default,{id:x,className:`${e}__description`,children:a})]})]})});r.displayName="DescriptiveRadioButton";exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),b=require("react"),f=require("../../utils/index.cjs"),i=require("../../_virtual/index2.cjs"),n=require("../Text/Text.cjs"),h=require("../Text/types.cjs"),r=b.forwardRef(({labelText:l,description:a,className:d,containerClassName:o,id:u,...s},m)=>{const{className:e,..._}=f.getCommonProps(s,"descriptive-radio-button"),c=u,x=a?`${c}-desc`:void 0;return t.jsxs("label",{htmlFor:c,className:i.default(`${e}__container`,o,{[`${e}__container--selected`]:s.checked}),children:[t.jsx("input",{..._,...s,ref:m,id:c,type:"radio",className:i.default(`${e}__input`,d),checked:s.checked}),t.jsxs("span",{className:`${e}__label-content`,children:[t.jsx(n.default,{variant:h.TextVariants.labelLarge,className:`${e}__label-text`,children:l}),a&&t.jsx(n.default,{id:x,className:`${e}__description`,children:a})]})]})});r.displayName="DescriptiveRadioButton";exports.default=r;

package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import { getCommonProps as u } from "../../utils/index.js";
-import r from "../../_virtual/index.js";
+import r from "../../_virtual/index2.js";
 import i from "../Text/Text.js";
 import { TextVariants as N } from "../Text/types.js";
 const $ = h(

package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),f=require("react"),p=require("../../utils/index.cjs"),b=require("../../_virtual/index.cjs"),x=require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs"),a=f.forwardRef(({legendText:d,hideLegend:l=!0,options:r,name:t,value:o,onValueChange:n,className:c,...g},m)=>{const{className:i,...v}=p.getCommonProps(g,"descriptive-radio-button-group");if(!r||r.length===0)return null;const u=`${t}_radio-button-group`;return s.jsxs("fieldset",{...v,className:b.default(i,c),ref:m,name:t,role:"radiogroup","aria-labelledby":u,children:[s.jsx("legend",{id:u,className:l?`${i}__sr-only`:void 0,children:d}),r.map(e=>s.jsx(x.default,{...e,name:t,checked:o===e.value,onChange:()=>n(String(e.value??"")),id:e.id},e.id))]})});a.displayName="DescriptiveRadioButtonGroup";exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),f=require("react"),p=require("../../utils/index.cjs"),b=require("../../_virtual/index2.cjs"),x=require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs"),a=f.forwardRef(({legendText:d,hideLegend:l=!0,options:r,name:t,value:o,onValueChange:n,className:c,...g},m)=>{const{className:i,...v}=p.getCommonProps(g,"descriptive-radio-button-group");if(!r||r.length===0)return null;const u=`${t}_radio-button-group`;return s.jsxs("fieldset",{...v,className:b.default(i,c),ref:m,name:t,role:"radiogroup","aria-labelledby":u,children:[s.jsx("legend",{id:u,className:l?`${i}__sr-only`:void 0,children:d}),r.map(e=>s.jsx(x.default,{...e,name:t,checked:o===e.value,onChange:()=>n(String(e.value??"")),id:e.id},e.id))]})});a.displayName="DescriptiveRadioButtonGroup";exports.default=a;

package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { getCommonProps as v } from "../../utils/index.js";
-import b from "../../_virtual/index.js";
+import b from "../../_virtual/index2.js";
 import h from "../DescriptiveRadioButton/DescriptiveRadioButton.js";
 const N = g(
   ({ legendText: t, hideLegend: d = !0, options: e, name: o, value: l, onValueChange: m, className: u, ...c }, n) => {

package/dist/components/Detail/Detail.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),j=require("../../utils/index.cjs"),r=require("../../_virtual/index.cjs"),l=require("../Text/types.cjs"),i=require("../Text/Text.cjs"),d=T.forwardRef(({className:u="",hasWrap:o=!0,label:m,subLabel:t,value:x,variant:s="md",...n},b)=>{const{className:e,..._}=j.getCommonProps(n,"Detail"),c=s==="sm"?l.TextVariants.labelSmall:s==="lg"?l.TextVariants.labelLarge:l.TextVariants.labelMedium,f=s==="sm"?l.TextVariants.labelSmall:s==="lg"?l.TextVariants.bodyLarge:l.TextVariants.labelMedium;return a.jsxs("div",{..._,className:r.default(e,u),...n,ref:b,children:[a.jsxs("div",{className:r.default(`${e}__label-section`,{[`${e}__label--no-wrap`]:!o,[`${e}__label-section--has-sub-label`]:t}),children:[a.jsx(i.default,{variant:c,className:r.default(`${e}__label-section--label`),children:m})," ",t?a.jsx(i.default,{className:`${e}__sub-label`,variant:c,children:t}):null]}),a.jsx("div",{className:`${e}__value`,children:a.jsx(i.default,{variant:f,children:x})})]})});d.displayName="Detail";exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),j=require("../../utils/index.cjs"),r=require("../../_virtual/index2.cjs"),l=require("../Text/types.cjs"),i=require("../Text/Text.cjs"),d=T.forwardRef(({className:u="",hasWrap:o=!0,label:m,subLabel:t,value:x,variant:s="md",...n},b)=>{const{className:e,..._}=j.getCommonProps(n,"Detail"),c=s==="sm"?l.TextVariants.labelSmall:s==="lg"?l.TextVariants.labelLarge:l.TextVariants.labelMedium,f=s==="sm"?l.TextVariants.labelSmall:s==="lg"?l.TextVariants.bodyLarge:l.TextVariants.labelMedium;return a.jsxs("div",{..._,className:r.default(e,u),...n,ref:b,children:[a.jsxs("div",{className:r.default(`${e}__label-section`,{[`${e}__label--no-wrap`]:!o,[`${e}__label-section--has-sub-label`]:t}),children:[a.jsx(i.default,{variant:c,className:r.default(`${e}__label-section--label`),children:m})," ",t?a.jsx(i.default,{className:`${e}__sub-label`,variant:c,children:t}):null]}),a.jsx("div",{className:`${e}__value`,children:a.jsx(i.default,{variant:f,children:x})})]})});d.displayName="Detail";exports.default=d;

package/dist/components/Detail/Detail.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
 import { getCommonProps as h } from "../../utils/index.js";
-import r from "../../_virtual/index.js";
+import r from "../../_virtual/index2.js";
 import { TextVariants as a } from "../Text/types.js";
 import o from "../Text/Text.js";
 const x = N(

package/dist/components/DetailList/DetailList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),n=require("react"),c=require("../../_virtual/index.cjs"),e=require("../../utils/index.cjs"),s=require("./types.cjs"),D=require("./utils.cjs"),d=n.forwardRef(({alignment:t=s.DetailListAlignment.justified,className:p,children:a,hasSeparators:o=!1,variant:r="md",...u},f)=>{const{className:l,...x}=e.getCommonProps(u,"DetailList"),$=Array.isArray(a)?a:[a];return m.jsx("div",{...x,className:c.default(l,p,{[`${e.px}-has-separators`]:o,[`${e.px}-columns`]:t===s.DetailListAlignment.columns,[`${e.px}-justified`]:t===s.DetailListAlignment.justified,[`${l}--${r}`]:r}),...u,ref:f,children:$?.map((i,j)=>n.isValidElement(i)?m.jsx("div",{className:c.default(`${l}-wrapper`,{[`${e.px}-has-separators`]:o,[`${e.px}-columns`]:t===s.DetailListAlignment.columns,[`${e.px}-justified`]:t===s.DetailListAlignment.justified}),children:n.cloneElement(i,{variant:i.props.variant||r})},D.getDetailKey(i,j)):void 0)})});d.displayName="DetailList";exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),n=require("react"),c=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),s=require("./types.cjs"),D=require("./utils.cjs"),d=n.forwardRef(({alignment:t=s.DetailListAlignment.justified,className:p,children:a,hasSeparators:o=!1,variant:r="md",...u},f)=>{const{className:l,...x}=e.getCommonProps(u,"DetailList"),$=Array.isArray(a)?a:[a];return m.jsx("div",{...x,className:c.default(l,p,{[`${e.px}-has-separators`]:o,[`${e.px}-columns`]:t===s.DetailListAlignment.columns,[`${e.px}-justified`]:t===s.DetailListAlignment.justified,[`${l}--${r}`]:r}),...u,ref:f,children:$?.map((i,j)=>n.isValidElement(i)?m.jsx("div",{className:c.default(`${l}-wrapper`,{[`${e.px}-has-separators`]:o,[`${e.px}-columns`]:t===s.DetailListAlignment.columns,[`${e.px}-justified`]:t===s.DetailListAlignment.justified}),children:n.cloneElement(i,{variant:i.props.variant||r})},D.getDetailKey(i,j)):void 0)})});d.displayName="DetailList";exports.default=d;

package/dist/components/DetailList/DetailList.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as j, isValidElement as y, cloneElement as D } from "react";
-import p from "../../_virtual/index.js";
+import p from "../../_virtual/index2.js";
 import { getCommonProps as N, px as s } from "../../utils/index.js";
 import { DetailListAlignment as e } from "./types.js";
 import { getDetailKey as A } from "./utils.js";

package/dist/components/Divider/Divider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),l=require("../../utils/index.cjs"),c=require("../../_virtual/index.cjs"),s=o.forwardRef(({className:r,element:a,...e},d)=>{const n=a||"div",{className:i}=l.getCommonProps(e,"Divider");return t.jsx(n,{className:c.default(i,r),...e,"data-testid":`divider-${e.id}`,ref:d,children:t.jsx("hr",{className:`${i}-line`})})});s.displayName="Divider";exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),l=require("../../utils/index.cjs"),c=require("../../_virtual/index2.cjs"),s=o.forwardRef(({className:r,element:a,...e},d)=>{const n=a||"div",{className:i}=l.getCommonProps(e,"Divider");return t.jsx(n,{className:c.default(i,r),...e,"data-testid":`divider-${e.id}`,ref:d,children:t.jsx("hr",{className:`${i}-line`})})});s.displayName="Divider";exports.default=s;

package/dist/components/Divider/Divider.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
 import { getCommonProps as d } from "../../utils/index.js";
-import n from "../../_virtual/index.js";
+import n from "../../_virtual/index2.js";
 const l = t(({ className: m, element: r, ...e }, s) => {
   const o = r || "div", { className: a } = d(e, "Divider");
   return /* @__PURE__ */ i(

package/dist/components/Drawer/Drawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("react"),i=require("../../_virtual/index.cjs"),r=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),d=require("../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs"),u=require("../../utils/index.cjs"),N=require("./DrawerHeader.cjs"),b=require("../IconButton/IconButton.cjs"),v=require("../Button/types.cjs"),p=require("../Icon/Icon.cjs"),m=$.forwardRef(({isOpen:x,onClose:s=u.noOp,headerText:o,title:l,description:j=l,drawerOpenSide:a="right",paddingLevel:n,className:h,children:y,...c},f)=>{const{className:t,...q}=u.getCommonProps(c,"Drawer"),C=a==="bottom";return n??(n=o?1:2),e.jsx(r.Root,{open:x,onOpenChange:_=>{_||(document.body.style.removeProperty("pointer-events"),s())},children:e.jsxs(r.Portal,{children:[e.jsx(r.Overlay,{onClick:s,className:`${t}__overlay`,"data-testid":"drawer-overlay"}),e.jsxs(r.Content,{className:i.default(t,h,{[`${t}--bottom`]:C}),"data-side":a,id:c.id,ref:f,...q,children:[e.jsx(d.VisuallyHidden,{asChild:!0,children:e.jsx(r.Title,{children:l})}),e.jsx(d.VisuallyHidden,{asChild:!0,children:e.jsx(r.Description,{children:j})}),o?e.jsx(N.default,{baseClassName:t,headerText:o,onClose:s,drawerOpenSide:a}):e.jsx(r.Close,{asChild:!0,children:e.jsx(b.default,{onClick:s,className:i.default(`${t}__close`),"aria-label":"Close","data-testid":"drawer-close",variant:v.ButtonVariants.tertiary,children:e.jsx(p.default,{icon:"CloseX",color:"currentColor"})})}),e.jsx("div",{className:i.default(`${t}__content`,n<3&&`${t}__content--ep${n}`),children:y})]})]})})});m.displayName="Drawer";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("react"),i=require("../../_virtual/index2.cjs"),r=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),d=require("../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs"),u=require("../../utils/index.cjs"),N=require("./DrawerHeader.cjs"),b=require("../IconButton/IconButton.cjs"),v=require("../Button/types.cjs"),p=require("../Icon/Icon.cjs"),m=$.forwardRef(({isOpen:x,onClose:s=u.noOp,headerText:o,title:l,description:j=l,drawerOpenSide:a="right",paddingLevel:n,className:h,children:y,...c},f)=>{const{className:t,...q}=u.getCommonProps(c,"Drawer"),C=a==="bottom";return n??(n=o?1:2),e.jsx(r.Root,{open:x,onOpenChange:_=>{_||(document.body.style.removeProperty("pointer-events"),s())},children:e.jsxs(r.Portal,{children:[e.jsx(r.Overlay,{onClick:s,className:`${t}__overlay`,"data-testid":"drawer-overlay"}),e.jsxs(r.Content,{className:i.default(t,h,{[`${t}--bottom`]:C}),"data-side":a,id:c.id,ref:f,...q,children:[e.jsx(d.VisuallyHidden,{asChild:!0,children:e.jsx(r.Title,{children:l})}),e.jsx(d.VisuallyHidden,{asChild:!0,children:e.jsx(r.Description,{children:j})}),o?e.jsx(N.default,{baseClassName:t,headerText:o,onClose:s,drawerOpenSide:a}):e.jsx(r.Close,{asChild:!0,children:e.jsx(b.default,{onClick:s,className:i.default(`${t}__close`),"aria-label":"Close","data-testid":"drawer-close",variant:v.ButtonVariants.tertiary,children:e.jsx(p.default,{icon:"CloseX",color:"currentColor"})})}),e.jsx("div",{className:i.default(`${t}__content`,n<3&&`${t}__content--ep${n}`),children:y})]})]})})});m.displayName="Drawer";exports.default=m;

package/dist/components/Drawer/Drawer.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as _ } from "react";
-import i from "../../_virtual/index.js";
+import i from "../../_virtual/index2.js";
 import { Root as $, Portal as b, Overlay as v, Content as w, Title as D, Description as P, Close as B } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { VisuallyHidden as c } from "../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { getCommonProps as j, noOp as k } from "../../utils/index.js";

package/dist/components/Drawer/DrawerHeader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),d=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),u=require("../IconButton/IconButton.cjs"),x=require("../Button/types.cjs"),j=require("../Icon/Icon.cjs"),m=require("../Text/types.cjs"),b=require("../Text/Text.cjs"),l=({baseClassName:o,drawerOpenSide:s,onClose:a,bookendSide:t,...n})=>{const r=s==="bottom"&&t==="left"||s!=="bottom"&&t==="right";return e.jsx("div",{className:`${o}__bookend ${o}__bookend-${t}`,...n,children:r&&e.jsx(d.Close,{asChild:!0,children:e.jsx(u.default,{onClick:a,"aria-label":"Close","data-testid":"drawer-close",variant:x.ButtonVariants.tertiary,children:e.jsx(j.default,{icon:"CloseX",color:"currentColor"})})})})},i=c.forwardRef(({baseClassName:o,headerText:s,drawerOpenSide:a,onClose:t},n)=>{const r=`${o}-header`;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:r,children:[e.jsx(l,{baseClassName:r,onClose:t,drawerOpenSide:a,bookendSide:"left"}),e.jsx(b.default,{variant:m.TextVariants.headingSmall,className:`${r}__title`,children:s}),e.jsx(l,{baseClassName:r,onClose:t,drawerOpenSide:a,bookendSide:"right"})]}),s&&e.jsx("div",{className:`${r}__hr`})]})});i.displayName="DrawerHeader";exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),d=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),u=require("../IconButton/IconButton.cjs"),x=require("../Button/types.cjs"),j=require("../Text/Text.cjs"),m=require("../Text/types.cjs"),b=require("../Icon/Icon.cjs"),l=({baseClassName:o,drawerOpenSide:s,onClose:a,bookendSide:t,...n})=>{const r=s==="bottom"&&t==="left"||s!=="bottom"&&t==="right";return e.jsx("div",{className:`${o}__bookend ${o}__bookend-${t}`,...n,children:r&&e.jsx(d.Close,{asChild:!0,children:e.jsx(u.default,{onClick:a,"aria-label":"Close","data-testid":"drawer-close",variant:x.ButtonVariants.tertiary,children:e.jsx(b.default,{icon:"CloseX",color:"currentColor"})})})})},i=c.forwardRef(({baseClassName:o,headerText:s,drawerOpenSide:a,onClose:t},n)=>{const r=`${o}-header`;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:r,children:[e.jsx(l,{baseClassName:r,onClose:t,drawerOpenSide:a,bookendSide:"left"}),e.jsx(j.default,{variant:m.TextVariants.headingSmall,className:`${r}__title`,children:s}),e.jsx(l,{baseClassName:r,onClose:t,drawerOpenSide:a,bookendSide:"right"})]}),s&&e.jsx("div",{className:`${r}__hr`})]})});i.displayName="DrawerHeader";exports.default=i;

package/dist/components/Drawer/DrawerHeader.js

@@ -3,19 +3,19 @@ import { forwardRef as c } from "react";
 import { Close as d } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import f from "../IconButton/IconButton.js";
 import { ButtonVariants as h } from "../Button/types.js";
-import b from "../Icon/Icon.js";
+import b from "../Text/Text.js";
 import { TextVariants as _ } from "../Text/types.js";
-import p from "../Text/Text.js";
+import p from "../Icon/Icon.js";
 const m = ({ baseClassName: a, drawerOpenSide: e, onClose: i, bookendSide: t, ...l }) => {
   const o = e === "bottom" && t === "left" || e !== "bottom" && t === "right";
-  return /* @__PURE__ */ r("div", { className: `${a}__bookend ${a}__bookend-${t}`, ...l, children: o && /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r(f, { onClick: i, "aria-label": "Close", "data-testid": "drawer-close", variant: h.tertiary, children: /* @__PURE__ */ r(b, { icon: "CloseX", color: "currentColor" }) }) }) });
+  return /* @__PURE__ */ r("div", { className: `${a}__bookend ${a}__bookend-${t}`, ...l, children: o && /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r(f, { onClick: i, "aria-label": "Close", "data-testid": "drawer-close", variant: h.tertiary, children: /* @__PURE__ */ r(p, { icon: "CloseX", color: "currentColor" }) }) }) });
 }, u = c(
   ({ baseClassName: a, headerText: e, drawerOpenSide: i, onClose: t }, l) => {
     const o = `${a}-header`;
     return /* @__PURE__ */ s(n, { children: [
       /* @__PURE__ */ s("div", { className: o, children: [
         /* @__PURE__ */ r(m, { baseClassName: o, onClose: t, drawerOpenSide: i, bookendSide: "left" }),
-        /* @__PURE__ */ r(p, { variant: _.headingSmall, className: `${o}__title`, children: e }),
+        /* @__PURE__ */ r(b, { variant: _.headingSmall, className: `${o}__title`, children: e }),
         /* @__PURE__ */ r(
           m,
           {

package/dist/components/Dropdown/Dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),g=require("../../utils/index.cjs"),u=require("../../_virtual/index.cjs"),s=require("../../node_modules/@radix-ui/react-select/dist/index.cjs"),c=require("../Icon/Icon.cjs"),m=i.forwardRef(({options:l,value:r,onValueChange:t,label:a,className:x,id:d,disabled:h,...j},_)=>{const{className:n,...w}=g.getCommonProps({id:d},"Dropdown"),[f,N]=i.useState(!1);return e.jsx("div",{className:u.default(n,x),id:d,...w,...j,children:e.jsxs(s.Root,{value:r,onValueChange:o=>{t(o)},onOpenChange:N,children:[e.jsxs(s.Trigger,{className:`${n}__trigger`,"aria-label":a??"Select option",ref:_,disabled:h,children:[e.jsx(s.Value,{placeholder:r}),e.jsx(s.Icon,{children:e.jsx(c.default,{icon:"ChevronDown",className:u.default({[`${n}__trigger-icon-expanded`]:f}),height:"1rem",width:"1rem"})})]}),e.jsx(s.Portal,{children:e.jsxs(s.Content,{className:`${n}__content`,position:"popper",children:[e.jsx(s.ScrollUpButton,{className:`${n}__scroll-button__up`,children:e.jsx(c.default,{icon:"ChevronDown"})}),e.jsx(s.Viewport,{className:`${n}__viewport`,children:l.map(o=>e.jsx(p,{value:o.value,disabled:o.value===r,className:n,children:o.label},o.value))}),e.jsx(s.ScrollDownButton,{className:`${n}__scroll-button`,children:e.jsx(c.default,{icon:"ChevronDown"})})]})})]})})});m.displayName="Dropdown";const p=i.forwardRef(({children:l,className:r,...t},a)=>e.jsx(s.Item,{className:`${r}__item`,...t,ref:a,children:e.jsx(s.ItemText,{children:l})}));p.displayName="DropdownSelectItem";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),g=require("../../utils/index.cjs"),u=require("../../_virtual/index2.cjs"),s=require("../../node_modules/@radix-ui/react-select/dist/index.cjs"),c=require("../Icon/Icon.cjs"),m=i.forwardRef(({options:l,value:r,onValueChange:t,label:a,className:x,id:d,disabled:h,...j},_)=>{const{className:n,...w}=g.getCommonProps({id:d},"Dropdown"),[f,N]=i.useState(!1);return e.jsx("div",{className:u.default(n,x),id:d,...w,...j,children:e.jsxs(s.Root,{value:r,onValueChange:o=>{t(o)},onOpenChange:N,children:[e.jsxs(s.Trigger,{className:`${n}__trigger`,"aria-label":a??"Select option",ref:_,disabled:h,children:[e.jsx(s.Value,{placeholder:r}),e.jsx(s.Icon,{children:e.jsx(c.default,{icon:"ChevronDown",className:u.default({[`${n}__trigger-icon-expanded`]:f}),height:"1rem",width:"1rem"})})]}),e.jsx(s.Portal,{children:e.jsxs(s.Content,{className:`${n}__content`,position:"popper",children:[e.jsx(s.ScrollUpButton,{className:`${n}__scroll-button__up`,children:e.jsx(c.default,{icon:"ChevronDown"})}),e.jsx(s.Viewport,{className:`${n}__viewport`,children:l.map(o=>e.jsx(p,{value:o.value,disabled:o.value===r,className:n,children:o.label},o.value))}),e.jsx(s.ScrollDownButton,{className:`${n}__scroll-button`,children:e.jsx(c.default,{icon:"ChevronDown"})})]})})]})})});m.displayName="Dropdown";const p=i.forwardRef(({children:l,className:r,...t},a)=>e.jsx(s.Item,{className:`${r}__item`,...t,ref:a,children:e.jsx(s.ItemText,{children:l})}));p.displayName="DropdownSelectItem";exports.default=m;

package/dist/components/Dropdown/Dropdown.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { forwardRef as p, useState as C } from "react";
 import { getCommonProps as D } from "../../utils/index.js";
-import i from "../../_virtual/index.js";
+import i from "../../_virtual/index2.js";
 import { Root as $, Trigger as v, Value as I, Icon as b, Portal as S, Content as x, ScrollUpButton as O, Viewport as P, ScrollDownButton as R, Item as V, ItemText as j } from "../../node_modules/@radix-ui/react-select/dist/index.js";
 import c from "../Icon/Icon.js";
 const y = p(

package/dist/components/ExitGateCard/ExitGateCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("../../_virtual/index.cjs"),v=require("react"),y=require("../../utils/index.cjs"),b=require("../Button/Button.cjs"),C=require("../Button/types.cjs");require("../Link/types.cjs");const E=require("../Link/Link.cjs"),G=require("../SeldonImage/SeldonImage.cjs"),d=require("../Text/types.cjs"),a=require("../Text/Text.cjs"),m=v.forwardRef(({className:x,imageSrc:s,label:n,header:r,description:l,linkLabel:i,linkHref:c,linkElement:o=E.default,variant:_=C.ButtonVariants.secondary,altText:f="Exit Gate Card Image",imageSrcSet:j,imageSizes:q,imageLoading:N,imageFetchPriority:h,...u},g)=>{const{className:t,...p}=y.getCommonProps(u,"ExitGateCard");return e.jsxs("article",{...p,className:$.default(t,x),...u,ref:g,children:[s?e.jsx(G.default,{objectFit:"cover",aspectRatio:"16/9",src:s,alt:f,srcSet:j,sizes:q,loading:N,fetchPriority:h,className:`${t}__desktop_image`}):null,e.jsxs("div",{className:`${t}__content`,children:[n?e.jsx(a.default,{variant:d.TextVariants.labelMedium,element:"span",className:`${t}__content-label`,children:n}):null,r?e.jsx(a.default,{variant:d.TextVariants.headingLarge,element:"span",className:`${t}__content-title`,children:r}):null,l?e.jsx(a.default,{element:"span",className:`${t}__content-description`,children:l}):null,(i||o)&&c?e.jsx(o,{href:c,children:e.jsx(b.default,{variant:_,tabIndex:-1,className:`${t}__content-link`,children:i})}):null]})]})});m.displayName="ExitGateCard";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("../../_virtual/index2.cjs"),v=require("react"),y=require("../../utils/index.cjs"),b=require("../Button/Button.cjs"),C=require("../Button/types.cjs"),E=require("../SeldonImage/SeldonImage.cjs"),a=require("../Text/Text.cjs"),d=require("../Text/types.cjs"),G=require("../Link/Link.cjs"),m=v.forwardRef(({className:x,imageSrc:s,label:n,header:r,description:l,linkLabel:i,linkHref:c,linkElement:o=G.default,variant:_=C.ButtonVariants.secondary,altText:f="Exit Gate Card Image",imageSrcSet:j,imageSizes:q,imageLoading:N,imageFetchPriority:h,...u},g)=>{const{className:t,...p}=y.getCommonProps(u,"ExitGateCard");return e.jsxs("article",{...p,className:$.default(t,x),...u,ref:g,children:[s?e.jsx(E.default,{objectFit:"cover",aspectRatio:"16/9",src:s,alt:f,srcSet:j,sizes:q,loading:N,fetchPriority:h,className:`${t}__desktop_image`}):null,e.jsxs("div",{className:`${t}__content`,children:[n?e.jsx(a.default,{variant:d.TextVariants.labelMedium,element:"span",className:`${t}__content-label`,children:n}):null,r?e.jsx(a.default,{variant:d.TextVariants.headingLarge,element:"span",className:`${t}__content-title`,children:r}):null,l?e.jsx(a.default,{element:"span",className:`${t}__content-description`,children:l}):null,(i||o)&&c?e.jsx(o,{href:c,children:e.jsx(b.default,{variant:_,tabIndex:-1,className:`${t}__content-link`,children:i})}):null]})]})});m.displayName="ExitGateCard";exports.default=m;

package/dist/components/ExitGateCard/ExitGateCard.js

@@ -1,24 +1,23 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import E from "../../_virtual/index.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import E from "../../_virtual/index2.js";
 import { forwardRef as v } from "react";
 import { getCommonProps as G } from "../../utils/index.js";
 import b from "../Button/Button.js";
 import { ButtonVariants as j } from "../Button/types.js";
-import "../Link/types.js";
-import y from "../Link/Link.js";
-import I from "../SeldonImage/SeldonImage.js";
-import { TextVariants as p } from "../Text/types.js";
+import y from "../SeldonImage/SeldonImage.js";
 import a from "../Text/Text.js";
+import { TextVariants as p } from "../Text/types.js";
+import I from "../Link/Link.js";
 const P = v(
   ({
     className: f,
     imageSrc: r,
     label: n,
     header: o,
-    description: m,
-    linkLabel: s,
-    linkHref: i,
-    linkElement: l = y,
+    description: s,
+    linkLabel: m,
+    linkHref: l,
+    linkElement: i = I,
     variant: _ = j.secondary,
     altText: u = "Exit Gate Card Image",
     imageSrcSet: x,
@@ -27,10 +26,10 @@ const P = v(
     imageFetchPriority: g,
     ...c
   }, $) => {
-    const { className: t, ...C } = G(c, "ExitGateCard");
-    return /* @__PURE__ */ d("article", { ...C, className: E(t, f), ...c, ref: $, children: [
-      r ? /* @__PURE__ */ e(
-        I,
+    const { className: e, ...C } = G(c, "ExitGateCard");
+    return /* @__PURE__ */ d("article", { ...C, className: E(e, f), ...c, ref: $, children: [
+      r ? /* @__PURE__ */ t(
+        y,
         {
           objectFit: "cover",
           aspectRatio: "16/9",
@@ -40,14 +39,14 @@ const P = v(
           sizes: N,
           loading: h,
           fetchPriority: g,
-          className: `${t}__desktop_image`
+          className: `${e}__desktop_image`
         }
       ) : null,
-      /* @__PURE__ */ d("div", { className: `${t}__content`, children: [
-        n ? /* @__PURE__ */ e(a, { variant: p.labelMedium, element: "span", className: `${t}__content-label`, children: n }) : null,
-        o ? /* @__PURE__ */ e(a, { variant: p.headingLarge, element: "span", className: `${t}__content-title`, children: o }) : null,
-        m ? /* @__PURE__ */ e(a, { element: "span", className: `${t}__content-description`, children: m }) : null,
-        (s || l) && i ? /* @__PURE__ */ e(l, { href: i, children: /* @__PURE__ */ e(b, { variant: _, tabIndex: -1, className: `${t}__content-link`, children: s }) }) : null
+      /* @__PURE__ */ d("div", { className: `${e}__content`, children: [
+        n ? /* @__PURE__ */ t(a, { variant: p.labelMedium, element: "span", className: `${e}__content-label`, children: n }) : null,
+        o ? /* @__PURE__ */ t(a, { variant: p.headingLarge, element: "span", className: `${e}__content-title`, children: o }) : null,
+        s ? /* @__PURE__ */ t(a, { element: "span", className: `${e}__content-description`, children: s }) : null,
+        (m || i) && l ? /* @__PURE__ */ t(i, { href: l, children: /* @__PURE__ */ t(b, { variant: _, tabIndex: -1, className: `${e}__content-link`, children: m }) }) : null
       ] })
     ] });
   }

package/dist/components/FavoritingTileButton/FavoritingTileButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),f=require("react"),_=require("../../utils/index.cjs"),j=require("../../_virtual/index.cjs"),a=require("../Text/Text.cjs"),o=f.forwardRef(({className:u,actionAddText:s="Add to",actionRemoveText:l="Remove from",isLotInList:t,listTitle:i,numberOfObjects:d,onClick:c,...n},m)=>{const{className:e,...x}=_.getCommonProps(n,"FavoritingTileButton");return r.jsxs("button",{...x,className:j.default(e,u,{[`${e}--lot-in-list`]:t}),onClick:c,ref:m,id:n?.id,"aria-label":`${t?l:s} ${i}`,"aria-pressed":t,children:[r.jsxs("div",{className:`${e}__text`,children:[r.jsx(a.default,{className:`${e}__text--action`,children:t?l:s}),r.jsx(a.default,{children:i})]}),r.jsx(a.default,{className:`${e}__text--number`,children:d})]})});o.displayName="FavoritingTileButton";exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),f=require("react"),_=require("../../utils/index.cjs"),j=require("../../_virtual/index2.cjs"),a=require("../Text/Text.cjs"),o=f.forwardRef(({className:u,actionAddText:s="Add to",actionRemoveText:l="Remove from",isLotInList:t,listTitle:i,numberOfObjects:d,onClick:c,...n},m)=>{const{className:e,...x}=_.getCommonProps(n,"FavoritingTileButton");return r.jsxs("button",{...x,className:j.default(e,u,{[`${e}--lot-in-list`]:t}),onClick:c,ref:m,id:n?.id,"aria-label":`${t?l:s} ${i}`,"aria-pressed":t,children:[r.jsxs("div",{className:`${e}__text`,children:[r.jsx(a.default,{className:`${e}__text--action`,children:t?l:s}),r.jsx(a.default,{children:i})]}),r.jsx(a.default,{className:`${e}__text--number`,children:d})]})});o.displayName="FavoritingTileButton";exports.default=o;

package/dist/components/FavoritingTileButton/FavoritingTileButton.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { getCommonProps as N } from "../../utils/index.js";
-import _ from "../../_virtual/index.js";
+import _ from "../../_virtual/index2.js";
 import o from "../Text/Text.js";
 const $ = u(
   ({

package/dist/components/Filter/Filter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),r=require("../../utils/index.cjs"),b=require("../../_virtual/index.cjs"),f=require("./FilterHeader.cjs"),E=require("../Button/Button.cjs"),F=require("../Button/types.cjs"),T=require("../Icon/Icon.cjs"),P=require("../Text/types.cjs"),R=require("../Text/Text.cjs"),m=s.forwardRef(({className:h,children:x,name:i,viewAllLimit:d=10,isViewingAll:n=!1,isHidden:_=!1,setViewAllFilter:o,viewAllLabel:p="View All",...c},q)=>{const[v,C]=s.useState(!1),{className:t,...j}=r.getCommonProps(c,"Filter"),l=s.Children.toArray(x),y={isViewingAll:n,setViewAllFilter:o,setIsClosing:C},u=r.findChildrenOfType(l,f.default)?.[0],N=s.isValidElement(u)?s.cloneElement(u,y):null,$=r.findChildrenExcludingTypes(l,[f.default])?.map((a,g)=>s.isValidElement(a)?s.cloneElement(a,{hidden:!n&&g+1>d}):a);return e.jsxs("div",{...j,className:b.default(t,h,{[`${r.px}-filter--hidden`]:_,"is-closing":v}),...c,ref:q,children:[e.jsxs("fieldset",{name:i,className:`${t}__fieldset`,children:[N,e.jsx("div",{className:`${t}__filters`,children:$})]}),l.length>d&&!n?e.jsx("div",{className:`${t}__view-all`,children:e.jsxs(E.default,{className:`${t}__view-all__button`,variant:F.ButtonVariants.tertiary,onClick:()=>{o?.(i)},children:[e.jsx(R.default,{variant:P.TextVariants.labelMedium,children:p}),e.jsx(T.default,{icon:"ChevronRight",className:`${t}__chevron`})]})}):null]})});m.displayName="Filter";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),r=require("../../utils/index.cjs"),b=require("../../_virtual/index2.cjs"),f=require("./FilterHeader.cjs"),E=require("../Button/Button.cjs"),F=require("../Button/types.cjs"),T=require("../Text/Text.cjs"),P=require("../Text/types.cjs"),R=require("../Icon/Icon.cjs"),m=s.forwardRef(({className:h,children:x,name:i,viewAllLimit:d=10,isViewingAll:n=!1,isHidden:_=!1,setViewAllFilter:o,viewAllLabel:p="View All",...c},q)=>{const[v,C]=s.useState(!1),{className:t,...j}=r.getCommonProps(c,"Filter"),l=s.Children.toArray(x),y={isViewingAll:n,setViewAllFilter:o,setIsClosing:C},u=r.findChildrenOfType(l,f.default)?.[0],N=s.isValidElement(u)?s.cloneElement(u,y):null,$=r.findChildrenExcludingTypes(l,[f.default])?.map((a,g)=>s.isValidElement(a)?s.cloneElement(a,{hidden:!n&&g+1>d}):a);return e.jsxs("div",{...j,className:b.default(t,h,{[`${r.px}-filter--hidden`]:_,"is-closing":v}),...c,ref:q,children:[e.jsxs("fieldset",{name:i,className:`${t}__fieldset`,children:[N,e.jsx("div",{className:`${t}__filters`,children:$})]}),l.length>d&&!n?e.jsx("div",{className:`${t}__view-all`,children:e.jsxs(E.default,{className:`${t}__view-all__button`,variant:F.ButtonVariants.tertiary,onClick:()=>{o?.(i)},children:[e.jsx(T.default,{variant:P.TextVariants.labelMedium,children:p}),e.jsx(R.default,{icon:"ChevronRight",className:`${t}__chevron`})]})}):null]})});m.displayName="Filter";exports.default=m;

package/dist/components/Filter/Filter.js

@@ -1,13 +1,13 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import { forwardRef as b, useState as E, Children as H, isValidElement as c, cloneElement as f } from "react";
 import { getCommonProps as P, findChildrenOfType as j, findChildrenExcludingTypes as B, px as I } from "../../utils/index.js";
-import R from "../../_virtual/index.js";
+import R from "../../_virtual/index2.js";
 import p from "./FilterHeader.js";
 import k from "../Button/Button.js";
 import { ButtonVariants as M } from "../Button/types.js";
-import O from "../Icon/Icon.js";
+import O from "../Text/Text.js";
 import { TextVariants as S } from "../Text/types.js";
-import V from "../Text/Text.js";
+import V from "../Icon/Icon.js";
 const q = b(
   ({
     className: h,
@@ -47,8 +47,8 @@ const q = b(
                 n?.(i);
               },
               children: [
-                /* @__PURE__ */ r(V, { variant: S.labelMedium, children: C }),
-                /* @__PURE__ */ r(O, { icon: "ChevronRight", className: `${e}__chevron` })
+                /* @__PURE__ */ r(O, { variant: S.labelMedium, children: C }),
+                /* @__PURE__ */ r(V, { icon: "ChevronRight", className: `${e}__chevron` })
               ]
             }
           ) }) : null

package/dist/components/Filter/FilterHeader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("react"),j=require("../../utils/index.cjs"),v=require("../../_virtual/index.cjs"),s=require("../Text/types.cjs"),n=require("../Text/Text.cjs"),N=require("../Button/Button.cjs"),_=require("../Button/types.cjs"),b=require("../Icon/Icon.cjs"),l=h.forwardRef(({className:i,heading:o,isViewingAll:u=!1,setViewAllFilter:c,setIsClosing:a,backToAllLabel:d="Back to all",...r},m)=>{const{className:t,...f}=j.getCommonProps(r,"FilterHeader"),x=()=>{a?.(!0),setTimeout(()=>{c?.(null),a?.(!1)},300)};return e.jsxs("div",{...f,className:v.default(t,i),...r,ref:m,children:[e.jsx(n.default,{variant:s.TextVariants.headingSmall,className:`${t}__heading`,element:q=>e.jsx("legend",{...q,children:o})}),u?e.jsxs(N.default,{variant:_.ButtonVariants.tertiary,onClick:x,className:`${t}__back`,children:[e.jsx(b.default,{icon:"ChevronLeft"}),e.jsx(n.default,{variant:s.TextVariants.labelMedium,children:d})]}):null]})});l.displayName="FilterHeader";exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("react"),j=require("../../utils/index.cjs"),v=require("../../_virtual/index2.cjs"),N=require("../Button/Button.cjs"),_=require("../Button/types.cjs"),s=require("../Text/Text.cjs"),n=require("../Text/types.cjs"),b=require("../Icon/Icon.cjs"),l=h.forwardRef(({className:i,heading:o,isViewingAll:u=!1,setViewAllFilter:c,setIsClosing:a,backToAllLabel:d="Back to all",...r},m)=>{const{className:t,...f}=j.getCommonProps(r,"FilterHeader"),x=()=>{a?.(!0),setTimeout(()=>{c?.(null),a?.(!1)},300)};return e.jsxs("div",{...f,className:v.default(t,i),...r,ref:m,children:[e.jsx(s.default,{variant:n.TextVariants.headingSmall,className:`${t}__heading`,element:q=>e.jsx("legend",{...q,children:o})}),u?e.jsxs(N.default,{variant:_.ButtonVariants.tertiary,onClick:x,className:`${t}__back`,children:[e.jsx(b.default,{icon:"ChevronLeft"}),e.jsx(s.default,{variant:n.TextVariants.labelMedium,children:d})]}):null]})});l.displayName="FilterHeader";exports.default=l;

package/dist/components/Filter/FilterHeader.js

@@ -1,11 +1,11 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
 import { getCommonProps as v } from "../../utils/index.js";
-import x from "../../_virtual/index.js";
-import { TextVariants as m } from "../Text/types.js";
-import l from "../Text/Text.js";
+import x from "../../_virtual/index2.js";
 import C from "../Button/Button.js";
 import { ButtonVariants as _ } from "../Button/types.js";
+import m from "../Text/Text.js";
+import { TextVariants as l } from "../Text/types.js";
 import b from "../Icon/Icon.js";
 const g = N(
   ({
@@ -24,16 +24,16 @@ const g = N(
     };
     return /* @__PURE__ */ o("div", { ...p, className: x(r, i), ...t, ref: f, children: [
       /* @__PURE__ */ e(
-        l,
+        m,
         {
-          variant: m.headingSmall,
+          variant: l.headingSmall,
           className: `${r}__heading`,
           element: (h) => /* @__PURE__ */ e("legend", { ...h, children: n })
         }
       ),
       s ? /* @__PURE__ */ o(C, { variant: _.tertiary, onClick: u, className: `${r}__back`, children: [
         /* @__PURE__ */ e(b, { icon: "ChevronLeft" }),
-        /* @__PURE__ */ e(l, { variant: m.labelMedium, children: d })
+        /* @__PURE__ */ e(m, { variant: l.labelMedium, children: d })
       ] }) : null
     ] });
   }

package/dist/components/Grid/Grid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),g=require("../../_virtual/index.cjs"),e=require("../../utils/index.cjs"),f=require("./utils.cjs"),p=require("react"),q=({children:n,className:t,element:i="section",columnGap:o=e.SpacingTokens.md,rowGap:a=e.SpacingTokens.lg,...s},c)=>{const{className:d,...u}=e.getCommonProps(s,"Grid"),l=i;return m.jsx(l,{...u,className:g.default(f.determineGridClassName(d,o,a),t),...s,ref:c,children:n})},r=p.forwardRef(q);r.displayName="Grid";exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),g=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),f=require("./utils.cjs"),p=require("react"),q=({children:n,className:t,element:i="section",columnGap:o=e.SpacingTokens.md,rowGap:a=e.SpacingTokens.lg,...s},c)=>{const{className:d,...u}=e.getCommonProps(s,"Grid"),l=i;return m.jsx(l,{...u,className:g.default(f.determineGridClassName(d,o,a),t),...s,ref:c,children:n})},r=p.forwardRef(q);r.displayName="Grid";exports.default=r;

package/dist/components/Grid/Grid.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import l from "../../_virtual/index.js";
+import l from "../../_virtual/index2.js";
 import { getCommonProps as p, SpacingTokens as m } from "../../utils/index.js";
 import { determineGridClassName as f } from "./utils.js";
 import { forwardRef as G } from "react";

package/dist/components/Grid/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/index.cjs"),n=(e,r,t)=>i.default(`${e} ${e}--column-gap-${r}`,`${e}--row-gap-${t}`);exports.determineGridClassName=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/index2.cjs"),n=(e,r,t)=>i.default(`${e} ${e}--column-gap-${r}`,`${e}--row-gap-${t}`);exports.determineGridClassName=n;

package/dist/components/Grid/utils.js

@@ -1,4 +1,4 @@
-import t from "../../_virtual/index.js";
+import t from "../../_virtual/index2.js";
 const m = (r, o, n) => t(
   `${r} ${r}--column-gap-${o}`,
   `${r}--row-gap-${n}`

package/dist/components/GridItem/GridItem.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/index.cjs"),S=require("../../_virtual/index.cjs"),l=require("./gridItemUtils.cjs"),g=require("./types.cjs"),c=t.forwardRef(({children:d,xs:r=2,sm:s=2,md:n=6,lg:i=12,align:o=g.GridItemAlign.center,element:p="div",className:u,...a},f)=>{const{className:m,...q}=v.getCommonProps(a,"GridItem"),e=t.useMemo(()=>({xs:r,sm:s,md:n,lg:i}),[r,s,n,i]),C=t.useMemo(()=>[m,Object.entries(e).map(([I,b])=>l.determineColumnSpanClassName(I,b,o)),u],[o,e,m,u]);return l.validateColumnSpans(Object.values(e))?j.jsx(p,{ref:f,...q,className:S.default(C),...a,children:d}):null});c.displayName="GridItem";exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/index.cjs"),S=require("../../_virtual/index2.cjs"),l=require("./gridItemUtils.cjs"),g=require("./types.cjs"),c=t.forwardRef(({children:d,xs:r=2,sm:s=2,md:n=6,lg:i=12,align:o=g.GridItemAlign.center,element:p="div",className:u,...a},f)=>{const{className:m,...q}=v.getCommonProps(a,"GridItem"),e=t.useMemo(()=>({xs:r,sm:s,md:n,lg:i}),[r,s,n,i]),C=t.useMemo(()=>[m,Object.entries(e).map(([I,b])=>l.determineColumnSpanClassName(I,b,o)),u],[o,e,m,u]);return l.validateColumnSpans(Object.values(e))?j.jsx(p,{ref:f,...q,className:S.default(C),...a,children:d}):null});c.displayName="GridItem";exports.default=c;

package/dist/components/GridItem/GridItem.js

@@ -1,7 +1,7 @@
 import { jsx as G } from "react/jsx-runtime";
 import { forwardRef as N, useMemo as l } from "react";
 import { getCommonProps as b } from "../../utils/index.js";
-import j from "../../_virtual/index.js";
+import j from "../../_virtual/index2.js";
 import { determineColumnSpanClassName as v, validateColumnSpans as P } from "./gridItemUtils.js";
 import { GridItemAlign as S } from "./types.js";
 const O = N(

package/dist/components/Icon/Icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),$=require("react"),f=require("../../_virtual/index.cjs"),c=require("../../utils/index.cjs"),b=require("../../utils/scssUtils.cjs"),j=require("../../assets/formatted/index.cjs"),u=require("../../assets/pictograms/formatted/index.cjs"),a=$.forwardRef(({className:i,height:r,width:n,color:s,icon:e,isPictogram:l,...d},m)=>{const{className:p,...x}=c.getCommonProps(d,`Icon-${e}`),o=l?u[e]:j[e]||u[e],q={color:s==="currentColor"?s:b.getScssVar(s??"","$black-100"),...r?{height:r}:{},...n?{width:n}:{},...x};return o?t.jsx("div",{className:f.default(`${c.px}-icon`,p,i),ref:m,children:t.jsx(o,{...q})}):null});a.displayName="Icon";exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),$=require("react"),f=require("../../_virtual/index2.cjs"),c=require("../../utils/index.cjs"),b=require("../../utils/scssUtils.cjs"),j=require("../../assets/formatted/index.cjs"),u=require("../../assets/pictograms/formatted/index.cjs"),a=$.forwardRef(({className:i,height:r,width:n,color:s,icon:e,isPictogram:l,...d},m)=>{const{className:p,...x}=c.getCommonProps(d,`Icon-${e}`),o=l?u[e]:j[e]||u[e],q={color:s==="currentColor"?s:b.getScssVar(s??"","$black-100"),...r?{height:r}:{},...n?{width:n}:{},...x};return o?t.jsx("div",{className:f.default(`${c.px}-icon`,p,i),ref:m,children:t.jsx(o,{...q})}):null});a.displayName="Icon";exports.default=a;

package/dist/components/Icon/Icon.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
-import u from "../../_virtual/index.js";
+import u from "../../_virtual/index2.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";

package/dist/components/IconButton/IconButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("../../_virtual/index.cjs"),m=require("../Button/Button.cjs"),b=require("../../utils/index.cjs"),f=require("../Button/types.cjs"),q=require("react"),a=q.forwardRef(({children:n,variant:t=f.ButtonVariants.primary,isDisabled:r=!1,className:s,...e},u)=>{const{className:o,...c}=b.getCommonProps(e,"IconButton"),i=e["aria-label"]??"Icon button";return l.jsx(m.default,{...c,variant:t,className:d.default(o,`${o}--${t}`,s),isDisabled:r,ref:u,...e,"aria-label":i,children:n})});a.displayName="IconButton";exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("../../_virtual/index2.cjs"),m=require("../Button/Button.cjs"),b=require("../../utils/index.cjs"),f=require("../Button/types.cjs"),q=require("react"),a=q.forwardRef(({children:n,variant:t=f.ButtonVariants.primary,isDisabled:r=!1,className:s,...e},u)=>{const{className:o,...c}=b.getCommonProps(e,"IconButton"),i=e["aria-label"]??"Icon button";return l.jsx(m.default,{...c,variant:t,className:d.default(o,`${o}--${t}`,s),isDisabled:r,ref:u,...e,"aria-label":i,children:n})});a.displayName="IconButton";exports.default=a;

package/dist/components/IconButton/IconButton.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import i from "../../_virtual/index.js";
+import i from "../../_virtual/index2.js";
 import f from "../Button/Button.js";
 import { getCommonProps as u } from "../../utils/index.js";
 import { ButtonVariants as p } from "../Button/types.js";

package/dist/components/Input/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),O=require("react"),u=require("../../_virtual/index.cjs"),e=require("../../utils/index.cjs"),R=require("../Text/types.cjs"),k=require("../Text/Text.cjs"),z=require("./utils.cjs");function D(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const p in t)if(p!=="default"){const i=Object.getOwnPropertyDescriptor(t,p);Object.defineProperty(s,p,i.get?i:{enumerable:!0,get:()=>t[p]})}}return s.default=t,Object.freeze(s)}const E=D(O),$=E.forwardRef(({className:t,inputAdornment:s,adornmentPosition:p="start",defaultValue:i,disabled:f,hideLabel:j,id:r,inline:h,invalid:y,invalidText:w,labelText:N,onChange:v,onClick:I,placeholder:T,readOnly:o,size:q="md",type:c="text",value:_,warn:P,warnText:g,isSkeletonLoading:d,...m},C)=>{const a=e.useNormalizedInputProps({disabled:f,id:r,invalid:y,invalidText:w,readOnly:o,type:c,warn:P,warnText:g}),M=u.default(`${e.px}-${c}-input`,`${e.px}-input`,`${e.px}-input--${q}`,{[`${e.px}-input--inline`]:h,[`${e.px}-input--readonly`]:o,[`${e.px}-input--disabled`]:a.disabled,[`${e.px}-input--invalid`]:a.invalid,[`${e.px}-input--warn`]:a.warn,[`${t}__wrapper`]:t,[`${e.px}-input--hidden`]:m.hidden}),n=z.getInputClassNames(),x=["text","number","password","email","tel","url","search","date","datetime-local","month","time","week"].includes(a.type??""),b={className:s&&x?u.default(n.wrapperInput,t,{[`${e.px}-skeleton`]:d}):u.default(n.input,t,{[`${e.px}-skeleton`]:d}),"data-testid":r,disabled:a.disabled,id:r,onChange:v,onClick:I,placeholder:d?"":T,readOnly:o,ref:C,type:a.type,...a.type!=="checkbox"&&a.type!=="radio"?{value:_,defaultValue:i}:{},...m};return l.jsxs("div",{className:M,children:[l.jsx(k.default,{element:"label",variant:R.TextVariants.labelMedium,className:u.default(n.label,{[n.labelHidden]:j,[n.skeleton]:d}),"data-testid":`label-${r}`,htmlFor:r,children:N}),s&&x?l.jsxs("div",{className:n.wrapper,"data-testid":`wrapper-${r}`,children:[p==="start"&&l.jsx("span",{className:n.adornment,id:"adornment","data-testid":`adornment-${r}`,children:s}),l.jsx("input",{...b}),p==="end"&&l.jsx("span",{className:n.adornment,id:"adornment","data-testid":`adornment-${r}`,children:s})]}):l.jsx("input",{...b}),a.validation?a.validation:l.jsx("p",{className:n.emptyValidation,children:" "})]})});$.displayName="Input";exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),O=require("react"),u=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),R=require("./utils.cjs"),k=require("../Text/Text.cjs"),z=require("../Text/types.cjs");function D(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const p in t)if(p!=="default"){const i=Object.getOwnPropertyDescriptor(t,p);Object.defineProperty(s,p,i.get?i:{enumerable:!0,get:()=>t[p]})}}return s.default=t,Object.freeze(s)}const E=D(O),$=E.forwardRef(({className:t,inputAdornment:s,adornmentPosition:p="start",defaultValue:i,disabled:f,hideLabel:j,id:r,inline:h,invalid:y,invalidText:w,labelText:N,onChange:v,onClick:I,placeholder:T,readOnly:o,size:q="md",type:c="text",value:_,warn:P,warnText:g,isSkeletonLoading:d,...m},C)=>{const a=e.useNormalizedInputProps({disabled:f,id:r,invalid:y,invalidText:w,readOnly:o,type:c,warn:P,warnText:g}),M=u.default(`${e.px}-${c}-input`,`${e.px}-input`,`${e.px}-input--${q}`,{[`${e.px}-input--inline`]:h,[`${e.px}-input--readonly`]:o,[`${e.px}-input--disabled`]:a.disabled,[`${e.px}-input--invalid`]:a.invalid,[`${e.px}-input--warn`]:a.warn,[`${t}__wrapper`]:t,[`${e.px}-input--hidden`]:m.hidden}),n=R.getInputClassNames(),x=["text","number","password","email","tel","url","search","date","datetime-local","month","time","week"].includes(a.type??""),b={className:s&&x?u.default(n.wrapperInput,t,{[`${e.px}-skeleton`]:d}):u.default(n.input,t,{[`${e.px}-skeleton`]:d}),"data-testid":r,disabled:a.disabled,id:r,onChange:v,onClick:I,placeholder:d?"":T,readOnly:o,ref:C,type:a.type,...a.type!=="checkbox"&&a.type!=="radio"?{value:_,defaultValue:i}:{},...m};return l.jsxs("div",{className:M,children:[l.jsx(k.default,{element:"label",variant:z.TextVariants.labelMedium,className:u.default(n.label,{[n.labelHidden]:j,[n.skeleton]:d}),"data-testid":`label-${r}`,htmlFor:r,children:N}),s&&x?l.jsxs("div",{className:n.wrapper,"data-testid":`wrapper-${r}`,children:[p==="start"&&l.jsx("span",{className:n.adornment,id:"adornment","data-testid":`adornment-${r}`,children:s}),l.jsx("input",{...b}),p==="end"&&l.jsx("span",{className:n.adornment,id:"adornment","data-testid":`adornment-${r}`,children:s})]}):l.jsx("input",{...b}),a.validation?a.validation:l.jsx("p",{className:n.emptyValidation,children:" "})]})});$.displayName="Input";exports.default=$;

package/dist/components/Input/Input.js

@@ -1,10 +1,10 @@
 import { jsxs as h, jsx as s } from "react/jsx-runtime";
 import * as _ from "react";
-import l from "../../_virtual/index.js";
-import { px as t, useNormalizedInputProps as z } from "../../utils/index.js";
-import { TextVariants as F } from "../Text/types.js";
+import l from "../../_virtual/index2.js";
+import { useNormalizedInputProps as z, px as t } from "../../utils/index.js";
+import { getInputClassNames as F } from "./utils.js";
 import H from "../Text/Text.js";
-import { getInputClassNames as M } from "./utils.js";
+import { TextVariants as M } from "../Text/types.js";
 const q = _.forwardRef(
   ({
     className: p,
@@ -47,7 +47,7 @@ const q = _.forwardRef(
       [`${t}-input--warn`]: e.warn,
       [`${p}__wrapper`]: p,
       [`${t}-input--hidden`]: u.hidden
-    }), a = M(), c = [
+    }), a = F(), c = [
       "text",
       "number",
       "password",
@@ -79,7 +79,7 @@ const q = _.forwardRef(
         H,
         {
           element: "label",
-          variant: F.labelMedium,
+          variant: M.labelMedium,
           className: l(a.label, {
             [a.labelHidden]: w,
             [a.skeleton]: i