@iress-oss/ids-components 6.0.0-alpha.20 → 6.0.0-alpha.22

package/dist/{Button-BTkololu.js → Button-BrpmQKsB.js}

@@ -1,15 +1,15 @@
 import { jsxs as q, Fragment as N, jsx as u } from "react/jsx-runtime";
-import { forwardRef as j, useId as M, useRef as R, useMemo as n, useCallback as E, useImperativeHandle as W } from "react";
-import { IressSpinner as A } from "./components/Spinner/Spinner.js";
+import { forwardRef as j, useId as M, useRef as R, useMemo as n, useCallback as E, useImperativeHandle as A } from "react";
+import { IressSpinner as K } from "./components/Spinner/Spinner.js";
 import "./components/Spinner/Spinner.styles.js";
 import { GlobalCSSClass as d } from "./enums.js";
 import "./components/ButtonGroup/ButtonGroup.js";
 import "./components/ButtonGroup/ButtonGroup.styles.js";
-import { useButtonGroupItem as K } from "./components/ButtonGroup/hooks/useButtonGroupItem.js";
-import { s as O } from "./is-valid-prop-DweT-eOL.js";
-import { m as D, a as L, s as T, i as z, c as J } from "./css-DNdLYQld.js";
+import { useButtonGroupItem as O } from "./components/ButtonGroup/hooks/useButtonGroupItem.js";
+import { s as W } from "./is-valid-prop-DTA0i8bT.js";
+import { m as D, a as L, s as T, i as z, c as J } from "./css-BStWZDQe.js";
 import { c as Q } from "./cx-DN21T1EH.js";
-import { c as U } from "./create-recipe-DjqynAXe.js";
+import { c as U } from "./create-recipe-DUTadmvy.js";
 import "./components/Popover/Popover.js";
 import "./components/Popover/Popover.styles.js";
 import "./components/Popover/InputPopover/InputPopover.js";
@@ -367,7 +367,7 @@ const h = {}, Y = [
   value: w,
   ...f
 }, F) => {
-  const i = M(), I = w ?? (typeof s == "string" || typeof s == "number" || typeof s == "boolean" ? s : void 0), B = X(), p = R(null), c = K({ value: I }), G = n(() => c ? c.active ? "primary" : "tertiary" : x, [c, x]), e = so({
+  const i = M(), I = w ?? (typeof s == "string" || typeof s == "number" || typeof s == "boolean" ? s : void 0), B = X(), p = R(null), c = O({ value: I }), G = n(() => c ? c.active ? "primary" : "tertiary" : x, [c, x]), e = so({
     active: (
       // eslint-disable-next-line react-hooks/refs -- ref needed for forwarding
       o ?? B?.isActiveActivator(p.current)
@@ -379,7 +379,7 @@ const h = {}, Y = [
     noWrap: H,
     status: S
   }), [v, a] = n(
-    () => O(f),
+    () => W(f),
     [f]
   ), _ = E(
     (V) => {
@@ -391,10 +391,9 @@ const h = {}, Y = [
       children: /* @__PURE__ */ q(N, { children: [
         m && !r && /* @__PURE__ */ u("span", { className: e.prepend, children: m }),
         !!r && /* @__PURE__ */ u(
-          A,
+          K,
           {
             className: e.spinner,
-            fixedWidth: !0,
             id: i,
             screenreaderText: r === !0 ? "Loading" : r
           }
@@ -427,7 +426,7 @@ const h = {}, Y = [
       e.spinner
     ]
   );
-  W(F, () => p.current);
+  A(F, () => p.current);
   const k = n(
     () => l ?? (a.href ? "a" : "button"),
     [l, a.href]

package/dist/{Provider-B87u_maF.js → Provider-Dw49edAo.js}

@@ -1,37 +1,39 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as $, jsx as t } from "react/jsx-runtime";
 import "./components/Modal/Modal.styles.js";
 import "./components/Modal/Modal.js";
-import { IressModalProvider as n } from "./components/Modal/ModalProvider.js";
+import { IressModalProvider as s } from "./components/Modal/ModalProvider.js";
 import "./components/Modal/hooks/useModal.js";
-import { IressToasterProvider as d } from "./components/Toaster/ToasterProvider.js";
+import { IressToasterProvider as a } from "./components/Toaster/ToasterProvider.js";
 import "./components/Toaster/hooks/useToaster.js";
 import "./components/Toaster/Toaster.styles.js";
 import "./components/Toaster/components/Toast/Toast.styles.js";
 import "./components/Slideout/Slideout.js";
 import "./components/Slideout/Slideout.styles.js";
-import { IressSlideoutProvider as m } from "./components/Slideout/SlideoutProvider.js";
+import { IressSlideoutProvider as n } from "./components/Slideout/SlideoutProvider.js";
 import "./components/Slideout/hooks/useSlideout.js";
-import { createPortal as y } from "react-dom";
+import { createPortal as C } from "react-dom";
+import "./components/Icon/Icon.js";
+import "./components/Icon/Icon.styles.js";
+import { IressIconProvider as m } from "./components/Icon/IconProvider.js";
 var o = /* @__PURE__ */ ((e) => (e.Color = "color", e.Dimension = "dimension", e.FontFamily = "fontFamily", e.FontSize = "fontSize", e.Background = "background", e.Border = "border", e.Radius = "radius", e.Shadow = "shadow", e.Typography = "typography", e))(o || {});
 o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color;
 o.Shadow, o.Border, o.Shadow, o.Border, o.Shadow, o.Border, o.Shadow, o.Color, o.Shadow, o.Color;
 o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Radius, o.Radius, o.Radius, o.Radius;
 o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension;
-const C = [
+const d = [
   "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
 ];
 o.FontSize, o.FontFamily, o.FontFamily, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography;
-const h = ({
+const f = ({
   children: e,
-  container: t,
-  noDefaultFont: l,
-  noIcons: i,
-  position: s,
-  ...$
-}) => /* @__PURE__ */ a(n, { container: t, children: [
-  /* @__PURE__ */ r(d, { container: t, position: s, children: /* @__PURE__ */ r(m, { container: t, ...$, children: e }) }),
-  !l && y(
-    C.map((p) => /* @__PURE__ */ r(
+  container: r,
+  noDefaultFont: y,
+  position: l,
+  ...i
+}) => /* @__PURE__ */ $(s, { container: r, children: [
+  /* @__PURE__ */ t(a, { container: r, position: l, children: /* @__PURE__ */ t(n, { container: r, ...i, children: /* @__PURE__ */ t(m, { container: r, noSubsetting: !0, children: e }) }) }),
+  !y && C(
+    d.map((p) => /* @__PURE__ */ t(
       "link",
       {
         rel: "stylesheet",
@@ -42,22 +44,10 @@ const h = ({
     )),
     document.head,
     "design-system-font"
-  ),
-  !i && y(
-    /* @__PURE__ */ r(
-      "link",
-      {
-        rel: "stylesheet",
-        href: "https://cdn.iress.com/icons/5.15.4/css/combined.min.css",
-        "data-iress-design-system-icons": !0
-      }
-    ),
-    document.head,
-    "design-system-icons"
   )
 ] });
-h.displayName = "IressProvider";
+f.displayName = "IressProvider";
 export {
-  h as I,
-  C as i
+  f as I,
+  d as i
 };

package/dist/components/Alert/Alert.js

@@ -1,39 +1,40 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { useMemo as B, createElement as E } from "react";
 import { IressIcon as V } from "../Icon/Icon.js";
 import "../Icon/Icon.styles.js";
+import "../Icon/IconProvider.js";
 import { IressText as u } from "../Text/Text.js";
 import { propagateTestid as N } from "../../helpers/utility/propagateTestid.js";
 import { alert as h } from "./Alert.styles.js";
-import { c as q } from "../../css-DNdLYQld.js";
+import { c as q } from "../../css-BStWZDQe.js";
 import { c as I } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as F } from "../../enums.js";
-import { I as G } from "../../Button-BTkololu.js";
+import { I as G } from "../../Button-BrpmQKsB.js";
 import { IressCloseButton as L } from "../Button/CloseButton/CloseButton.js";
 import "../Inline/Inline.styles.js";
 import { IressInline as M } from "../Inline/Inline.js";
 import { useControlledState as O } from "../../hooks/useControlledState.js";
-import { s as R } from "../../is-valid-prop-DweT-eOL.js";
-const W = {
+import { s as R } from "../../is-valid-prop-DTA0i8bT.js";
+const _ = {
   danger: "ban",
   info: "info-square",
   success: "check",
   warning: "exclamation-triangle"
-}, _ = ({
+}, $ = ({
   actions: n,
   children: g,
   className: x,
   defaultDismissed: C,
   dismissed: b,
   footer: c,
-  heading: o,
+  heading: t,
   icon: m,
   onDismiss: d,
   status: r = "info",
-  variant: i,
+  variant: a,
   ...l
 }) => {
-  const y = !!d, e = h({ status: r, variant: i }), A = h.raw({ status: r, variant: i }), p = !!n?.length, S = !!c || p, [T, k] = R(l), { value: v, setValue: w } = O({
+  const y = !!d, s = h({ status: r, variant: a }), A = h.raw({ status: r, variant: a }), p = !!n?.length, S = !!c || p, [T, k] = R(l), { value: v, setValue: w } = O({
     component: "IressAlert",
     defaultValue: C,
     propName: "dismissed",
@@ -41,18 +42,17 @@ const W = {
   }), f = B(() => {
     if (m === !1)
       return null;
-    const s = m ?? W[r];
-    return /* @__PURE__ */ t(
+    const e = m ?? _[r];
+    return /* @__PURE__ */ o(
       V,
       {
-        name: s,
+        name: e,
         screenreaderText: `${r}: `,
-        fixedWidth: !0,
-        className: e.icon
+        className: s.icon
       }
     );
-  }, [e.icon, m, r]);
-  return v ? null : /* @__PURE__ */ a(
+  }, [s.icon, m, r]);
+  return v ? null : /* @__PURE__ */ i(
     u,
     {
       className: I(
@@ -62,32 +62,32 @@ const W = {
       ),
       ...k,
       children: [
-        i !== "sidebar" && f,
-        /* @__PURE__ */ a("div", { className: e.wrapper, children: [
-          o && /* @__PURE__ */ t(
+        a !== "sidebar" && f,
+        /* @__PURE__ */ i("div", { className: s.wrapper, children: [
+          t && /* @__PURE__ */ o(
             "div",
             {
-              className: e.heading,
+              className: s.heading,
               "data-testid": N(l["data-testid"], "heading"),
-              children: typeof o == "string" ? /* @__PURE__ */ a(u, { element: "h2", className: e.heading, children: [
-                i === "sidebar" && f,
+              children: typeof t == "string" ? /* @__PURE__ */ i(u, { element: "h2", className: s.heading, children: [
+                a === "sidebar" && f,
                 " ",
-                o
-              ] }) : o
+                t
+              ] }) : t
             }
           ),
-          /* @__PURE__ */ t("div", { className: e.children, children: g }),
-          S && /* @__PURE__ */ a(
+          /* @__PURE__ */ o("div", { className: s.children, children: g }),
+          S && /* @__PURE__ */ i(
             "div",
             {
-              className: e.footer,
+              className: s.footer,
               "data-testid": N(l["data-testid"], "footer"),
               children: [
-                p && /* @__PURE__ */ t(M, { gap: "sm", pb: "spacing.1", children: n?.map((s, j) => /* @__PURE__ */ E(
+                p && /* @__PURE__ */ o(M, { gap: "sm", pb: "spacing.1", children: n?.map((e, j) => /* @__PURE__ */ E(
                   G,
                   {
-                    ...s,
-                    className: I(s.className, e.action),
+                    ...e,
+                    className: I(e.className, s.action),
                     key: j
                   }
                 )) }),
@@ -96,12 +96,12 @@ const W = {
             }
           )
         ] }),
-        y && /* @__PURE__ */ t(
+        y && /* @__PURE__ */ o(
           L,
           {
-            className: e.dismiss,
-            onClick: (s) => {
-              d?.(s), w(!0);
+            className: s.dismiss,
+            onClick: (e) => {
+              d?.(e), w(!0);
             }
           }
         )
@@ -109,7 +109,7 @@ const W = {
     }
   );
 };
-_.displayName = "IressAlert";
+$.displayName = "IressAlert";
 export {
-  _ as IressAlert
+  $ as IressAlert
 };

package/dist/components/Alert/Alert.styles.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../sva-B7kca5XO.js";
+import { s as o } from "../../sva-Df1FmoEW.js";
 const e = o({
   slots: [
     "alert",

package/dist/components/Autocomplete/Autocomplete.styles.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../sva-B7kca5XO.js";
+import { s as o } from "../../sva-Df1FmoEW.js";
 const p = o({
   slots: ["root", "popoverContent", "optionList"],
   base: {

package/dist/components/Badge/Badge.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c } from "../../css-DNdLYQld.js";
+import { c } from "../../css-BStWZDQe.js";
 import { c as i } from "../../cx-DN21T1EH.js";
 import { badge as n } from "./Badge.styles.js";
-import { s as d } from "../../factory-CsinCTPr.js";
-import { s as f } from "../../is-valid-prop-DweT-eOL.js";
+import { s as d } from "../../factory-BrouwSOb.js";
+import { s as f } from "../../is-valid-prop-DTA0i8bT.js";
 import { GlobalCSSClass as g } from "../../enums.js";
 const y = ({
   children: o,

package/dist/components/Badge/Badge.styles.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../sva-B7kca5XO.js";
+import { s as o } from "../../sva-Df1FmoEW.js";
 const r = o({
   slots: ["root", "badge"],
   base: {

package/dist/components/Button/Button.js

@@ -6,10 +6,10 @@ import "../../enums.js";
 import "../ButtonGroup/ButtonGroup.js";
 import "../ButtonGroup/ButtonGroup.styles.js";
 import "../ButtonGroup/hooks/useButtonGroupItem.js";
-import "../../is-valid-prop-DweT-eOL.js";
-import "../../css-DNdLYQld.js";
+import "../../is-valid-prop-DTA0i8bT.js";
+import "../../css-BStWZDQe.js";
 import "../../cx-DN21T1EH.js";
-import { I as g } from "../../Button-BTkololu.js";
+import { I as g } from "../../Button-BrpmQKsB.js";
 import "../Popover/Popover.js";
 import "../Popover/Popover.styles.js";
 import "../Popover/InputPopover/InputPopover.js";

package/dist/components/Button/CloseButton/CloseButton.js

@@ -1,27 +1,28 @@
 import { jsx as o } from "react/jsx-runtime";
-import { I as e } from "../../../Button-BTkololu.js";
-import { IressIcon as a } from "../../Icon/Icon.js";
+import { I as e } from "../../../Button-BrpmQKsB.js";
+import { IressIcon as i } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";
-import { forwardRef as i } from "react";
+import "../../Icon/IconProvider.js";
+import { forwardRef as a } from "react";
 import { c as l } from "../../../cx-DN21T1EH.js";
-import { GlobalCSSClass as n } from "../../../enums.js";
-const p = i(
+import { GlobalCSSClass as p } from "../../../enums.js";
+const n = a(
   ({
-    className: s,
-    screenreaderText: r = "Close button",
+    className: r,
+    screenreaderText: s = "Close button",
     ...t
   }, m) => /* @__PURE__ */ o(
     e,
     {
       ...t,
-      className: l(s, n.CloseButton),
+      className: l(r, p.CloseButton),
       mode: "muted",
       ref: m,
-      children: /* @__PURE__ */ o(a, { name: "times", screenreaderText: r })
+      children: /* @__PURE__ */ o(i, { name: "times", screenreaderText: s })
     }
   )
 );
-p.displayName = "IressCloseButton";
+n.displayName = "IressCloseButton";
 export {
-  p as IressCloseButton
+  n as IressCloseButton
 };

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-import { I as s, b as r } from "../../Button-BTkololu.js";
+import { I as s, b as r } from "../../Button-BrpmQKsB.js";
 import { IressCloseButton as n } from "./CloseButton/CloseButton.js";
 export {
   s as IressButton,

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -3,10 +3,10 @@ import "react";
 import { useIdIfNeeded as N } from "../../hooks/useIdIfNeeded.js";
 import { propagateTestid as x } from "../../helpers/utility/propagateTestid.js";
 import { buttonGroup as l } from "./ButtonGroup.styles.js";
-import { c as B } from "../../css-DNdLYQld.js";
+import { c as B } from "../../css-BStWZDQe.js";
 import { c as I } from "../../cx-DN21T1EH.js";
-import { s as C } from "../../factory-CsinCTPr.js";
-import { s as P } from "../../is-valid-prop-DweT-eOL.js";
+import { s as C } from "../../factory-BrouwSOb.js";
+import { s as P } from "../../is-valid-prop-DTA0i8bT.js";
 import { ButtonGroupProvider as S } from "./ButtonGroupProvider.js";
 import { GlobalCSSClass as g } from "../../enums.js";
 const h = ({

package/dist/components/ButtonGroup/ButtonGroup.styles.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../sva-B7kca5XO.js";
+import { s as r } from "../../sva-Df1FmoEW.js";
 const s = r({
   slots: ["root", "label", "values"],
   base: {

package/dist/components/Card/Card.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as E, Fragment as j } from "react/jsx-runtime";
-import { s as B } from "../../is-valid-prop-DweT-eOL.js";
+import { s as B } from "../../is-valid-prop-DTA0i8bT.js";
 import { card as L } from "./Card.styles.js";
-import { c as e } from "../../css-DNdLYQld.js";
+import { c as e } from "../../css-BStWZDQe.js";
 import { c as M } from "../../cx-DN21T1EH.js";
 import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";
 import { useMemo as w } from "react";

package/dist/components/Card/Card.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-B7kca5XO.js";
+import { s as t } from "../../sva-Df1FmoEW.js";
 const e = t({
   slots: ["root", "prepend", "heading", "topRight", "media", "body", "footer"],
   base: {

package/dist/components/Checkbox/Checkbox.js

@@ -7,14 +7,14 @@ import { useControlledState as $ } from "../../hooks/useControlledState.js";
 import { IressReadonly as ee } from "../Readonly/Readonly.js";
 import "../Readonly/Readonly.styles.js";
 import { checkbox as oe } from "./Checkbox.styles.js";
-import { c as l } from "../../css-DNdLYQld.js";
+import { c as l } from "../../css-BStWZDQe.js";
 import { c as y } from "../../cx-DN21T1EH.js";
 import { propagateTestid as te } from "../../helpers/utility/propagateTestid.js";
 import { getCheckboxGroupContext as se } from "../CheckboxGroup/CheckboxGroup.js";
 import "../CheckboxGroup/CheckboxGroup.styles.js";
 import { GlobalCSSClass as i } from "../../enums.js";
-import { s as F } from "../../factory-CsinCTPr.js";
-import { s as re } from "../../is-valid-prop-DweT-eOL.js";
+import { s as F } from "../../factory-BrouwSOb.js";
+import { s as re } from "../../is-valid-prop-DTA0i8bT.js";
 import { IressText as ne } from "../Text/Text.js";
 import { useNoDefaultValueInForms as ce } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
 const ae = ({

package/dist/components/Checkbox/Checkbox.styles.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../sva-B7kca5XO.js";
+import { s as r } from "../../sva-Df1FmoEW.js";
 const o = r({
   slots: [
     "formElement",

package/dist/components/CheckboxGroup/CheckboxGroup.styles.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../cva-DtPMccE9.js";
+import { c as a } from "../../cva-DJVW1KHF.js";
 const i = a({
   base: {
     display: "flex",

package/dist/components/CheckboxMark/CheckboxMark.js

@@ -1,8 +1,8 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { c as r } from "../../css-DNdLYQld.js";
+import { c as r } from "../../css-BStWZDQe.js";
 import { c as n } from "../../cx-DN21T1EH.js";
 import { checkboxMark as x } from "./CheckboxMark.styles.js";
-import { s as k } from "../../is-valid-prop-DweT-eOL.js";
+import { s as k } from "../../is-valid-prop-DTA0i8bT.js";
 import { GlobalCSSClass as f } from "../../enums.js";
 const h = ({
   checked: o,

package/dist/components/CheckboxMark/CheckboxMark.styles.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../sva-B7kca5XO.js";
+import { s as r } from "../../sva-Df1FmoEW.js";
 const e = r({
   slots: ["root", "indeterminateMark", "checkedMark"],
   base: {

package/dist/components/Col/Col.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { s as r } from "../../factory-CsinCTPr.js";
+import { s as r } from "../../factory-BrouwSOb.js";
 import { col as l } from "./Col.styles.js";
 import { c as t } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as a } from "../../enums.js";

package/dist/components/Col/Col.styles.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../cva-DtPMccE9.js";
+import { c as a } from "../../cva-DJVW1KHF.js";
 const r = a({
   base: {
     display: "block",

package/dist/components/Container/Container.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { s as t } from "../../factory-CsinCTPr.js";
+import { s as t } from "../../factory-BrouwSOb.js";
 import { container as m } from "./Container.styles.js";
 import { c as a } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as n } from "../../enums.js";

package/dist/components/Container/Container.styles.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../cva-DtPMccE9.js";
+import { c as a } from "../../cva-DJVW1KHF.js";
 const n = a({
   base: {
     borderRadius: "radius.system.layout",

package/dist/components/Divider/Divider.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../css-DNdLYQld.js";
+import { c as p } from "../../css-BStWZDQe.js";
 import { c as a } from "../../cx-DN21T1EH.js";
 import { divider as c } from "./Divider.styles.js";
-import { s as l } from "../../is-valid-prop-DweT-eOL.js";
+import { s as l } from "../../is-valid-prop-DTA0i8bT.js";
 import { GlobalCSSClass as d } from "../../enums.js";
 const f = ({
   className: s,

package/dist/components/Divider/Divider.styles.js

@@ -1,4 +1,4 @@
-import { c as r } from "../../cva-DtPMccE9.js";
+import { c as r } from "../../cva-DJVW1KHF.js";
 const e = r({
   base: {
     display: "block",

package/dist/components/Expander/Expander.js

@@ -3,11 +3,11 @@ import { useState as b, useEffect as y } from "react";
 import { propagateTestid as p } from "../../helpers/utility/propagateTestid.js";
 import { useIdIfNeeded as L } from "../../hooks/useIdIfNeeded.js";
 import { expander as l } from "./Expander.styles.js";
-import { c as P } from "../../css-DNdLYQld.js";
+import { c as P } from "../../css-BStWZDQe.js";
 import { c as f } from "../../cx-DN21T1EH.js";
 import { IressText as x } from "../Text/Text.js";
-import { s as j } from "../../factory-CsinCTPr.js";
-import { s as k } from "../../is-valid-prop-DweT-eOL.js";
+import { s as j } from "../../factory-BrouwSOb.js";
+import { s as k } from "../../is-valid-prop-DTA0i8bT.js";
 import { GlobalCSSClass as h } from "../../enums.js";
 const G = ({ className: a }) => /* @__PURE__ */ s(
   "svg",

package/dist/components/Expander/Expander.styles.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../sva-B7kca5XO.js";
+import { s as o } from "../../sva-Df1FmoEW.js";
 const r = o({
   slots: [
     "root",

package/dist/components/Field/Field.js

@@ -4,10 +4,10 @@ import { IressLabel as q } from "../Label/Label.js";
 import "../Label/Label.styles.js";
 import { propagateTestid as N } from "../../helpers/utility/propagateTestid.js";
 import { toArray as w } from "../../helpers/formatting/toArray.js";
-import { s as p } from "../../factory-CsinCTPr.js";
-import { s as A } from "../../is-valid-prop-DweT-eOL.js";
+import { s as p } from "../../factory-BrouwSOb.js";
+import { s as A } from "../../is-valid-prop-DTA0i8bT.js";
 import { field as G } from "./Field.styles.js";
-import { c as e } from "../../css-DNdLYQld.js";
+import { c as e } from "../../css-BStWZDQe.js";
 import { c as I } from "../../cx-DN21T1EH.js";
 import { FieldFooter as V } from "./components/FieldFooter.js";
 import { FieldHintIcon as $, FieldHint as h } from "./components/FieldHint.js";

package/dist/components/Field/Field.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../sva-B7kca5XO.js";
+import { s as e } from "../../sva-Df1FmoEW.js";
 const o = e({
   slots: [
     "root",

package/dist/components/Field/FieldGroup/FieldGroup.js

@@ -1,10 +1,10 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
 import { propagateTestid as i } from "../../../helpers/utility/propagateTestid.js";
-import { s as h } from "../../../factory-CsinCTPr.js";
-import { s as x } from "../../../is-valid-prop-DweT-eOL.js";
+import { s as h } from "../../../factory-BrouwSOb.js";
+import { s as x } from "../../../is-valid-prop-DTA0i8bT.js";
 import { FieldFooter as C } from "../components/FieldFooter.js";
 import { fieldGroup as P } from "./FieldGroup.styles.js";
-import { c as e } from "../../../css-DNdLYQld.js";
+import { c as e } from "../../../css-BStWZDQe.js";
 import { c as S } from "../../../cx-DN21T1EH.js";
 import { GlobalCSSClass as j } from "../../../enums.js";
 import { LabelBase as v } from "../../Label/LabelBase/LabelBase.js";

package/dist/components/Field/FieldGroup/FieldGroup.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../../sva-B7kca5XO.js";
+import { s as e } from "../../../sva-Df1FmoEW.js";
 const o = e({
   slots: ["root", "hint", "legend", "fields"],
   base: {