@iress-oss/ids-components 5.20.2 → 6.0.0-alpha.1

package/dist/patterns/Loading/components/LongLoading.js

@@ -1,132 +1,128 @@
-import { jsx as c, jsxs as h } from "react/jsx-runtime";
-import { IressStack as w } from "../../../components/Stack/Stack.js";
-import { useMemo as f, useId as y } from "react";
-import { c as a } from "../../../index-cbHCAGLB.js";
-import { l as m } from "../../../Loading.module-Bpupt31Y.js";
-import { IressText as M } from "../../../components/Text/Text.js";
-import { IressPanel as S } from "../../../components/Panel/Panel.js";
-import { IressProgress as j } from "../../../components/Progress/Progress.js";
-import { GlobalCSSClass as L } from "../../../enums.js";
-import { propagateTestid as O } from "../../../helpers/utility/propagateTestid.js";
-import { useShowIndicator as C } from "../hooks/useShowIndicator.js";
-import { useEstimatedProgressValue as G } from "../hooks/useEstimatedProgressValue.js";
-const P = "ids-long-loading--root-v5202", V = "ids-long-loading--panel-v5202", B = "ids-long-loading--dots-v5202", E = "ids-long-loading--check-list-v5202", R = "ids-long-loading--check-list-item-v5202", T = "ids-long-loading--check-list-item__done-v5202", U = "ids-long-loading--checked-v5202", $ = "ids-long-loading--checked__circle-v5202", q = "ids-long-loading--checked__check-v5202", s = {
-  root: P,
-  panel: V,
-  dots: B,
-  checkList: E,
-  checkListItem: R,
-  checkListItem__done: T,
-  checked: U,
-  checked__circle: $,
-  checked__check: q
-}, z = () => {
-  const r = y();
-  return /* @__PURE__ */ h(
-    "svg",
-    {
-      className: s.checked,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 52 52",
-      "aria-labelledby": r,
-      children: [
-        /* @__PURE__ */ c("title", { id: r, children: "Finished: " }),
-        /* @__PURE__ */ c(
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import "../../../components/Stack/Stack.styles.js";
+import { IressStack as M } from "../../../components/Stack/Stack.js";
+import { useMemo as h, useId as j } from "react";
+import { IressText as f } from "../../../components/Text/Text.js";
+import { IressPanel as O } from "../../../components/Panel/Panel.js";
+import "../../../components/Panel/Panel.styles.js";
+import { IressProgress as S } from "../../../components/Progress/Progress.js";
+import "../../../components/Progress/Progress.styles.js";
+import { propagateTestid as B } from "../../../helpers/utility/propagateTestid.js";
+import { useShowIndicator as P } from "../hooks/useShowIndicator.js";
+import { useEstimatedProgressValue as V } from "../hooks/useEstimatedProgressValue.js";
+import { s as C } from "../../../factory-oPXoMw9H.js";
+import { c as E } from "../../../cx-DN21T1EH.js";
+import { loading as G, loadingList as x } from "../Loading.styles.js";
+const L = ({ message: a, current: i, finished: c }) => {
+  const s = j(), r = x({ finished: c });
+  return /* @__PURE__ */ d("li", { className: r.item, children: [
+    /* @__PURE__ */ e(
+      "svg",
+      {
+        className: r.svg,
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 52 52",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ e(
           "circle",
           {
-            className: s.checked__circle,
+            className: r.marker,
             cx: "26",
             cy: "26",
-            r: "25",
-            fill: "none"
-          }
-        ),
-        /* @__PURE__ */ c(
-          "path",
-          {
-            className: s.checked__check,
-            fill: "none",
-            d: "M14.1 27.2l7.1 7.2 16.7-16.8"
+            r: "10",
+            fill: "currentColor",
+            stroke: "none"
           }
         )
-      ]
-    }
-  );
-}, ce = ({
-  children: r,
-  className: u,
-  error: g,
-  estimatedFinishTime: n = 1e4,
-  loaded: l,
-  messageList: t = {},
-  progress: v,
-  renderProgress: N = (i) => /* @__PURE__ */ c(j, { ...i }),
-  timeout: k,
-  ...p
+      }
+    ),
+    c && /* @__PURE__ */ d(
+      "svg",
+      {
+        className: r.svg,
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 52 52",
+        "aria-labelledby": s,
+        children: [
+          /* @__PURE__ */ e("title", { id: s, children: "Finished: " }),
+          /* @__PURE__ */ e(
+            "circle",
+            {
+              className: r.circle,
+              cx: "26",
+              cy: "26",
+              r: "25",
+              fill: "none"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              className: r.tick,
+              fill: "none",
+              d: "M14.1 27.2l7.1 7.2 16.7-16.8"
+            }
+          )
+        ]
+      }
+    ),
+    a,
+    i && /* @__PURE__ */ e("span", { className: r.dots, children: /* @__PURE__ */ e(f, { srOnly: !0, children: "..." }) })
+  ] });
+}, Z = ({
+  children: a,
+  className: i,
+  error: c,
+  estimatedFinishTime: s = 1e4,
+  loaded: r,
+  messageList: l = {},
+  progress: y,
+  renderProgress: N = (m) => /* @__PURE__ */ e(S, { ...m, color: "colour.primary.fill" }),
+  timeout: p,
+  ...u
 }) => {
-  const i = C(
-    l,
-    k?.message,
-    k?.loaded ?? 1300
-  ), I = Math.max(...Object.keys(t).map(Number)) + 500, o = G(
-    n,
-    l,
-    v,
-    I
-  ), _ = f(() => {
-    const e = Object.keys(t), d = e.findIndex(
-      (x) => Number(x) > o
+  const m = P(
+    r,
+    p?.message,
+    p?.loaded ?? 1300
+  ), w = Math.max(...Object.keys(l).map(Number)) + 500, o = V(
+    s,
+    r,
+    y,
+    w
+  ), b = G({
+    pattern: "long",
+    showIndicator: m,
+    loaded: r,
+    error: !!c
+  }), I = x(), g = h(() => {
+    const t = Object.keys(l), n = t.findIndex(
+      (k) => Number(k) > o
     );
-    return l ? "" : e[d] ?? e[e.length - 1];
-  }, [t, l, o]), b = f(() => Object.entries(t).map(([e, d]) => ({
-    timecode: Number(e),
-    message: d,
-    current: e === _,
-    finished: o >= Number(e)
-  })), [t, _, o]);
-  return /* @__PURE__ */ c(
-    "div",
+    return r ? "" : t[n] ?? t[t.length - 1];
+  }, [l, r, o]), v = h(() => Object.entries(l).map(([t, n]) => ({
+    timecode: Number(t),
+    message: n,
+    current: t === g,
+    finished: o >= Number(t)
+  })), [l, g, o]);
+  return /* @__PURE__ */ e(C.div, { ...u, className: E(b.root, i), children: /* @__PURE__ */ e(
+    O,
     {
-      className: a(s.root, u, m["fade-in"], {
-        [m["fade-in--active"]]: i
-      }),
-      ...p,
-      children: /* @__PURE__ */ c(
-        S,
-        {
-          "data-testid": O(p["data-testid"], "panel"),
-          className: a(s.panel, {
-            [m.error]: !!g
-          }),
-          children: g ?? /* @__PURE__ */ h(w, { gutter: "md", children: [
-            r,
-            N({
-              className: s.progress,
-              min: 0,
-              max: n,
-              value: Math.min(o, n),
-              sectionTitle: `${Math.min(o, n) / n * 100}% loaded`
-            }),
-            /* @__PURE__ */ c(M, { variant: "lead", noGutter: !0, children: /* @__PURE__ */ c("ul", { className: s.checkList, children: b.map((e) => /* @__PURE__ */ h(
-              "li",
-              {
-                className: a(s.checkListItem, {
-                  [s.checkListItem__done]: e.finished
-                }),
-                children: [
-                  e.finished && /* @__PURE__ */ c(z, {}),
-                  e.message,
-                  e.current && /* @__PURE__ */ c("span", { className: s.dots, children: /* @__PURE__ */ c("span", { className: L.SROnly, children: "..." }) })
-                ]
-              },
-              e.timecode
-            )) }) })
-          ] })
-        }
-      )
+      "data-testid": B(u["data-testid"], "panel"),
+      bg: "transparent",
+      children: c ?? /* @__PURE__ */ d(M, { gap: "md", children: [
+        a,
+        N({
+          max: s,
+          value: Math.min(o, s),
+          sectionTitle: `${Math.min(o, s) / s * 100}% loaded`
+        }),
+        /* @__PURE__ */ e(f, { textStyle: "typography.body.lg", noGutter: !0, children: /* @__PURE__ */ e("ul", { className: I.root, children: v.map(({ timecode: t, ...n }) => /* @__PURE__ */ e(L, { ...n }, t)) }) })
+      ] })
     }
-  );
+  ) });
 };
 export {
-  ce as LongLoading
+  Z as LongLoading
 };

package/dist/patterns/Loading/components/PageLoading.js

@@ -1,14 +1,116 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../components/Stack/Stack.js";
-import "../../../components/Skeleton/Skeleton.js";
-import "../../../components/Container/Container.js";
-import { ah as n } from "../../../LoadingSuspense-BtzikVZk.js";
-import "../../../components/Col/Col.js";
-import "../../../components/Divider/Divider.js";
-import "../../../components/Card/Card.js";
-import "../../../index-cbHCAGLB.js";
-import "../../../Loading.module-Bpupt31Y.js";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { useState as h, useMemo as j, useEffect as m } from "react";
+import "../../../components/Stack/Stack.styles.js";
+import { IressStack as c } from "../../../components/Stack/Stack.js";
+import { IressSkeleton as e } from "../../../components/Skeleton/Skeleton.js";
+import "../../../components/Skeleton/Skeleton.styles.js";
+import "../../../components/Container/Container.styles.js";
+import { IressContainer as g } from "../../../components/Container/Container.js";
+import "../../../components/Row/Row.styles.js";
+import { IressRow as a } from "../../../components/Row/Row.js";
+import "../../../components/Col/Col.styles.js";
+import { IressCol as y } from "../../../components/Col/Col.js";
+import "../../../components/Inline/Inline.styles.js";
+import { IressInline as D } from "../../../components/Inline/Inline.js";
+import { IressDivider as z } from "../../../components/Divider/Divider.js";
+import "../../../components/Divider/Divider.styles.js";
+import { IressCard as E } from "../../../components/Card/Card.js";
+import "../../../components/Card/Card.styles.js";
+import { s as T } from "../../../factory-oPXoMw9H.js";
+import { loading as F } from "../Loading.styles.js";
+import { c as H } from "../../../cx-DN21T1EH.js";
+import { propagateTestid as I } from "../../../helpers/utility/propagateTestid.js";
+const p = () => /* @__PURE__ */ t(y, { span: "4", children: /* @__PURE__ */ t(
+  E,
+  {
+    stretch: !0,
+    heading: /* @__PURE__ */ t(e, { textStyle: "typography.heading.3", width: "75%" }),
+    media: /* @__PURE__ */ t(e, { mode: "rect", height: "300px" }),
+    children: /* @__PURE__ */ t(e, { textStyle: "typography.body.md", width: "50%" })
+  }
+) }), M = () => /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(a, { gutter: "lg", verticalAlign: "stretch", children: /* @__PURE__ */ t(y, { children: /* @__PURE__ */ r(c, { gap: "md", children: [
+  /* @__PURE__ */ t(e, { textStyle: "typography.heading.2", width: "75%" }),
+  /* @__PURE__ */ t(e, { mode: "rect", height: "200px" })
+] }) }) }) }), O = () => /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(a, { gutter: "lg", verticalAlign: "stretch", children: /* @__PURE__ */ t(y, { children: /* @__PURE__ */ r(c, { gap: "md", children: [
+  /* @__PURE__ */ t(e, { textStyle: "typography.heading.2", width: "75%" }),
+  /* @__PURE__ */ t(e, { mode: "rect", height: "200px" }),
+  /* @__PURE__ */ t(e, { textStyle: "typography.body.md", width: "100px" })
+] }) }) }) }), R = () => /* @__PURE__ */ t(g, { children: /* @__PURE__ */ r(c, { gap: "lg", children: [
+  /* @__PURE__ */ r(a, { horizontalAlign: "between", verticalAlign: "middle", children: [
+    /* @__PURE__ */ t(e, { textStyle: "typography.heading.1", width: "25%" }),
+    /* @__PURE__ */ r(D, { gap: "lg", children: [
+      /* @__PURE__ */ t(e, { textStyle: "typography.body.lg", width: "200px" }),
+      /* @__PURE__ */ t(e, { textStyle: "typography.body.lg", width: "200px" })
+    ] })
+  ] }),
+  /* @__PURE__ */ t(z, {}),
+  /* @__PURE__ */ r(a, { gutter: "lg", children: [
+    /* @__PURE__ */ t(p, {}),
+    /* @__PURE__ */ t(p, {}),
+    /* @__PURE__ */ t(p, {})
+  ] })
+] }) }), v = {
+  page: M,
+  form: O,
+  dashboard: R
+}, dt = ({
+  className: b,
+  critical: d,
+  error: s,
+  loaded: f,
+  screenReaderText: C = "Loading...",
+  template: i = "page",
+  timeout: u = 500,
+  ...n
+}) => {
+  const [k, x] = h(!1), [w, A] = h(!1), [S, L] = h(!1), l = F({
+    error: !!s,
+    pattern: "page",
+    showCritical: S,
+    showIndicator: k && !w
+  }), N = j(() => {
+    if (typeof i == "string" && i in v) {
+      const o = v[i];
+      return /* @__PURE__ */ t(o, {});
+    }
+    return i;
+  }, [i]);
+  return m(() => {
+    const o = setTimeout(() => x(!0), u);
+    return () => {
+      clearTimeout(o);
+    };
+  }, [u]), m(() => {
+    f === !0 && x(!1);
+  }, [f]), m(() => {
+    if (!d)
+      return;
+    A(!0);
+    const o = setTimeout(() => L(!0), 200);
+    return () => {
+      clearTimeout(o);
+    };
+  }, [d]), /* @__PURE__ */ r(T.div, { className: H(b, l.root), ...n, children: [
+    s,
+    !s && !S && /* @__PURE__ */ t(
+      "div",
+      {
+        className: l.message,
+        "data-testid": I(n["data-testid"], "skeleton"),
+        children: N
+      }
+    ),
+    !s && w && /* @__PURE__ */ t(
+      "div",
+      {
+        className: l.critical,
+        "data-testid": I(n["data-testid"], "critical"),
+        children: d
+      }
+    ),
+    /* @__PURE__ */ t(T.div, { srOnly: !0, children: C })
+  ] });
+};
 export {
-  n as PageLoading
+  dt as PageLoading
 };

package/dist/patterns/Loading/components/StartUpLoading.js

@@ -1,101 +1,97 @@
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { jsx as r, jsxs as N } from "react/jsx-runtime";
+import "../../../components/Stack/Stack.styles.js";
 import { IressStack as j } from "../../../components/Stack/Stack.js";
-import { useState as y, useEffect as h, useRef as I, useMemo as T } from "react";
+import { useState as v, useEffect as M, useRef as I, useMemo as T } from "react";
 import { IressProgress as k } from "../../../components/Progress/Progress.js";
-import { c as M } from "../../../index-cbHCAGLB.js";
-import { l as o } from "../../../Loading.module-Bpupt31Y.js";
-import { IressText as v } from "../../../components/Text/Text.js";
+import "../../../components/Progress/Progress.styles.js";
+import { IressText as S } from "../../../components/Text/Text.js";
 import { propagateTestid as O } from "../../../helpers/utility/propagateTestid.js";
 import { useShowIndicator as E } from "../hooks/useShowIndicator.js";
 import { useEstimatedProgressValue as R } from "../hooks/useEstimatedProgressValue.js";
-const H = "ids-start-up-loading--root-v5202", L = "ids-start-up-loading--progress-v5202", p = {
-  root: H,
-  progress: L
-}, P = ({
+import { loading as A } from "../Loading.styles.js";
+import { c as x } from "../../../css-fGu_jDvv.js";
+import { c as H } from "../../../cx-DN21T1EH.js";
+const L = ({
   children: l,
-  messageList: a,
-  progressValue: n,
+  messageList: o,
+  progressValue: a,
   screenReaderText: e,
   show: c,
-  ...i
+  ...m
 }) => {
-  const s = I(null), m = T(() => {
-    const r = Object.keys(a ?? {}).filter(
-      (d) => Number(d) <= n
+  const s = I(null), n = T(() => {
+    const i = Object.keys(o ?? {}).filter(
+      (t) => Number(t) <= a
     );
-    return r[r.length - 1];
-  }, [a, n]);
-  h(() => {
-    s.current && (s.current.classList.remove(o["slide-next"]), s.current.offsetHeight, s.current.classList.add(o["slide-next"]));
-  }, [m]);
-  const g = c ? l : e;
-  return /* @__PURE__ */ t(
-    v,
-    {
-      align: "center",
-      className: M(p.message, o["fade-in"], {
-        [o["fade-in--active"]]: c
-      }),
-      ...i,
-      children: /* @__PURE__ */ t("div", { ref: s, children: m ? a?.[Number(m)] : g })
-    }
-  );
-}, J = ({
+    return i[i.length - 1];
+  }, [o, a]);
+  return M(() => {
+    s.current && (s.current.classList.remove(
+      x({ animationStyle: "loading-slide-next" })
+    ), s.current.offsetHeight, s.current.classList.add(
+      x({ animationStyle: "loading-slide-next" })
+    ));
+  }, [n]), /* @__PURE__ */ r(S, { textAlign: "center", ...m, children: /* @__PURE__ */ r("div", { ref: s, children: n ? o?.[Number(n)] : c ? l : e }) });
+}, W = ({
   className: l,
-  children: a = /* @__PURE__ */ t(v, { mode: "muted", children: "One moment please..." }),
-  "data-testid": n,
+  children: o = /* @__PURE__ */ r(S, { color: "colour.neutral.70", children: "One moment please..." }),
+  "data-testid": a,
   estimatedFinishTime: e = 3e3,
   loaded: c,
-  messageList: i,
+  messageList: m,
   progress: s,
-  renderProgress: m = (u) => /* @__PURE__ */ t(k, { ...u }),
-  screenReaderText: g = "Loading...",
-  timeout: r,
-  ...d
+  renderProgress: n = (d) => /* @__PURE__ */ r(k, { ...d }),
+  screenReaderText: u = "Loading...",
+  startFrom: i,
+  timeout: t,
+  ...p
 }) => {
-  const u = E(
+  const d = E(
     c,
-    r?.progress,
-    r?.loaded
-  ), [x, N] = y(!1), S = Math.max(...Object.keys(i ?? {}).map(Number)) + 500, f = R(
+    t?.progress,
+    t?.loaded
+  ), [f, w] = v(!1), b = Math.max(...Object.keys(m ?? {}).map(Number)) + 500, g = R(
     e,
     c,
     s,
-    S
-  );
-  return h(() => {
-    const b = setTimeout(
-      () => N(!0),
-      r?.message ?? 2500
+    b
+  ), h = A({
+    pattern: "start-up",
+    instant: t?.progress === 0,
+    showIndicator: d,
+    showMessage: f
+  });
+  return M(() => {
+    const y = setTimeout(
+      () => w(!0),
+      t?.message ?? 2500
     );
     return () => {
-      clearTimeout(b);
+      clearTimeout(y);
     };
-  }, [r?.message]), /* @__PURE__ */ t(
+  }, [t?.message]), /* @__PURE__ */ r(
     "div",
     {
-      "data-testid": n,
-      className: M(p.root, l, o["fade-in"], {
-        [o["fade-in--active"]]: u
-      }),
-      ...d,
-      children: /* @__PURE__ */ w(j, { gutter: "md", ...d, children: [
-        m({
-          className: p.progress,
-          min: 0,
+      ...p,
+      className: H(h.root, l),
+      "data-testid": a,
+      children: /* @__PURE__ */ N(j, { gap: "md", ...p, children: [
+        n({
+          min: i,
           max: e,
-          value: Math.min(f, e),
-          sectionTitle: `${Math.min(f, e) / e * 100}% loaded`
+          value: Math.min(g, e),
+          sectionTitle: `${Math.min(g, e) / e * 100}% loaded`
         }),
-        /* @__PURE__ */ t(
-          P,
+        /* @__PURE__ */ r(
+          L,
           {
-            "data-testid": O(n, "message"),
-            messageList: i,
-            progressValue: f,
-            screenReaderText: g,
-            show: x,
-            children: a
+            className: h.message,
+            "data-testid": O(a, "message"),
+            messageList: m,
+            progressValue: g,
+            screenReaderText: u,
+            show: f,
+            children: o
           }
         )
       ] })
@@ -103,5 +99,5 @@ const H = "ids-start-up-loading--root-v5202", L = "ids-start-up-loading--progres
   );
 };
 export {
-  J as StartUpLoading
+  W as StartUpLoading
 };

package/dist/patterns/Loading/components/ValidateLoading.js

@@ -1,9 +1,40 @@
-import "react/jsx-runtime";
-import { af as d } from "../../../LoadingSuspense-BtzikVZk.js";
-import "../../../index-cbHCAGLB.js";
-import "react";
-import "../../../components/Text/Text.js";
-import "../../../Loading.module-Bpupt31Y.js";
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { I as p } from "../../../Button-D6AL0bia.js";
+import "../../../components/Button/CloseButton/CloseButton.js";
+import { useState as h, useEffect as g } from "react";
+import { loading as x } from "../Loading.styles.js";
+import { s as v } from "../../../factory-oPXoMw9H.js";
+import { c as b } from "../../../cx-DN21T1EH.js";
+const k = ({
+  children: m,
+  className: n,
+  loading: t = !1,
+  message: c = "This is taking longer than expected...",
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Pattern is not used
+  pattern: y = "validate",
+  position: l = "bottom",
+  renderButton: r = (e) => /* @__PURE__ */ o(p, { ...e, type: "submit", children: "Submit" }),
+  timeout: s = 2500,
+  ...f
+}) => {
+  const [e, a] = h(
+    s === 0 && !!t
+  ), i = x({ pattern: "validate", position: l, showMessage: e });
+  return g(() => {
+    if (!t) {
+      a(!1);
+      return;
+    }
+    const d = setTimeout(() => {
+      a(!0);
+    }, s);
+    return () => clearTimeout(d);
+  }, [t, s]), e ? /* @__PURE__ */ u(v.div, { ...f, className: b(i.root, n), children: [
+    r({ loading: t }),
+    m,
+    /* @__PURE__ */ o("div", { className: i.message, children: c })
+  ] }) : r({ loading: t });
+};
 export {
-  d as ValidateLoading
+  k as ValidateLoading
 };

package/dist/patterns/Loading/hooks/useShowIndicator.js

@@ -1,19 +1,19 @@
-import { useState as c, useEffect as s } from "react";
-const m = (e = !1, o = 500, r = 200) => {
-  const [n, u] = c(!1);
-  return s(() => {
-    if (e !== !0)
+import { useState as c, useEffect as n } from "react";
+const m = (r = !1, t = 500, o = 200) => {
+  const [s, u] = c(t === 0);
+  return n(() => {
+    if (r !== !0)
       return;
-    const t = setTimeout(() => u(!1), r);
+    const e = setTimeout(() => u(!1), o);
     return () => {
-      clearTimeout(t);
+      clearTimeout(e);
     };
-  }, [e, r]), s(() => {
-    const t = setTimeout(() => u(!0), o);
+  }, [r, o]), n(() => {
+    const e = setTimeout(() => u(!0), t);
     return () => {
-      clearTimeout(t);
+      clearTimeout(e);
     };
-  }, [o]), n;
+  }, [t]), s;
 };
 export {
   m as useShowIndicator

package/dist/patterns/Loading/index.js

@@ -1,5 +1,6 @@
-import { P as a, Q as o } from "../../LoadingSuspense-BtzikVZk.js";
+import { IressLoading as r } from "./Loading.js";
+import { IressLoadingSuspense as n } from "./LoadingSuspense.js";
 export {
-  a as IressLoading,
-  o as IressLoadingSuspense
+  r as IressLoading,
+  n as IressLoadingSuspense
 };