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

package/dist/components/Icon/components/FontLoader.js

@@ -0,0 +1,29 @@
+import { jsxs as a, Fragment as u, jsx as d } from "react/jsx-runtime";
+import { createPortal as o } from "react-dom";
+const i = ({
+  container: e,
+  keyPrefix: l,
+  onlyShadow: s,
+  url: r
+}) => {
+  if (typeof document > "u")
+    return null;
+  let t = null;
+  e && ("current" in e ? t = e.current : t = e);
+  const n = `@import url("${r}") layer(reset);`;
+  return /* @__PURE__ */ a(u, { children: [
+    !s && o(
+      /* @__PURE__ */ d("style", { "data-url": r, children: n }),
+      document.head,
+      `${l}-head`
+    ),
+    t && o(
+      /* @__PURE__ */ d("style", { "data-url": r, children: n }),
+      t,
+      `${l}-shadow`
+    )
+  ] });
+};
+export {
+  i as FontLoader
+};

package/dist/components/Icon/helpers/getMaterialSymbolsList.d.ts

@@ -0,0 +1,12 @@
+import { MaterialSymbol } from 'material-symbols';
+/**
+ * Extracts all Material Symbol names from the type definition.
+ * This is done lazily to avoid processing 3800+ icon names until needed.
+ *
+ * @returns Promise resolving to array of all Material Symbol names
+ */
+export declare const getMaterialSymbolsList: () => Promise<MaterialSymbol[]>;
+/**
+ * Get the Material Symbols list with caching
+ */
+export declare const getMaterialSymbolsListCached: () => Promise<MaterialSymbol[]>;

package/dist/components/Icon/helpers/getMaterialSymbolsList.js

@@ -0,0 +1,12 @@
+const a = async () => {
+  const { default: o } = await import("../../../index.d-CZvOUeIl.js"), l = o, s = /type MaterialSymbols = (\[)([\s\S]*?)(\]);/.exec(l);
+  if (!s)
+    throw new Error("Could not parse Material Symbols type definition");
+  return s[2].split(",").map((t) => t.trim()).filter((t) => t.startsWith('"')).map((t) => t.replace(/(^")|("$)/g, ""));
+};
+let e = null;
+const m = () => (e ??= a(), e);
+export {
+  a as getMaterialSymbolsList,
+  m as getMaterialSymbolsListCached
+};

package/dist/components/Icon/helpers/iconMapping.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Maps Font Awesome icon names to Material Symbols names
+ *
+ * This mapping is based on actual consumer usage patterns and provides
+ * semantic equivalents for common icons used in the design system.
+ *
+ * Naming convention differences:
+ * - Font Awesome: kebab-case (e.g., 'arrow-left', 'smile-wink')
+ * - Material Symbols: snake_case (e.g., 'arrow_back', 'sentiment_satisfied')
+ */
+export declare const FA_TO_MATERIAL_MAP: {
+    check: "check";
+    times: "close";
+    'times-circle': "cancel";
+    spinner: "progress_activity";
+    'lock-alt': "lock";
+    lock: "lock";
+    'chevron-down': "keyboard_arrow_down";
+    'chevron-up': "keyboard_arrow_up";
+    'chevron-left': "keyboard_arrow_left";
+    'chevron-right': "keyboard_arrow_right";
+    'chevron-double-down': "keyboard_double_arrow_down";
+    'chevron-double-up': "keyboard_double_arrow_up";
+    'chevron-circle-down': "expand_circle_down";
+    'arrow-left': "arrow_back";
+    'arrow-right': "arrow_forward";
+    'arrow-up': "arrow_upward";
+    'arrow-down': "arrow_downward";
+    'user-circle': "account_circle";
+    'power-off': "power_settings_new";
+    'ellipsis-v': "more_vert";
+    'ellipsis-h': "more_horiz";
+    bars: "menu";
+    search: "search";
+    cog: "settings";
+    'file-image': "image";
+    'file-pdf': "picture_as_pdf";
+    'file-spreadsheet': "table_chart";
+    'file-word': "description";
+    file: "drive_folder_upload";
+    folder: "folder";
+    'folder-open': "folder_open";
+    home: "home";
+    trash: "delete";
+    edit: "edit";
+    pencil: "edit";
+    plus: "add";
+    minus: "remove";
+    info: "info";
+    'info-circle': "info";
+    question: "help";
+    'question-circle': "help";
+    'exclamation-triangle': "warning";
+    star: "star";
+    heart: "favorite";
+    calendar: "calendar_today";
+    clock: "schedule";
+    bell: "notifications";
+    envelope: "mail";
+    download: "download";
+    upload: "upload";
+    print: "print";
+    share: "share";
+    link: "link";
+    'external-link': "open_in_new";
+    ban: "block";
+    'info-square': "info";
+    'align-left': "format_align_left";
+    'align-center': "format_align_center";
+    'align-right': "format_align_right";
+    'align-justify': "format_align_justify";
+    eye: "visibility";
+    'spinner-third': "progress_activity";
+    'file-alt': "draft";
+    user: "account_circle";
+    'plus-circle': "add_circle";
+};
+export type FontAwesomeIconWithMaterialEquivalent = keyof typeof FA_TO_MATERIAL_MAP;

package/dist/components/Icon/helpers/iconMapping.js

@@ -0,0 +1,75 @@
+const e = {
+  // Status & Feedback
+  check: "check",
+  times: "close",
+  "times-circle": "cancel",
+  spinner: "progress_activity",
+  "lock-alt": "lock",
+  lock: "lock",
+  // Navigation & Arrows
+  "chevron-down": "keyboard_arrow_down",
+  "chevron-up": "keyboard_arrow_up",
+  "chevron-left": "keyboard_arrow_left",
+  "chevron-right": "keyboard_arrow_right",
+  "chevron-double-down": "keyboard_double_arrow_down",
+  "chevron-double-up": "keyboard_double_arrow_up",
+  "chevron-circle-down": "expand_circle_down",
+  "arrow-left": "arrow_back",
+  "arrow-right": "arrow_forward",
+  "arrow-up": "arrow_upward",
+  "arrow-down": "arrow_downward",
+  // UI Controls & Actions
+  "user-circle": "account_circle",
+  "power-off": "power_settings_new",
+  "ellipsis-v": "more_vert",
+  "ellipsis-h": "more_horiz",
+  bars: "menu",
+  search: "search",
+  cog: "settings",
+  // File Types
+  "file-image": "image",
+  "file-pdf": "picture_as_pdf",
+  "file-spreadsheet": "table_chart",
+  "file-word": "description",
+  file: "drive_folder_upload",
+  folder: "folder",
+  "folder-open": "folder_open",
+  // Common Icons
+  home: "home",
+  trash: "delete",
+  edit: "edit",
+  pencil: "edit",
+  plus: "add",
+  minus: "remove",
+  info: "info",
+  "info-circle": "info",
+  question: "help",
+  "question-circle": "help",
+  "exclamation-triangle": "warning",
+  star: "star",
+  heart: "favorite",
+  calendar: "calendar_today",
+  clock: "schedule",
+  bell: "notifications",
+  envelope: "mail",
+  download: "download",
+  upload: "upload",
+  print: "print",
+  share: "share",
+  link: "link",
+  "external-link": "open_in_new",
+  ban: "block",
+  "info-square": "info",
+  "align-left": "format_align_left",
+  "align-center": "format_align_center",
+  "align-right": "format_align_right",
+  "align-justify": "format_align_justify",
+  eye: "visibility",
+  "spinner-third": "progress_activity",
+  "file-alt": "draft",
+  user: "account_circle",
+  "plus-circle": "add_circle"
+};
+export {
+  e as FA_TO_MATERIAL_MAP
+};

package/dist/components/Icon/hooks/useDynamicFontSubsetting.d.ts

@@ -0,0 +1,45 @@
+export interface UseDynamicFontSubsettingOptions {
+    /**
+     * Set of icon names to load
+     */
+    icons: Set<string>;
+    /**
+     * Function to build the font URL from an array of icon names
+     */
+    buildUrl: (icons: string[]) => string;
+    /**
+     * Data attribute to identify the link element in the DOM. Must be kebab-case.
+     */
+    dataAttribute: string;
+    /**
+     * Font family name for the Font Loading API
+     */
+    fontFamily: string;
+    /**
+     * Whether the hook is disabled (loads nothing if true)
+     */
+    disabled?: boolean;
+    /**
+     * Whether font subsetting is disabled (full font loaded at once)
+     * When true, all icons are considered loaded after first font load
+     */
+    noSubsetting?: boolean;
+}
+/**
+ * Hook to dynamically load fonts with text subsetting from a CDN.
+ * Only loads the specific glyphs that are actually used, dramatically reducing payload size.
+ *
+ * @example Material Symbols: 1407KB → 15-20KB (98.5% reduction)
+ */
+export declare const useDynamicFontSubsetting: ({ icons, buildUrl, dataAttribute, fontFamily, disabled, noSubsetting, }: UseDynamicFontSubsettingOptions) => {
+    /**
+     * Set of icons that have been loaded and are ready to use
+     */
+    loadedIcons: Set<string>;
+    /**
+     * Check if a specific icon has been loaded
+     * In noSubsetting mode, returns true if fullyLoaded
+     * In subsetting mode, only returns true for individually loaded icons
+     */
+    isIconLoaded: (name: string) => boolean;
+};

package/dist/components/Icon/hooks/useDynamicFontSubsetting.js

@@ -0,0 +1,78 @@
+import { useState as w, useRef as N, useCallback as s, useEffect as F } from "react";
+const P = ({
+  icons: f,
+  buildUrl: m,
+  dataAttribute: l,
+  fontFamily: u,
+  disabled: i = !1,
+  noSubsetting: c = !1
+}) => {
+  const [h, $] = w(/* @__PURE__ */ new Set()), [E, y] = w(!1), a = N(null), o = s((e) => {
+    $((t) => {
+      const n = new Set(t);
+      return e.forEach((L) => n.add(L)), n;
+    });
+  }, []), p = s((e) => {
+    e?.parentNode && e.parentNode.removeChild(e);
+  }, []), C = s(
+    (e, t) => {
+      o(t), p(e), c && y(!0);
+    },
+    [o, p, c]
+  ), d = s(
+    (e) => {
+      setTimeout(() => {
+        o(e);
+      }, 3e3);
+    },
+    [o]
+  ), S = s(
+    (e, t) => {
+      "fonts" in document ? (document.fonts.check(`24px "${u}"`) ? Promise.resolve() : document.fonts.load(`24px "${u}"`).catch(() => {
+      })).then(() => C(e, t)).catch(() => d(t)) : setTimeout(() => o(t), 1e3);
+    },
+    [u, C, d, o]
+  );
+  return F(() => () => {
+    a.current?.parentNode && a.current.parentNode.removeChild(a.current);
+  }, []), F(() => {
+    if (i)
+      return;
+    const e = Array.from(f);
+    e.sort((x, v) => x.localeCompare(v));
+    const t = m(e), n = document.querySelector(`style[data-${l}]`);
+    if (n?.getAttribute("data-url") === t) {
+      c && y(!0);
+      return;
+    }
+    (async () => {
+      try {
+        const I = `@layer reset { ${await (await fetch(t)).text()} }`, r = document.createElement("style");
+        r.textContent = I, r.setAttribute(`data-${l}`, "true"), r.setAttribute("data-url", t), document.head.appendChild(r), a.current = r, S(n, e);
+      } catch {
+        d(e);
+      }
+    })();
+  }, [
+    f,
+    m,
+    l,
+    i,
+    S,
+    d
+  ]), {
+    /**
+     * Set of icons that have been loaded and are ready to use
+     */
+    loadedIcons: h,
+    /**
+     * Check if a specific icon has been loaded
+     * In noSubsetting mode, returns true if fullyLoaded
+     * In subsetting mode, only returns true for individually loaded icons
+     */
+    isIconLoaded: (e) => c ? E : h.has(e)
+  };
+};
+export {
+  P as useDynamicFontSubsetting
+};

package/dist/components/Icon/index.d.ts

@@ -1,2 +1,4 @@
 export * from './Icon';
+export * from './Icon.constants';
 export * from './Icon.styles';
+export { IressIconProvider, type IressIconProviderProps } from './IconProvider';

package/dist/components/Icon/index.js

@@ -1,6 +1,10 @@
 import { IressIcon as e } from "./Icon.js";
-import { icon as f } from "./Icon.styles.js";
+import { MATERIAL_SYMBOLS as f } from "./Icon.constants.js";
+import { icon as p } from "./Icon.styles.js";
+import { IressIconProvider as t } from "./IconProvider.js";
 export {
   e as IressIcon,
-  f as icon
+  t as IressIconProvider,
+  f as MATERIAL_SYMBOLS,
+  p as icon
 };

package/dist/components/Image/Image.js

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { GlobalCSSClass as t } from "../../enums.js";
 import { image as i } from "./Image.styles.js";
 import { c as l } from "../../cx-DN21T1EH.js";
-import { s as p } from "../../factory-CsinCTPr.js";
+import { s as p } from "../../factory-BrouwSOb.js";
 const c = p("img", i), g = ({
   className: s,
   maxWidth: m = "100%",

package/dist/components/Image/Image.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: "block",

package/dist/components/Inline/Inline.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { inline as r } from "./Inline.styles.js";
-import { s as i } from "../../factory-CsinCTPr.js";
+import { s as i } from "../../factory-BrouwSOb.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { c as e } from "../../cx-DN21T1EH.js";
 const l = i("div", r), t = ({ className: o, ...s }) => /* @__PURE__ */ m(l, { ...s, className: e(o, n.Inline) });

package/dist/components/Inline/Inline.styles.js

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

package/dist/components/Input/Input.js

@@ -10,10 +10,10 @@ import { IressReadonly as W } from "../Readonly/Readonly.js";
 import "../Readonly/Readonly.styles.js";
 import { c as u } from "../../cx-DN21T1EH.js";
 import { input as X } from "./Input.styles.js";
-import { s as Z } from "../../factory-CsinCTPr.js";
-import { s as _ } from "../../is-valid-prop-DweT-eOL.js";
+import { s as Z } from "../../factory-BrouwSOb.js";
+import { s as _ } from "../../is-valid-prop-DTA0i8bT.js";
 import { useNoDefaultValueInForms as ee } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
-import "../../Button-BTkololu.js";
+import "../../Button-BrpmQKsB.js";
 import { IressCloseButton as te } from "../Button/CloseButton/CloseButton.js";
 const re = ({ rows: t, ...c }, P) => {
   const {

package/dist/components/Input/Input.styles.js

@@ -1,10 +1,10 @@
-import { s as r } from "../../sva-B7kca5XO.js";
+import { s as r } from "../../sva-Df1FmoEW.js";
 const o = r({
   slots: ["root", "wrapper", "inline", "addon", "internal", "formControl"],
   base: {
     wrapper: {
       // Performance: CSS containment limits style recalculation scope
-      contain: "style paint",
+      contain: "style",
       display: "flex",
       alignItems: "stretch",
       borderRadius: "radius.system.form",
@@ -221,6 +221,17 @@ const o = r({
       }
     }
   },
+  compoundVariants: [
+    {
+      isTextarea: !0,
+      stretched: !0,
+      css: {
+        formControl: {
+          height: "[100%]"
+        }
+      }
+    }
+  ],
   defaultVariants: {}
 });
 export {

package/dist/components/Input/InputBase/InputBase.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as l, useRef as c, useImperativeHandle as d } from "react";
-import { s as i } from "../../../factory-CsinCTPr.js";
+import { s as i } from "../../../factory-BrouwSOb.js";
 const m = ({ "data-testid": t, rows: e, ...u }, f) => {
   const a = e !== void 0, r = c(null), n = c(null);
   if (d(f, () => {

package/dist/components/Label/Label.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", "required", "text"],
   base: {

package/dist/components/Label/LabelBase/LabelBase.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as s, Fragment as y } from "react/jsx-runtime";
 import { GlobalCSSClass as c } from "../../../enums.js";
 import { propagateTestid as g } from "../../../helpers/utility/propagateTestid.js";
 import { useState as C, useMemo as S } from "react";
-import { s as r } from "../../../factory-CsinCTPr.js";
+import { s as r } from "../../../factory-BrouwSOb.js";
 import { label as j } from "../Label.styles.js";
 import { c as q } from "../../../cx-DN21T1EH.js";
 const B = ({

package/dist/components/Link/Link.js

@@ -1,85 +1,84 @@
-import { jsxs as L, Fragment as N, jsx as e } from "react/jsx-runtime";
+import { jsxs as L, Fragment as N, jsx as o } from "react/jsx-runtime";
 import { forwardRef as S, useId as P, useMemo as m, useCallback as j } from "react";
 import { IressSpinner as v } from "../Spinner/Spinner.js";
 import "../Spinner/Spinner.styles.js";
-import { s as w } from "../../is-valid-prop-DweT-eOL.js";
-import { c as o } from "../../css-DNdLYQld.js";
+import { s as w } from "../../is-valid-prop-DTA0i8bT.js";
+import { c as e } from "../../css-BStWZDQe.js";
 import { c as G } from "../../cx-DN21T1EH.js";
 import { link as F } from "./Link.styles.js";
-import { GlobalCSSClass as k } from "../../enums.js";
+import { GlobalCSSClass as b } from "../../enums.js";
 const M = ({
-  active: b,
+  active: h,
   append: n,
-  children: i,
+  children: p,
   className: f,
-  element: p,
+  element: c,
   loading: r = !1,
   onClick: l,
-  prepend: c,
-  ...d
-}, x) => {
-  const a = P(), s = F.raw({
-    active: b,
+  prepend: a,
+  ...u
+}, y) => {
+  const i = P(), s = F.raw({
+    active: h,
     loading: !!r
-  }), [u, t] = m(
-    () => w(d),
-    [d]
-  ), h = j(
+  }), [d, t] = m(
+    () => w(u),
+    [u]
+  ), k = j(
     (I) => {
       r || l?.(I);
     },
     [r, l]
-  ), y = m(
+  ), C = m(
     () => ({
       children: /* @__PURE__ */ L(N, { children: [
-        c && !r && /* @__PURE__ */ e("span", { className: o(s.prepend), children: c }),
-        !!r && /* @__PURE__ */ e(
+        a && !r && /* @__PURE__ */ o("span", { className: e(s.prepend), children: a }),
+        !!r && /* @__PURE__ */ o(
           v,
           {
-            className: o(s.spinner),
-            fixedWidth: !0,
-            id: a,
+            className: e(s.spinner),
+            id: i,
             screenreaderText: r === !0 ? "Loading" : r
           }
         ),
-        i && /* @__PURE__ */ e("span", { className: o(s.content), children: i }),
-        n && /* @__PURE__ */ e("span", { className: o(s.append), children: n })
+        p && /* @__PURE__ */ o("span", { className: e(s.content), children: p }),
+        n && /* @__PURE__ */ o("span", { className: e(s.append), children: n })
       ] }),
       className: G(
         f,
-        o(s.root, u),
-        k.Group,
-        k.Link
+        e(s.root, d),
+        b.Group,
+        b.Link
       ),
-      onClick: h
+      onClick: k
     }),
     [
       n,
-      i,
+      p,
       f,
-      h,
+      k,
       r,
-      c,
       a,
-      u,
+      i,
+      d,
       s.append,
       s.content,
       s.prepend,
       s.root,
       s.spinner
     ]
-  ), C = m(
-    () => p ?? (t.href ? "a" : "button"),
-    [p, t.href]
+  ), x = m(
+    () => c ?? (t.href ? "a" : "button"),
+    [c, t.href]
   );
-  return /* @__PURE__ */ e(
-    C,
+  return /* @__PURE__ */ o(
+    x,
     {
-      "aria-describedby": r ? a : void 0,
-      type: p || !t.href ? "button" : void 0,
-      ...y,
+      "aria-describedby": r ? i : void 0,
+      type: c || !t.href ? "button" : void 0,
+      ...C,
       ...t,
-      ref: x
+      ref: y
     }
   );
 }, R = S(M);

package/dist/components/Link/Link.styles.js

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

package/dist/components/Menu/Menu.js

@@ -3,7 +3,7 @@ import { createContext as w, useMemo as s, useCallback as z, useEffect as E } fr
 import { useControlledState as G } from "../../hooks/useControlledState.js";
 import { useIdIfNeeded as H } from "../../hooks/useIdIfNeeded.js";
 import { C as K } from "../../floating-ui.react-BlU6Nz_4.js";
-import { s as v } from "../../factory-CsinCTPr.js";
+import { s as v } from "../../factory-BrouwSOb.js";
 import { toArray as R } from "../../helpers/formatting/toArray.js";
 import { menu as q } from "./Menu.styles.js";
 import { c as B } from "../../cx-DN21T1EH.js";

package/dist/components/Menu/Menu.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", "item", "checkboxMark", "append", "contents", "text"],
   base: {

package/dist/components/Menu/MenuItem/MenuItem.js

@@ -6,9 +6,9 @@ import { MenuContext as J } from "../Menu.js";
 import { IressCheckboxMark as Q } from "../../CheckboxMark/CheckboxMark.js";
 import "../../CheckboxMark/CheckboxMark.styles.js";
 import { propagateTestid as X } from "../../../helpers/utility/propagateTestid.js";
-import { c as Y } from "../../../css-DNdLYQld.js";
+import { c as Y } from "../../../css-BStWZDQe.js";
 import { c as Z } from "../../../cx-DN21T1EH.js";
-import { s as _ } from "../../../is-valid-prop-DweT-eOL.js";
+import { s as _ } from "../../../is-valid-prop-DTA0i8bT.js";
 import { menu as T } from "../Menu.styles.js";
 import "../../Popover/Popover.js";
 import "../../Popover/Popover.styles.js";

package/dist/components/Menu/MenuText/MenuText.js

@@ -4,11 +4,11 @@ import { useContext as v } from "react";
 import { MenuContext as H } from "../Menu.js";
 import { IressText as P } from "../../Text/Text.js";
 import { menu as T } from "../Menu.styles.js";
-import { c as i } from "../../../css-DNdLYQld.js";
+import { c as i } from "../../../css-BStWZDQe.js";
 import { c as h } from "../../../cx-DN21T1EH.js";
 import { IressMenuDivider as j } from "../MenuDivider/MenuDivider.js";
 import { GlobalCSSClass as c } from "../../../enums.js";
-import { s as R } from "../../../is-valid-prop-DweT-eOL.js";
+import { s as R } from "../../../is-valid-prop-DTA0i8bT.js";
 const b = (s, e) => (s && ["h1", "h2", "h3", "h4", "h5", "h6"].includes(s)) ?? (e && [
   "typography.heading.1",
   "typography.heading.2",

package/dist/components/Modal/Modal.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as v } from "react/jsx-runtime";
 import { useState as Z, useEffect as w, useMemo as oo } from "react";
-import "../../Button-BTkololu.js";
+import "../../Button-BrpmQKsB.js";
 import { IressCloseButton as eo } from "../Button/CloseButton/CloseButton.js";
 import { u as to, b as so, c as ro, d as no, e as ao, F as io, f as lo, g as co } from "../../floating-ui.react-BlU6Nz_4.js";
 import { idsLogger as mo } from "../../helpers/utility/idsLogger.js";
@@ -11,8 +11,8 @@ import { IressText as po } from "../Text/Text.js";
 import { useProviderModal as go } from "./hooks/useProviderModal.js";
 import { modal as ho } from "./Modal.styles.js";
 import { c as C } from "../../cx-DN21T1EH.js";
-import { s as u } from "../../factory-CsinCTPr.js";
-import { s as bo } from "../../is-valid-prop-DweT-eOL.js";
+import { s as u } from "../../factory-BrouwSOb.js";
+import { s as bo } from "../../is-valid-prop-DTA0i8bT.js";
 import { GlobalCSSClass as p } from "../../enums.js";
 import { getTransitionDuration as yo } from "../../helpers/transition/getTransitionDuration.js";
 const Io = ({