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

package/dist/components/Slideout/Slideout.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-B7kca5XO.js";
+import { s as t } from "../../sva-Df1FmoEW.js";
 const i = t({
   slots: ["root", "content", "footer", "closeButton"],
   base: {

package/dist/components/Slideout/components/SlideoutInner.js

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as d } from "react/jsx-runtime";
 import { propagateTestid as o } from "../../../helpers/utility/propagateTestid.js";
-import "../../../Button-BTkololu.js";
+import "../../../Button-BrpmQKsB.js";
 import { IressCloseButton as j } from "../../Button/CloseButton/CloseButton.js";
 import { slideout as v } from "../Slideout.styles.js";
-import { s as f } from "../../../factory-CsinCTPr.js";
-import { s as B } from "../../../is-valid-prop-DweT-eOL.js";
+import { s as f } from "../../../factory-BrouwSOb.js";
+import { s as B } from "../../../is-valid-prop-DTA0i8bT.js";
 import { IressText as _ } from "../../Text/Text.js";
 const g = ({
   children: u,

package/dist/components/Slideout/hooks/usePushElement.js

@@ -1,6 +1,6 @@
 import { useRef as m, useEffect as y } from "react";
 import { GlobalCSSClass as e } from "../../../enums.js";
-import { t as p } from "../../../index-0AvnPY9d.js";
+import { t as p } from "../../../index-Bir9MtY7.js";
 import { useBreakpoint as S } from "../../../hooks/useBreakpoint.js";
 function h({
   element: r,

package/dist/components/Slider/Slider.js

@@ -8,8 +8,8 @@ import { useControlledState as A } from "../../hooks/useControlledState.js";
 import { useIdIfNeeded as D } from "../../hooks/useIdIfNeeded.js";
 import { IressReadonly as G } from "../Readonly/Readonly.js";
 import "../Readonly/Readonly.styles.js";
-import { s as W } from "../../factory-CsinCTPr.js";
-import { s as q } from "../../is-valid-prop-DweT-eOL.js";
+import { s as W } from "../../factory-BrouwSOb.js";
+import { s as q } from "../../is-valid-prop-DTA0i8bT.js";
 import { GlobalCSSClass as z } from "../../enums.js";
 import { useNoDefaultValueInForms as B } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
 const E = (r = 0, i = 10, n = 1) => {

package/dist/components/Slider/Slider.styles.js

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

package/dist/components/Slider/components/SliderTicks.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as N } from "react/jsx-runtime";
 import { slider as m } from "../Slider.styles.js";
 import { c as d } from "../../../cx-DN21T1EH.js";
 import { propagateTestid as T } from "../../../helpers/utility/propagateTestid.js";
-import { s as f } from "../../../factory-CsinCTPr.js";
+import { s as f } from "../../../factory-BrouwSOb.js";
 const u = (t, s, i, a, e) => {
   const c = s === 0 ? t - e : t - (i[s - 1]?.value ?? 0);
   return `${Number(c / (a - e) * 100)}%`;

package/dist/components/Spinner/Spinner.js

@@ -2,15 +2,16 @@ import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import { GlobalCSSClass as e } from "../../enums.js";
 import { IressIcon as N } from "../Icon/Icon.js";
 import "../Icon/Icon.styles.js";
+import "../Icon/IconProvider.js";
 import { chatty as d, spinner as f } from "./Spinner.styles.js";
-import { c as n } from "../../cx-DN21T1EH.js";
+import { c as t } from "../../cx-DN21T1EH.js";
 const S = (r) => {
   if (r.variant === "chatty") {
     const { className: c, screenreaderText: i, ...l } = r, s = d();
     return /* @__PURE__ */ p(
       "span",
       {
-        className: n(c, s.root, e.Spinner),
+        className: t(c, s.root, e.Spinner),
         "aria-label": i,
         role: "status",
         ...l,
@@ -22,12 +23,12 @@ const S = (r) => {
       }
     );
   }
-  const { className: t, spin: o = "half", ...m } = r;
+  const { className: n, spin: o = "half", ...m } = r;
   return /* @__PURE__ */ a(
     N,
     {
       ...m,
-      className: n(t, f(), e.Spinner),
+      className: t(n, f(), e.Spinner),
       name: "spinner-third",
       spin: o
     }

package/dist/components/Spinner/Spinner.styles.js

@@ -1,5 +1,5 @@
-import { c as t } from "../../cva-DtPMccE9.js";
-import { s as a } from "../../sva-B7kca5XO.js";
+import { c as t } from "../../cva-DJVW1KHF.js";
+import { s as a } from "../../sva-Df1FmoEW.js";
 const o = t({
   base: {
     boxSizing: "border-box"

package/dist/components/Stack/Stack.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useMemo as a } from "react";
 import { stack as c } from "./Stack.styles.js";
-import { s as i } from "../../factory-CsinCTPr.js";
+import { s as i } from "../../factory-BrouwSOb.js";
 import { GlobalCSSClass as p } from "../../enums.js";
 import { c as e } from "../../cx-DN21T1EH.js";
 const f = ({

package/dist/components/Stack/Stack.styles.js

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

package/dist/components/Styled/Styled.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as r, useMemo as s } from "react";
-import { s as n } from "../../factory-CsinCTPr.js";
+import { s as n } from "../../factory-BrouwSOb.js";
 const d = r(
   (e, t) => {
     const m = s(

package/dist/components/TabSet/Tab/Tab.js

@@ -3,7 +3,7 @@ import { forwardRef as D, useRef as S, useContext as R, useImperativeHandle as $
 import { idsLogger as K } from "../../../helpers/utility/idsLogger.js";
 import { useIdIfNeeded as q } from "../../../hooks/useIdIfNeeded.js";
 import { createPortal as G } from "react-dom";
-import { s as U } from "../../../factory-CsinCTPr.js";
+import { s as U } from "../../../factory-BrouwSOb.js";
 import { tab as V } from "./Tab.styles.js";
 import { c as W } from "../../../cx-DN21T1EH.js";
 import { a as Y } from "../../../floating-ui.react-BlU6Nz_4.js";

package/dist/components/TabSet/Tab/Tab.styles.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../../cva-DtPMccE9.js";
+import { c as t } from "../../../cva-DJVW1KHF.js";
 const o = t({
   base: {
     alignItems: "center",

package/dist/components/TabSet/TabSet.js

@@ -3,7 +3,7 @@ import { C as q } from "../../floating-ui.react-BlU6Nz_4.js";
 import { propagateTestid as z } from "../../helpers/utility/propagateTestid.js";
 import { TabSetProvider as H, TabSetContext as C } from "./TabSetProvider.js";
 import { useState as n, useRef as O, useEffect as u, useContext as W } from "react";
-import { s as v } from "../../factory-CsinCTPr.js";
+import { s as v } from "../../factory-BrouwSOb.js";
 import { tabSet as R } from "./TabSet.styles.js";
 import { c as p } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as k } from "../../enums.js";

package/dist/components/TabSet/TabSet.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",
@@ -41,11 +41,13 @@ const e = t({
       position: "relative"
     },
     panel: {
-      pt: "md",
       textStyle: "typography.body.md",
       _focusVisible: {
         layerStyle: "elevation.focus",
         outline: "[none]"
+      },
+      "& > :not([hidden])": {
+        pt: "sm"
       }
     },
     activeIndicator: {

package/dist/components/Table/Table.js

@@ -8,7 +8,7 @@ import { T as R } from "../../TableProvider-CNduJwA4.js";
 import { TableRows as $ } from "./components/TableRows.js";
 import { table as k } from "./Table.styles.js";
 import { c as h } from "../../cx-DN21T1EH.js";
-import { s as q } from "../../factory-CsinCTPr.js";
+import { s as q } from "../../factory-BrouwSOb.js";
 import { GlobalCSSClass as z } from "../../enums.js";
 const A = ({
   alternate: T = !1,

package/dist/components/Table/Table.styles.js

@@ -1,6 +1,6 @@
-import { c as n } from "../../cva-DtPMccE9.js";
-import { m as s, a as l, s as i, i as c } from "../../css-DNdLYQld.js";
-import { c as p } from "../../create-recipe-DjqynAXe.js";
+import { c as n } from "../../cva-DJVW1KHF.js";
+import { m as s, a as l, s as i, i as c } from "../../css-BStWZDQe.js";
+import { c as p } from "../../create-recipe-DUTadmvy.js";
 const r = {
   compact: !1,
   hover: !1,
@@ -27,6 +27,10 @@ const r = {
     "sortIcon",
     "table__sortIcon"
   ],
+  [
+    "sortIconActive",
+    "table__sortIconActive"
+  ],
   [
     "activator",
     "table__activator"
@@ -35,7 +39,7 @@ const r = {
     "rowGroupHeader",
     "table__rowGroupHeader"
   ]
-], m = /* @__PURE__ */ d.map(([t, e]) => [t, p(e, r, c(b, t))]), u = s((t = {}) => Object.fromEntries(m.map(([e, o]) => [e, o.recipeFn(t)]))), a = [
+], m = /* @__PURE__ */ d.map(([t, e]) => [t, p(e, r, c(b, t))]), _ = s((t = {}) => Object.fromEntries(m.map(([e, o]) => [e, o.recipeFn(t)]))), a = [
   "alternate",
   "compact",
   "hover",
@@ -43,7 +47,7 @@ const r = {
   "sortButtonNoWrap",
   "tableBodyOpen",
   "hiddenCaption"
-], _ = (t) => ({ ...r, ...l(t) }), g = /* @__PURE__ */ Object.assign(u, {
+], u = (t) => ({ ...r, ...l(t) }), g = /* @__PURE__ */ Object.assign(_, {
   __recipe__: !1,
   __name__: "table",
   raw: (t) => t,
@@ -75,7 +79,7 @@ const r = {
   splitVariantProps(t) {
     return i(t, a);
   },
-  getVariantProps: _
+  getVariantProps: u
 }), V = n({
   base: {
     textAlign: "start"

package/dist/components/Table/TableBody/TableBody.js

@@ -8,7 +8,7 @@ import { TableRows as A } from "../components/TableRows.js";
 import { useAriaRelationship as E } from "../../../hooks/useAriaRelationship.js";
 import { table as G } from "../Table.styles.js";
 import { T as q, a as g } from "../../../TableProvider-CNduJwA4.js";
-import { s as I } from "../../../factory-CsinCTPr.js";
+import { s as I } from "../../../factory-BrouwSOb.js";
 const x = ({
   caption: l,
   hiddenCaption: t,

package/dist/components/Table/components/TableRows.js

@@ -3,7 +3,7 @@ import { g as f, f as c } from "../../../TableProvider-CNduJwA4.js";
 import { TableBodyCell as u } from "./TableBodyCell.js";
 import { propagateTestid as b } from "../../../helpers/utility/propagateTestid.js";
 import { useContext as g } from "react";
-import { s as x } from "../../../factory-CsinCTPr.js";
+import { s as x } from "../../../factory-BrouwSOb.js";
 const y = ({
   additionalHeaders: s,
   hiddenHeader: n,

package/dist/components/Table/components/TableSortButton.js

@@ -1,29 +1,38 @@
-import { jsxs as c, jsx as m } from "react/jsx-runtime";
-import { IressIcon as l } from "../../Icon/Icon.js";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { IressIcon as t } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";
+import "../../Icon/IconProvider.js";
 import { table as p } from "../Table.styles.js";
 const i = ({
-  children: r,
-  label: s = "sortable",
-  noWrap: e = !0,
-  sort: t,
-  toggleSorting: n
+  children: s,
+  label: n = "sortable",
+  noWrap: a = !0,
+  sort: e,
+  toggleSorting: c
 }) => {
-  const a = t?.desc ? "sort-down" : "sort-up", o = p({ sortButtonNoWrap: e });
-  return /* @__PURE__ */ c(
+  const d = e?.desc ? "arrow_drop_down" : "arrow_drop_up", o = p({ sortButtonNoWrap: a });
+  return /* @__PURE__ */ m(
     "button",
     {
       type: "button",
       className: o.sortHeader,
-      onClick: n,
+      onClick: c,
       children: [
-        r,
-        /* @__PURE__ */ m(
-          l,
+        s,
+        /* @__PURE__ */ r(
+          t,
           {
-            name: t ? a : "sort",
+            name: "sort",
             className: o.sortIcon,
-            screenreaderText: s
+            screenreaderText: n
+          }
+        ),
+        e && /* @__PURE__ */ r(
+          t,
+          {
+            name: d,
+            className: o.sortIconActive,
+            screenreaderText: e.desc ? "(sorted descending)" : "(sorted ascending)"
           }
         )
       ]

package/dist/components/Table/hooks/useTableColumnStyles.js

@@ -1,8 +1,8 @@
 import { tableCell as i } from "../Table.styles.js";
 import { useContext as m } from "react";
 import { a } from "../../../TableProvider-CNduJwA4.js";
-import { c as n } from "../../../css-DNdLYQld.js";
-import { s as l } from "../../../is-valid-prop-DweT-eOL.js";
+import { c as n } from "../../../css-BStWZDQe.js";
+import { s as l } from "../../../is-valid-prop-DTA0i8bT.js";
 const h = ({
   columnKey: o
 }) => {

package/dist/components/Tag/Tag.js

@@ -1,14 +1,14 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { useRef as B, useMemo as D } from "react";
 import { propagateTestid as P } from "../../helpers/utility/propagateTestid.js";
-import "../../Button-BTkololu.js";
+import "../../Button-BrpmQKsB.js";
 import { IressCloseButton as j } from "../Button/CloseButton/CloseButton.js";
 import { tag as l } from "./Tag.styles.js";
-import { c as w } from "../../css-DNdLYQld.js";
+import { c as w } from "../../css-BStWZDQe.js";
 import { c as C } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as I } from "../../enums.js";
-import { s as p } from "../../factory-CsinCTPr.js";
-import { s as R } from "../../is-valid-prop-DweT-eOL.js";
+import { s as p } from "../../factory-BrouwSOb.js";
+import { s as R } from "../../is-valid-prop-DTA0i8bT.js";
 const c = ({
   children: i,
   className: u,

package/dist/components/Tag/Tag.styles.js

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

package/dist/components/Tag/TagInput/TagInput.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../../sva-B7kca5XO.js";
+import { s as t } from "../../../sva-Df1FmoEW.js";
 const i = t({
   slots: ["input", "tag"],
   base: {

package/dist/components/Text/Text.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as r } from "../../factory-CsinCTPr.js";
+import { s as r } from "../../factory-BrouwSOb.js";
 import { text as s } from "./Text.styles.js";
 import { useMemo as a } from "react";
 import { c as i } from "../../cx-DN21T1EH.js";

package/dist/components/Text/Text.styles.js

@@ -1,5 +1,5 @@
-import { m as a, s as n } from "../../css-DNdLYQld.js";
-import { c as s, m as i } from "../../create-recipe-DjqynAXe.js";
+import { m as a, s as n } from "../../css-BStWZDQe.js";
+import { c as s, m as i } from "../../create-recipe-DUTadmvy.js";
 const e = /* @__PURE__ */ s("text", {
   element: "div"
 }, [

package/dist/components/Toaster/Toaster.js

@@ -6,7 +6,7 @@ import { g as h } from "../../floating-ui.react-BlU6Nz_4.js";
 import { toaster as y } from "./Toaster.styles.js";
 import { c as A } from "../../cx-DN21T1EH.js";
 import { ToastAnimated as E } from "./components/Toast/ToastAnimated.js";
-import { s as l } from "../../factory-CsinCTPr.js";
+import { s as l } from "../../factory-BrouwSOb.js";
 import { GlobalCSSClass as S } from "../../enums.js";
 import { ToasterContext as j } from "./hooks/useToaster.js";
 const k = {

package/dist/components/Toaster/Toaster.styles.js

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

package/dist/components/Toaster/components/Toast/Toast.js

@@ -1,16 +1,17 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as I, createElement as b } from "react";
 import { propagateTestid as c } from "../../../../helpers/utility/propagateTestid.js";
-import { I as v } from "../../../../Button-BTkololu.js";
+import { I as v } from "../../../../Button-BrpmQKsB.js";
 import { IressCloseButton as C } from "../../../Button/CloseButton/CloseButton.js";
 import "../../../Inline/Inline.styles.js";
-import { IressInline as m } from "../../../Inline/Inline.js";
+import { IressInline as n } from "../../../Inline/Inline.js";
 import { IressText as T } from "../../../Text/Text.js";
 import { c as l } from "../../../../cx-DN21T1EH.js";
 import { toast as k } from "./Toast.styles.js";
-import { s as B } from "../../../../factory-CsinCTPr.js";
+import { s as B } from "../../../../factory-BrouwSOb.js";
 import { IressIcon as S } from "../../../Icon/Icon.js";
 import "../../../Icon/Icon.styles.js";
+import "../../../Icon/IconProvider.js";
 import { GlobalCSSClass as j } from "../../../../enums.js";
 const w = {
   error: "colour.system.danger.text",
@@ -20,71 +21,70 @@ const w = {
   error: "ban",
   success: "check",
   info: "info-square"
-}, W = I(
+}, _ = I(
   ({
     actions: i,
-    heading: t,
-    status: o,
+    heading: s,
+    status: r,
     children: p,
     content: d,
     dismissible: f = !0,
     onClose: h,
-    "data-testid": r,
+    "data-testid": t,
     className: u,
     ...x
   }, y) => {
-    const s = k({ status: o }), g = !!i?.length;
+    const o = k({ status: r }), g = !!i?.length;
     return /* @__PURE__ */ e(
       B.div,
       {
         ...x,
-        "data-testid": r,
-        className: l(u, s.root, j.Toast),
+        "data-testid": t,
+        className: l(u, o.root, j.Toast),
         tabIndex: -1,
         ref: y,
-        children: /* @__PURE__ */ e("div", { className: s.panel, children: /* @__PURE__ */ n(m, { gap: "sm", verticalAlign: "top", noWrap: !0, children: [
+        children: /* @__PURE__ */ e("div", { className: o.panel, children: /* @__PURE__ */ m(n, { gap: "sm", verticalAlign: "top", noWrap: !0, children: [
           /* @__PURE__ */ e(
             S,
             {
-              name: A[o],
-              screenreaderText: `${o}: `,
-              textStyle: "typography.heading.2",
-              fixedWidth: !0,
-              color: w[o]
+              name: A[r],
+              screenreaderText: `${r}: `,
+              textStyle: "typography.heading.4",
+              color: w[r]
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ m(
             "div",
             {
-              className: s.wrapper,
-              "data-testid": c(r, "content"),
+              className: o.wrapper,
+              "data-testid": c(t, "content"),
               children: [
-                t && /* @__PURE__ */ e(
+                s && /* @__PURE__ */ e(
                   T,
                   {
-                    className: s.heading,
-                    "data-testid": c(r, "heading"),
-                    children: typeof t == "string" ? /* @__PURE__ */ e("h2", { children: t }) : t
+                    className: o.heading,
+                    "data-testid": c(t, "heading"),
+                    children: typeof s == "string" ? /* @__PURE__ */ e("h2", { children: s }) : s
                   }
                 ),
                 f && /* @__PURE__ */ e(
                   C,
                   {
                     "data-testid": c(
-                      r,
+                      t,
                       "close-button__button"
                     ),
-                    className: s.closeButton,
+                    className: o.closeButton,
                     onClick: (a) => h?.(a),
                     screenreaderText: "Dismiss"
                   }
                 ),
-                /* @__PURE__ */ e("div", { className: s.content, children: d ?? p }),
-                g && /* @__PURE__ */ e(m, { gap: "sm", mt: "spacing.1", children: i?.map((a, N) => /* @__PURE__ */ b(
+                /* @__PURE__ */ e("div", { className: o.content, children: d ?? p }),
+                g && /* @__PURE__ */ e(n, { gap: "sm", mt: "spacing.1", children: i?.map((a, N) => /* @__PURE__ */ b(
                   v,
                   {
                     ...a,
-                    className: l(a.className, s.action),
+                    className: l(a.className, o.action),
                     key: N
                   }
                 )) })
@@ -96,7 +96,7 @@ const w = {
     );
   }
 );
-W.displayName = "Toast";
+_.displayName = "Toast";
 export {
-  W as Toast
+  _ as Toast
 };

package/dist/components/Toaster/components/Toast/Toast.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const toast: import('../../../../styled-system/types').SlotRecipeRuntimeFn<"content" | "heading" | "icon" | "wrapper" | "action" | "root" | "closeButton" | "panel", {
+export declare const toast: import('../../../../styled-system/types').SlotRecipeRuntimeFn<"content" | "heading" | "wrapper" | "action" | "root" | "closeButton" | "panel", {
     status: {
         error: {
             panel: {

package/dist/components/Toaster/components/Toast/Toast.styles.js

@@ -1,11 +1,10 @@
-import { s as o } from "../../../../sva-B7kca5XO.js";
+import { s as o } from "../../../../sva-Df1FmoEW.js";
 const r = o({
   slots: [
     "root",
     "action",
     "panel",
     "wrapper",
-    "icon",
     "heading",
     "content",
     "closeButton"
@@ -33,9 +32,6 @@ const r = o({
       lineHeight: "1.5",
       paddingRight: "spacing.6"
     },
-    icon: {
-      lineHeight: "normal"
-    },
     heading: {
       display: "inline-block",
       marginBottom: "spacing.1",

package/dist/components/Toggle/Toggle.js

@@ -4,10 +4,10 @@ import { propagateTestid as p } from "../../helpers/utility/propagateTestid.js";
 import { IressCheckboxMark as S } from "../CheckboxMark/CheckboxMark.js";
 import "../CheckboxMark/CheckboxMark.styles.js";
 import { toggle as f } from "./Toggle.styles.js";
-import { c as g } from "../../css-DNdLYQld.js";
+import { c as g } from "../../css-BStWZDQe.js";
 import { c as u } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as B } from "../../enums.js";
-import { s as _ } from "../../factory-CsinCTPr.js";
+import { s as _ } from "../../factory-BrouwSOb.js";
 import { useControlledState as j } from "../../hooks/useControlledState.js";
 const b = ({
   hiddenLabel: r,

package/dist/components/Toggle/Toggle.styles.js

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

package/dist/components/Tooltip/Tooltip.js

@@ -7,7 +7,7 @@ import { toArray as W } from "../../helpers/formatting/toArray.js";
 import { idsLogger as q } from "../../helpers/utility/idsLogger.js";
 import { focusableElements as z } from "../../helpers/dom/focusableElements.js";
 import { tooltip as J } from "./Tooltip.styles.js";
-import { s as K } from "../../factory-CsinCTPr.js";
+import { s as K } from "../../factory-BrouwSOb.js";
 import { GlobalCSSClass as Q } from "../../enums.js";
 const U = ({
   children: o,

package/dist/components/Tooltip/Tooltip.styles.js

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

package/dist/components/ValidationMessage/ValidationMessage.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { capitalizeFirstLetter as f } from "../../helpers/formatting/capitalizeFirstLetter.js";
 import { c as p } from "../../cx-DN21T1EH.js";
 import { IressText as u } from "../Text/Text.js";
-import { s as d } from "../../factory-CsinCTPr.js";
+import { s as d } from "../../factory-BrouwSOb.js";
 import { GlobalCSSClass as y } from "../../enums.js";
 const b = ({
   prefix: t,

package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js

@@ -3,7 +3,7 @@ import { propagateTestid as p } from "../../../helpers/utility/propagateTestid.j
 import { IressValidationMessage as c } from "../ValidationMessage.js";
 import "react";
 import { useIdIfNeeded as g } from "../../../hooks/useIdIfNeeded.js";
-import { s as e } from "../../../factory-CsinCTPr.js";
+import { s as e } from "../../../factory-BrouwSOb.js";
 import { c as y } from "../../../cx-DN21T1EH.js";
 import { GlobalCSSClass as S } from "../../../enums.js";
 const I = ({

package/dist/{create-recipe-DjqynAXe.js → create-recipe-DUTadmvy.js}

@@ -1,5 +1,5 @@
-import { a as l, b as C, f as d, d as g, c as x, w as y, u as m, s as $ } from "./css-DNdLYQld.js";
-import { g as f, a as b } from "./cva-DtPMccE9.js";
+import { a as l, b as C, f as d, d as g, c as x, w as y, u as m, s as $ } from "./css-BStWZDQe.js";
+import { g as f, a as b } from "./cva-DJVW1KHF.js";
 import { c as p } from "./cx-DN21T1EH.js";
 const K = (t, n, i) => {
   const r = (s) => ({