@iress-oss/ids-components 6.0.0-alpha.7 → 6.0.0-alpha.9

package/dist/{Autocomplete-BQ_YPb5A.js → Autocomplete-64YPQLLR.js}

@@ -1,52 +1,41 @@
-import { jsx as t, jsxs as T, Fragment as at } from "react/jsx-runtime";
+import { jsx as e, jsxs as T, Fragment as ae } from "react/jsx-runtime";
 import { c as A } from "./cx-DN21T1EH.js";
-import { autoComplete as It } from "./components/Autocomplete/Autocomplete.styles.js";
-import { IressPopover as St } from "./components/Popover/Popover.js";
+import { autoComplete as ge } from "./components/Autocomplete/Autocomplete.styles.js";
+import { IressPopover as Se } from "./components/Popover/Popover.js";
 import "./components/Popover/Popover.styles.js";
-import { IressInputPopover as Ct } from "./components/Popover/InputPopover/InputPopover.js";
-import { forwardRef as ct, useState as j, useRef as st, useImperativeHandle as At, useEffect as rt, useCallback as bt } from "react";
-import "./components/Popover/hooks/usePopover.js";
-import { IressInput as yt } from "./components/Input/Input.js";
+import { IressInputPopover as Ce } from "./components/Popover/InputPopover/InputPopover.js";
+import { forwardRef as ce, useState as j, useRef as se, useImperativeHandle as Ae, useEffect as re, useCallback as be } from "react";
+import "./components/Popover/hooks/useFloatingPopover.js";
+import { IressInput as ye } from "./components/Input/Input.js";
 import "./components/Input/Input.styles.js";
-import { useControlledState as Rt } from "./hooks/useControlledState.js";
-import { propagateTestid as nt } from "./helpers/utility/propagateTestid.js";
-import { toArray as Nt } from "./helpers/formatting/toArray.js";
-import { getValueAsEvent as wt } from "./helpers/form/getValueAsEvent.js";
-import { getFormControlValueAsStringIfDefined as xt } from "./helpers/form/getFormControlValueAsStringIfDefined.js";
-import { useAutocompleteSearch as lt } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
-import { IressIcon as Dt } from "./components/Icon/Icon.js";
-import { AutocompleteInstructions as Ft } from "./components/Autocomplete/components/AutocompleteInstructions.js";
-import { richSelect as Vt } from "./components/RichSelect/RichSelect.styles.js";
-import { useRichSelectState as Et } from "./components/RichSelect/hooks/useRichSelectState.js";
-import "./components/RichSelect/SelectBody/SelectBody.styles.js";
-import { GlobalCSSClass as it } from "./enums.js";
-import "./components/Menu/Menu.js";
-import "./components/Menu/Menu.styles.js";
-import "./components/Divider/Divider.styles.js";
-import "./components/Menu/MenuItem/MenuItem.js";
-import "./components/Icon/Icon.styles.js";
+import { useControlledState as Re } from "./hooks/useControlledState.js";
+import { propagateTestid as ne } from "./helpers/utility/propagateTestid.js";
+import { toArray as Ne } from "./helpers/formatting/toArray.js";
+import { getValueAsEvent as we } from "./helpers/form/getValueAsEvent.js";
+import { getFormControlValueAsStringIfDefined as xe } from "./helpers/form/getFormControlValueAsStringIfDefined.js";
+import { useAutocompleteSearch as le } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
+import { IressIcon as De } from "./components/Icon/Icon.js";
+import { AutocompleteInstructions as Fe } from "./components/Autocomplete/components/AutocompleteInstructions.js";
+import { richSelect as Ve } from "./components/RichSelect/RichSelect.styles.js";
+import { useRichSelectState as Ee } from "./components/RichSelect/hooks/useRichSelectState.js";
+import "./components/RichSelect/SelectBody/SelectBody.js";
+import "./components/RichSelect/SelectCreate/SelectCreate.js";
 import "./components/RichSelect/SelectHeading/SelectHeading.js";
-import "./components/RichSelect/SelectLabel/SelectLabel.styles.js";
-import "./components/RichSelect/SelectMenu/SelectMenu.styles.js";
-import "./components/RichSelect/SelectSearch/SelectSearch.styles.js";
+import "./components/RichSelect/SelectLabel/SelectLabel.js";
+import { IressSelectMenu as Pe } from "./components/RichSelect/SelectMenu/SelectMenu.js";
+import "./components/RichSelect/SelectSearch/SelectSearch.js";
 import "./components/RichSelect/SelectSearchInput/SelectSearchInput.js";
-import "./components/RichSelect/SelectTags/SelectTags.styles.js";
-import "./Button-B4nt3P1v.js";
-import "./components/Button/CloseButton/CloseButton.js";
-import "./components/Tag/Tag.styles.js";
-import "./components/Tag/TagInput/TagInput.js";
-import "./components/Inline/Inline.styles.js";
-import "./components/Inline/Inline.js";
-import { IressSelectMenu as Pt } from "./components/RichSelect/SelectMenu/SelectMenu.js";
-import { IressReadonly as ut } from "./components/Readonly/Readonly.js";
+import "./components/RichSelect/SelectTags/SelectTags.js";
+import { IressReadonly as ue } from "./components/Readonly/Readonly.js";
 import "./components/Readonly/Readonly.styles.js";
-import { IressAlert as Qt } from "./components/Alert/Alert.js";
+import { IressAlert as Qe } from "./components/Alert/Alert.js";
 import "./components/Alert/Alert.styles.js";
-import { SelectActivator as Tt } from "./components/RichSelect/components/SelectActivator.js";
-import { SelectOptions as jt } from "./components/RichSelect/components/SelectOptions.js";
-import { SelectHiddenInput as kt } from "./components/RichSelect/components/SelectHiddenInput.js";
-import { useNoDefaultValueInForms as qt } from "./patterns/Form/hooks/useNoDefaultValueInForms.js";
-const Ht = ({
+import { GlobalCSSClass as ie } from "./enums.js";
+import { SelectActivator as Te } from "./components/RichSelect/components/SelectActivator.js";
+import { SelectOptions as je } from "./components/RichSelect/components/SelectOptions.js";
+import { SelectHiddenInput as ke } from "./components/RichSelect/components/SelectHiddenInput.js";
+import { useNoDefaultValueInForms as qe } from "./patterns/Form/hooks/useNoDefaultValueInForms.js";
+const He = ({
   align: b = "bottom-start",
   append: k,
   autoHighlight: q = !0,
@@ -69,45 +58,45 @@ const Ht = ({
   placeholder: z,
   prepend: J,
   readOnly: K,
-  renderHiddenInput: u,
+  renderHiddenInput: i,
   renderLabel: U,
   renderOptions: W,
   required: X,
   selectedOptionsText: Y,
-  type: g,
+  type: I,
   value: a,
   virtualFocus: l,
-  width: I,
+  width: g,
   ...m
 }, S) => {
-  qt({
+  qe({
     component: "IressRichSelect",
     defaultValue: y
   });
-  const [r, p] = j(!1), [c, Z] = j(""), { value: o, setValue: V, getValuesString: E, getLabelsString: _ } = Et({
+  const [r, p] = j(!1), [c, Z] = j(""), { value: o, setValue: V, getValuesString: E, getLabelsString: _ } = Ee({
     component: "IressRichSelect",
     defaultValue: y,
     multiple: f,
     value: a
-  }), i = st(null), s = st(null), {
+  }), u = se(null), s = se(null), {
     debouncedQuery: $,
     error: P,
     results: O,
     stopSearch: C,
-    loading: e,
+    loading: t,
     shouldShowInstructions: n,
-    shouldShowNoResults: mt
-  } = lt({
+    shouldShowNoResults: me
+  } = le({
     debounceThreshold: L,
     initialOptions: R,
     minSearchLength: w,
     options: v,
     query: c
   });
-  At(S, () => i.current ? {
-    ...i.current,
-    focus: () => i.current?.getActivator()?.focus(),
-    blur: () => i.current?.getActivator()?.blur(),
+  Ae(S, () => u.current ? {
+    ...u.current,
+    focus: () => u.current?.getActivator()?.focus(),
+    blur: () => u.current?.getActivator()?.blur(),
     hiddenInput: s.current ?? void 0,
     input: s.current ?? null
   } : {
@@ -115,37 +104,37 @@ const Ht = ({
     input: s.current ?? null,
     focus: () => s.current?.focus(),
     blur: () => s.current?.blur()
-  }), rt(() => {
+  }), re(() => {
     r ? G?.() : D?.();
   }, [r]);
-  const pt = bt(
+  const pe = be(
     (Q) => {
       if (!h) return;
-      const gt = Q.currentTarget, ot = Q.relatedTarget;
-      !r && (!ot || !gt.contains(ot)) && h(Q), Q.stopPropagation();
+      const Ie = Q.currentTarget, oe = Q.relatedTarget;
+      !r && (!oe || !Ie.contains(oe)) && h(Q), Q.stopPropagation();
     },
     [h, r]
   );
   if (K)
-    return /* @__PURE__ */ t(ut, { value: E(), children: _(", ") });
-  const tt = typeof v == "function", dt = l ?? !tt, ft = g ?? (tt ? void 0 : "listbox"), et = Vt({ width: I }), ht = () => {
+    return /* @__PURE__ */ e(ue, { value: E(), children: _(", ") });
+  const ee = typeof v == "function", de = l ?? !ee, fe = I ?? (ee ? void 0 : "listbox"), te = Ve({ width: g }), he = () => {
     p(!0);
-  }, vt = () => {
+  }, ve = () => {
     p(!1), C();
   };
-  return /* @__PURE__ */ T(at, { children: [
-    /* @__PURE__ */ t(
-      St,
+  return /* @__PURE__ */ T(ae, { children: [
+    /* @__PURE__ */ e(
+      Se,
       {
         ...m,
-        activator: /* @__PURE__ */ t(
-          Tt,
+        activator: /* @__PURE__ */ e(
+          Te,
           {
             append: k,
-            async: tt,
+            async: ee,
             error: P,
             id: B,
-            loading: e,
+            loading: t,
             multiSelect: f,
             onChange: F,
             placeholder: z,
@@ -159,26 +148,26 @@ const Ht = ({
           }
         ),
         align: b,
-        className: A(H, et.richSelect, it.RichSelect),
-        contentClassName: A(et.popoverContent),
+        className: A(H, te.richSelect, ie.RichSelect),
+        contentClassName: A(te.popoverContent),
         matchActivatorWidth: N,
-        onActivated: ht,
-        onDeactivated: vt,
-        ref: i,
+        onActivated: he,
+        onDeactivated: ve,
+        ref: u,
         show: r,
-        type: ft,
-        virtualFocus: dt,
-        onBlur: pt,
-        children: /* @__PURE__ */ T("div", { className: et.wrapper, children: [
+        type: fe,
+        virtualFocus: de,
+        onBlur: pe,
+        children: /* @__PURE__ */ T("div", { className: te.wrapper, children: [
           M,
-          /* @__PURE__ */ t(
-            jt,
+          /* @__PURE__ */ e(
+            je,
             {
               autoHighlight: q,
               debouncedQuery: $,
               error: P,
               initialOptions: R,
-              loading: e,
+              loading: t,
               minSearchLength: w,
               multiSelect: f,
               onChange: F,
@@ -190,7 +179,7 @@ const Ht = ({
               setShow: p,
               setValue: V,
               shouldShowInstructions: n,
-              shouldShowNoResults: mt,
+              shouldShowNoResults: me,
               show: r,
               value: o
             }
@@ -199,23 +188,25 @@ const Ht = ({
         ] })
       }
     ),
-    /* @__PURE__ */ t(
-      kt,
+    /* @__PURE__ */ e(
+      ke,
       {
         "data-testid": m["data-testid"],
         getValuesString: E,
         name: x,
-        renderHiddenInput: u,
+        renderHiddenInput: i,
         required: X,
         value: o,
         ref: s
       }
     )
   ] });
-}, Te = ct(Ht), Lt = ct(
+}, Le = ce(He);
+Le.displayName = "IressRichSelect";
+const Me = ce(
   ({
     alwaysShowOnFocus: b,
-    append: k = /* @__PURE__ */ t(Dt, { name: "search" }),
+    append: k = /* @__PURE__ */ e(De, { name: "search" }),
     autoComplete: q = "off",
     autoSelect: H = !0,
     className: L,
@@ -223,7 +214,7 @@ const Ht = ({
     "data-testid": d,
     debounceThreshold: M,
     defaultValue: B,
-    errorText: R = /* @__PURE__ */ t(Qt, { status: "danger", mb: "none", children: "An unknown error occurred. Please contact support if the error persists." }),
+    errorText: R = /* @__PURE__ */ e(Qe, { status: "danger", mb: "none", children: "An unknown error occurred. Please contact support if the error persists." }),
     initialOptions: N,
     limitDesktop: w = 12,
     limitMobile: f = 6,
@@ -237,13 +228,13 @@ const Ht = ({
       autoHighlight: z = !1,
       append: J,
       prepend: K,
-      ...u
+      ...i
     } = {},
     readOnly: U,
     value: W,
     ...X
   }, Y) => {
-    const [g, a] = j(!1), { value: l, setValue: I } = Rt({
+    const [I, a] = j(!1), { value: l, setValue: g } = Re({
       component: "IressAutocomplete",
       defaultValue: B,
       value: W
@@ -256,51 +247,51 @@ const Ht = ({
       stopSearch: V,
       shouldShowInstructions: E,
       shouldShowNoResults: _
-    } = lt({
+    } = le({
       debounceThreshold: M,
       initialOptions: N,
       minSearchLength: x,
       options: v,
-      query: xt(l)
+      query: xe(l)
     });
-    if (rt(() => {
-      m && !g && o.length > 0 && a(!0);
-    }, [o.length, g, m]), rt(() => {
+    if (re(() => {
+      m && !I && o.length > 0 && a(!0);
+    }, [o.length, I, m]), re(() => {
       c && a(!0);
     }, [c]), U)
-      return /* @__PURE__ */ t(ut, { value: l });
-    const i = (e, n) => {
-      D?.(e, n), I(n), S(!0);
-    }, s = (e) => {
-      F?.(e), I("");
-    }, $ = (e) => {
-      h?.(e), N?.length && a(!0);
-    }, P = (e) => {
-      const n = Nt(e)?.[0];
+      return /* @__PURE__ */ e(ue, { value: l });
+    const u = (t, n) => {
+      D?.(t, n), g(n), S(!0);
+    }, s = (t) => {
+      F?.(t), g("");
+    }, $ = (t) => {
+      h?.(t), N?.length && a(!0);
+    }, P = (t) => {
+      const n = Ne(t)?.[0];
       D?.(
-        wt(n?.label),
+        we(n?.label),
         n?.label,
         n
-      ), I(n?.label), a(!1), S(!1);
+      ), g(n?.label), a(!1), S(!1);
     }, O = () => {
       (!b || !l) && V(), r(), a(!1), l && S(!1);
-    }, C = It({
+    }, C = ge({
       isEmpty: o.length === 0
     });
     return /* @__PURE__ */ T(
-      Ct,
+      Ce,
       {
-        ...u,
-        activator: /* @__PURE__ */ t(
-          yt,
+        ...i,
+        activator: /* @__PURE__ */ e(
+          ye,
           {
             ...X,
             append: k,
             autoComplete: q,
             clearable: y,
-            "data-testid": nt(d, "input"),
+            "data-testid": ne(d, "input"),
             loading: Z,
-            onChange: i,
+            onChange: u,
             onClear: s,
             onFocus: $,
             value: l,
@@ -310,30 +301,30 @@ const Ht = ({
         autoHighlight: z,
         className: A(
           L,
-          u.className,
+          i.className,
           C.root,
-          it.Autocomplete
+          ie.Autocomplete
         ),
         contentClassName: A(
-          u.contentClassName,
+          i.contentClassName,
           C.popoverContent
         ),
-        contentStyle: u.contentStyle,
+        contentStyle: i.contentStyle,
         "data-testid": d,
         minLength: 0,
         onActivated: () => (m || b) && a(!0),
         onDeactivated: O,
-        show: g,
+        show: I,
         type: "listbox",
         children: [
-          o.length > 0 && /* @__PURE__ */ T(at, { children: [
+          o.length > 0 && /* @__PURE__ */ T(ae, { children: [
             K,
-            /* @__PURE__ */ t(
-              Pt,
+            /* @__PURE__ */ e(
+              Pe,
               {
                 changeOnBlur: H,
                 className: A(C.optionList),
-                "data-testid": nt(d, "menu"),
+                "data-testid": ne(d, "menu"),
                 items: o,
                 limitDesktop: w,
                 limitMobile: f,
@@ -344,15 +335,15 @@ const Ht = ({
             J
           ] }),
           c && R,
-          E && !c && /* @__PURE__ */ t(Ft, { minSearchLength: x ?? 1 }),
+          E && !c && /* @__PURE__ */ e(Fe, { minSearchLength: x ?? 1 }),
           _ && !c && G
         ]
       }
     );
   }
 );
-Lt.displayName = "IressAutocomplete";
+Me.displayName = "IressAutocomplete";
 export {
-  Te as I,
-  Lt as a
+  Le as I,
+  Me as a
 };

package/dist/{Button-B4nt3P1v.js → Button-BkufphWK.js}

@@ -1,17 +1,21 @@
-import { jsxs as M, Fragment as N, jsx as a } from "react/jsx-runtime";
-import { forwardRef as R, useId as E, useContext as W, useRef as k, useMemo as u, useCallback as A, useImperativeHandle as K } from "react";
-import { IressSpinner as O } from "./components/Spinner/Spinner.js";
+import { jsxs as j, Fragment as M, jsx as a } from "react/jsx-runtime";
+import { forwardRef as R, useId as E, useRef as W, useMemo as u, useCallback as k, useImperativeHandle as A } from "react";
+import { IressSpinner as K } from "./components/Spinner/Spinner.js";
 import "./components/Spinner/Spinner.styles.js";
 import { GlobalCSSClass as f } from "./enums.js";
+import "./components/ButtonGroup/ButtonGroup.js";
 import "./components/ButtonGroup/ButtonGroup.styles.js";
-import { m as D, a as L, s as T, i as q, c as z } from "./css-fGu_jDvv.js";
-import { c as J } from "./cx-DN21T1EH.js";
-import { s as Q } from "./is-valid-prop-Ce0wiweq.js";
-import "./components/ButtonGroup/ButtonGroupProvider.js";
-import { useButtonGroupItem as U } from "./components/ButtonGroup/hooks/useButtonGroupItem.js";
-import { c as X } from "./create-recipe-C-ASk1Hy.js";
-import { PopoverContext as Y } from "./components/Popover/hooks/usePopover.js";
-const h = {}, Z = [
+import { useButtonGroupItem as O } from "./components/ButtonGroup/hooks/useButtonGroupItem.js";
+import { s as D } from "./is-valid-prop-DI4RCMon.js";
+import { m as L, a as T, s as q, i as z, c as J } from "./css-w5PYGgYt.js";
+import { c as Q } from "./cx-DN21T1EH.js";
+import { c as U } from "./create-recipe-DXbWvLxZ.js";
+import "./components/Popover/Popover.js";
+import "./components/Popover/Popover.styles.js";
+import "./components/Popover/InputPopover/InputPopover.js";
+import { usePopover as X } from "./components/Popover/hooks/usePopover.js";
+import "./components/Popover/hooks/useFloatingPopover.js";
+const h = {}, Y = [
   {
     mode: "primary",
     status: "danger",
@@ -184,7 +188,7 @@ const h = {}, Z = [
       }
     }
   }
-], $ = [
+], Z = [
   [
     "root",
     "button__root"
@@ -201,7 +205,7 @@ const h = {}, Z = [
     "spinner",
     "button__spinner"
   ]
-], oo = /* @__PURE__ */ $.map(([o, e]) => [o, X(e, h, q(Z, o))]), ro = D((o = {}) => Object.fromEntries(oo.map(([e, t]) => [e, t.recipeFn(o)]))), S = [
+], $ = /* @__PURE__ */ Z.map(([o, e]) => [o, U(e, h, z(Y, o))]), oo = L((o = {}) => Object.fromEntries($.map(([e, t]) => [e, t.recipeFn(o)]))), S = [
   "active",
   "fluid",
   "inButtonGroup",
@@ -209,7 +213,7 @@ const h = {}, Z = [
   "mode",
   "noWrap",
   "status"
-], to = (o) => ({ ...h, ...L(o) }), so = /* @__PURE__ */ Object.assign(ro, {
+], ro = (o) => ({ ...h, ...T(o) }), to = /* @__PURE__ */ Object.assign(oo, {
   __recipe__: !1,
   __name__: "button",
   raw: (o) => o,
@@ -248,50 +252,50 @@ const h = {}, Z = [
     ]
   },
   splitVariantProps(o) {
-    return T(o, S);
+    return q(o, S);
   },
-  getVariantProps: to
-}), eo = ({
+  getVariantProps: ro
+}), so = ({
   active: o,
   append: e,
   children: t,
   className: d,
-  element: l,
-  fluid: x,
+  element: p,
+  fluid: y,
   loading: r = !1,
-  mode: y = "secondary",
-  prepend: p,
-  noWrap: C = !1,
-  onClick: b,
-  status: F,
-  value: I,
+  mode: b = "secondary",
+  prepend: l,
+  noWrap: F = !1,
+  onClick: x,
+  status: I,
+  value: B,
   ...g
 }, w) => {
-  const i = E(), B = I ?? (typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? t : void 0), H = W(Y), m = k(null), n = U({ value: B }), G = u(() => n ? n.active ? "primary" : "tertiary" : y, [n, y]), s = so({
+  const i = E(), C = B ?? (typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? t : void 0), H = X(), m = W(null), n = O({ value: C }), G = u(() => n ? n.active ? "primary" : "tertiary" : b, [n, b]), s = to({
     active: (
       // eslint-disable-next-line react-hooks/refs -- ref needed for forwarding
       o ?? H?.isActiveActivator(m.current)
     ),
-    fluid: x === !0 ? "true" : x,
+    fluid: y === !0 ? "true" : y,
     inButtonGroup: !!n,
     mode: G,
     loading: !!r,
-    noWrap: C,
-    status: F
+    noWrap: F,
+    status: I
   }), [_, c] = u(
-    () => Q(g),
+    () => D(g),
     [g]
-  ), v = A(
-    (j) => {
-      r || (b?.(j), n?.toggle());
+  ), v = k(
+    (N) => {
+      r || (x?.(N), n?.toggle());
     },
-    [n, r, b]
+    [n, r, x]
   ), P = u(
     () => ({
-      children: /* @__PURE__ */ M(N, { children: [
-        p && !r && /* @__PURE__ */ a("span", { className: s.prepend, children: p }),
+      children: /* @__PURE__ */ j(M, { children: [
+        l && !r && /* @__PURE__ */ a("span", { className: s.prepend, children: l }),
         !!r && /* @__PURE__ */ a(
-          O,
+          K,
           {
             className: s.spinner,
             fixedWidth: !0,
@@ -302,12 +306,12 @@ const h = {}, Z = [
         t,
         e && /* @__PURE__ */ a("span", { className: s.append, children: e })
       ] }),
-      className: J(
+      className: Q(
         d,
         f.FormElement,
         f.FormElementInner,
         s.root,
-        z(_),
+        J(_),
         f.Button
       ),
       onClick: v
@@ -318,7 +322,7 @@ const h = {}, Z = [
       d,
       v,
       r,
-      p,
+      l,
       i,
       _,
       s.append,
@@ -327,24 +331,25 @@ const h = {}, Z = [
       s.spinner
     ]
   );
-  K(w, () => m.current);
+  A(w, () => m.current);
   const V = u(
-    () => l ?? (c.href ? "a" : "button"),
-    [l, c.href]
+    () => p ?? (c.href ? "a" : "button"),
+    [p, c.href]
   );
   return /* @__PURE__ */ a(
     V,
     {
       "aria-describedby": r ? i : void 0,
-      type: l || !c.href ? "button" : void 0,
+      type: p || !c.href ? "button" : void 0,
       ...P,
       ...n?.props,
       ...c,
       ref: m
     }
   );
-}, _o = R(eo);
+}, eo = R(so);
+eo.displayName = "IressButton";
 export {
-  _o as I,
-  so as b
+  eo as I,
+  to as b
 };

package/dist/{Provider-CDIbqQK0.js → Provider-X4oBUpVt.js}

@@ -1,18 +1,16 @@
 import { jsxs as $, jsx as r } from "react/jsx-runtime";
 import "./components/Modal/Modal.styles.js";
-import "react";
-import "./Button-B4nt3P1v.js";
-import "./components/Button/CloseButton/CloseButton.js";
-import "./components/Modal/hooks/useModal.js";
+import "./components/Modal/Modal.js";
 import { IressModalProvider as n } from "./components/Modal/ModalProvider.js";
+import "./components/Modal/hooks/useModal.js";
 import { IressToasterProvider as m } 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 "./index-aTLA1VIV.js";
-import "./components/Slideout/hooks/useSlideout.js";
 import { IressSlideoutProvider as d } from "./components/Slideout/SlideoutProvider.js";
+import "./components/Slideout/hooks/useSlideout.js";
 import { createPortal as y } from "react-dom";
 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;
@@ -23,7 +21,7 @@ const h = [
   "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, o.Typography, o.Typography, o.Typography, o.Typography;
-const z = ({
+const g = ({
   children: e,
   container: t,
   noDefaultFont: i,
@@ -58,7 +56,8 @@ const z = ({
     "design-system-icons"
   )
 ] });
+g.displayName = "IressProvider";
 export {
-  z as I,
+  g as I,
   h as i
 };