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

package/dist/patterns/Form/components/ShortForm.js

@@ -1,10 +1,10 @@
 import { jsx as H, jsxs as I } from "react/jsx-runtime";
-import { useForm as b } from "react-hook-form";
-import { forwardRef as g, useMemo as w } from "react";
-import { form as C } from "../Form.styles.js";
-import { IressHookForm as E } from "../HookForm/HookForm.js";
-import { c as M } from "../../../cx-DN21T1EH.js";
-import { IressText as N } from "../../../components/Text/Text.js";
+import { useForm as N } from "react-hook-form";
+import { forwardRef as b, useMemo as g } from "react";
+import { form as w } from "../Form.styles.js";
+import { IressHookForm as C } from "../HookForm/HookForm.js";
+import { c as E } from "../../../cx-DN21T1EH.js";
+import { IressText as M } from "../../../components/Text/Text.js";
 const R = ({
   actions: t,
   alert: r,
@@ -16,46 +16,47 @@ const R = ({
   delayError: c,
   heading: o,
   mode: i = "onSubmit",
-  progressive: u,
+  progressive: a,
   resetOptions: h,
   resolver: p,
-  reValidateMode: a = "onChange",
+  reValidateMode: u = "onChange",
   shouldUseNativeValidation: F,
   shouldUnregister: l,
   values: x,
   ...d
 }, S) => {
-  const j = b({
+  const y = N({
     criteriaMode: e,
     context: n,
     defaultValues: f,
     delayError: c,
     mode: i,
-    progressive: u,
+    progressive: a,
     resetOptions: h,
     resolver: p,
-    reValidateMode: a,
+    reValidateMode: u,
     shouldFocusError: !r,
     shouldUseNativeValidation: F,
     shouldUnregister: l,
     values: x
-  }), k = C({ pattern: "short" }), y = w(() => typeof o == "string" ? /* @__PURE__ */ H(N, { element: "h2", children: o }) : o, [o]);
+  }), j = w({ pattern: "short" }), k = g(() => typeof o == "string" ? /* @__PURE__ */ H(M, { element: "h2", children: o }) : o, [o]);
   return /* @__PURE__ */ I(
-    E,
+    C,
     {
-      form: j,
+      form: y,
       ...d,
-      className: M(s, k.root),
+      className: E(s, j.root),
       ref: S,
       children: [
-        y,
+        k,
         r,
         m,
         t
       ]
     }
   );
-}, G = g(R);
+}, T = b(R);
+T.displayName = "ShortForm";
 export {
-  G as ShortForm
+  T as ShortForm
 };

package/dist/{src/patterns → patterns}/Loading/Loading.d.ts

@@ -36,6 +36,7 @@ export type IressLoadingProps = StartUpLoadingProps | ValidateLoadingProps | Pag
  */
 export declare const IressLoading: {
     ({ pattern, ...restProps }: IressLoadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
     /**
      * This hook is used to smooth the loading experience by delaying the loading indicator being removed after the loading of an element finishes.
      *

package/dist/patterns/Loading/Loading.js

@@ -1,13 +1,14 @@
 import { jsx as i } from "react/jsx-runtime";
-import { StartUpLoading as n } from "./components/StartUpLoading.js";
-import { DefaultLoading as m } from "./components/DefaultLoading.js";
+import { StartUpLoading as m } from "./components/StartUpLoading.js";
+import { DefaultLoading as a } from "./components/DefaultLoading.js";
 import { ValidateLoading as d } from "./components/ValidateLoading.js";
 import { useShouldRenderLoading as f } from "./hooks/useShouldRenderLoading.js";
-import { ComponentLoading as a } from "./components/ComponentLoading.js";
+import { ComponentLoading as e } from "./components/ComponentLoading.js";
 import { PageLoading as g } from "./components/PageLoading.js";
 import { LongLoading as t } from "./components/LongLoading.js";
-const e = ({ pattern: r, ...o }) => r === "component" ? /* @__PURE__ */ i(a, { ...o }) : r === "long" ? /* @__PURE__ */ i(t, { ...o }) : r === "page" ? /* @__PURE__ */ i(g, { ...o }) : r === "start-up" ? /* @__PURE__ */ i(n, { ...o }) : r === "validate" ? /* @__PURE__ */ i(d, { ...o }) : /* @__PURE__ */ i(m, { ...o });
-e.shouldRender = f;
+const n = ({ pattern: r, ...o }) => r === "component" ? /* @__PURE__ */ i(e, { ...o }) : r === "long" ? /* @__PURE__ */ i(t, { ...o }) : r === "page" ? /* @__PURE__ */ i(g, { ...o }) : r === "start-up" ? /* @__PURE__ */ i(m, { ...o }) : r === "validate" ? /* @__PURE__ */ i(d, { ...o }) : /* @__PURE__ */ i(a, { ...o });
+n.displayName = "IressLoading";
+n.shouldRender = f;
 export {
-  e as IressLoading
+  n as IressLoading
 };

package/dist/{src/patterns → patterns}/Loading/Loading.styles.d.ts

@@ -167,7 +167,7 @@ export declare const loading: import('../../styled-system/types').SlotRecipeRunt
         true: {};
     };
 }>;
-export declare const loadingList: import('../../styled-system/types').SlotRecipeRuntimeFn<"tick" | "svg" | "circle" | "marker" | "dots" | "root" | "item", {
+export declare const loadingList: import('../../styled-system/types').SlotRecipeRuntimeFn<"dots" | "tick" | "svg" | "circle" | "marker" | "root" | "item", {
     finished: {
         true: {
             svg: {

package/dist/patterns/Loading/Loading.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-OmxClA9g.js";
+import { s as t } from "../../sva-wwkEhoyo.js";
 const a = t({
   slots: ["root", "message", "critical", "overlay"],
   variants: {

package/dist/{src/patterns → patterns}/Loading/LoadingSuspense.d.ts

@@ -58,6 +58,7 @@ export type IressLoadingSuspenseProps = (Omit<StartUpLoadingProps, 'loaded'> | V
  */
 export declare const IressLoadingSuspense: {
     ({ children, delay: delayProp, onLoaded, pattern, startFrom: startFromProp, ...restProps }: IressLoadingSuspenseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
     /**
      * A polyfill for the `use` hook in React 19. It allows you to suspend a component until the resource (Promise) is resolved.
      * **Note:** For those using React 19, import the `use` hook from React instead of using this polyfill.

package/dist/patterns/Loading/LoadingSuspense.js

@@ -1,53 +1,54 @@
-import { jsxs as h, Fragment as a, jsx as u } from "react/jsx-runtime";
-import { useMemo as S, useRef as w, useState as F, useEffect as v, Suspense as g } from "react";
+import { jsxs as h, Fragment as S, jsx as u } from "react/jsx-runtime";
+import { useMemo as g, useRef as L, useState as j, useEffect as b, Suspense as R } from "react";
 import { IressLoading as l } from "./Loading.js";
-import { useSuspenseResource as I, uncacheSuspenseResource as L } from "./hooks/useSuspenseResource.js";
-const b = ({
+import { useSuspenseResource as w, uncacheSuspenseResource as F } from "./hooks/useSuspenseResource.js";
+const i = ({
   children: s,
   delay: o,
   onLoaded: f,
   pattern: e,
   startFrom: c,
-  ...i
+  ...d
 }) => {
-  const k = S(() => o || (e === "component" || e === "default" || e === "validate" ? 0 : e === "long" ? 1300 : 500), [o, e]), x = S(() => c || (e === "component" || e === "default" || e === "long" ? 0 : 250), [c, e]), d = w(!1), [n, j] = F(!1), t = l.shouldRender(n, k, x), r = n && !t;
-  v(() => {
+  const k = g(() => o || (e === "component" || e === "default" || e === "validate" ? 0 : e === "long" ? 1300 : 500), [o, e]), x = g(() => c || (e === "component" || e === "default" || e === "long" ? 0 : 250), [c, e]), t = L(!1), [n, I] = j(!1), m = l.shouldRender(n, k, x), r = n && !m;
+  b(() => {
     f?.();
   }, [r, f]);
-  const m = () => {
-    d.current || (d.current = !0, j(() => !0));
+  const a = () => {
+    t.current || (t.current = !0, I(() => !0));
   };
-  return e === "component" || e === "validate" ? /* @__PURE__ */ h(a, { children: [
+  return e === "component" || e === "validate" ? /* @__PURE__ */ h(S, { children: [
     /* @__PURE__ */ u(
       l,
       {
         pattern: e,
         loaded: n,
-        ...i,
+        ...d,
         children: r && s
       }
     ),
-    /* @__PURE__ */ u(g, { fallback: null, children: !r && /* @__PURE__ */ u(R, { onResolved: m, children: !n && s }) })
-  ] }) : /* @__PURE__ */ h(a, { children: [
-    t && /* @__PURE__ */ u(
+    /* @__PURE__ */ u(R, { fallback: null, children: !r && /* @__PURE__ */ u(v, { onResolved: a, children: !n && s }) })
+  ] }) : /* @__PURE__ */ h(S, { children: [
+    m && /* @__PURE__ */ u(
       l,
       {
         pattern: e,
         loaded: n,
-        ...i
+        ...d
       }
     ),
-    /* @__PURE__ */ u(g, { fallback: null, children: r ? s : /* @__PURE__ */ u(R, { onResolved: m, children: !n && s }) })
+    /* @__PURE__ */ u(R, { fallback: null, children: r ? s : /* @__PURE__ */ u(v, { onResolved: a, children: !n && s }) })
   ] });
 };
-b.use = I;
-b.uncache = L;
-const R = ({
+i.displayName = "IressLoadingSuspense";
+i.use = w;
+i.uncache = F;
+const v = ({
   onResolved: s,
   children: o
-}) => (v(() => {
+}) => (b(() => {
   s();
 }, [s]), o);
 export {
-  b as IressLoadingSuspense
+  i as IressLoadingSuspense
 };

package/dist/{src/patterns → patterns}/Loading/components/ComponentLoading.d.ts

@@ -49,5 +49,8 @@ export interface ComponentLoadingProps extends IressStyledProps {
      */
     update?: ReactNode;
 }
-export declare const ComponentLoading: ({ children, className, loaded, screenReaderText, template, timeout, update, ...restProps }: ComponentLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComponentLoading: {
+    ({ children, className, loaded, screenReaderText, template, timeout, update, ...restProps }: ComponentLoadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

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

@@ -1,15 +1,15 @@
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
 import { useState as f, useMemo as T, useEffect as h } from "react";
 import { IressSkeleton as x } from "../../../components/Skeleton/Skeleton.js";
 import "../../../components/Skeleton/Skeleton.styles.js";
-import { IressSpinner as I } from "../../../components/Spinner/Spinner.js";
+import { IressSpinner as N } from "../../../components/Spinner/Spinner.js";
 import "../../../components/Spinner/Spinner.styles.js";
-import { s as t } from "../../../factory-oPXoMw9H.js";
-import { loading as N } from "../Loading.styles.js";
-import { c as u } from "../../../cx-DN21T1EH.js";
-const p = {
+import { s as t } from "../../../factory-CWvlR9Yh.js";
+import { loading as I } from "../Loading.styles.js";
+import { c as p } from "../../../cx-DN21T1EH.js";
+const u = {
   chart: /* @__PURE__ */ n(x, { mode: "rect", height: "250px" })
-}, z = ({
+}, L = ({
   children: d,
   className: a,
   loaded: i,
@@ -19,43 +19,44 @@ const p = {
   update: o,
   ...l
 }) => {
-  const [w, S] = f(!1), [k, v] = f(!1), s = N({
+  const [w, y] = f(!1), [S, k] = f(!1), s = I({
     pattern: "component",
     loaded: i,
     showIndicator: w && !i,
-    showMessage: k && !!o
-  }), y = T(() => typeof e == "string" && e in p ? p[e] : e, [e]);
+    showMessage: S && !!o
+  }), v = T(() => typeof e == "string" && e in u ? u[e] : e, [e]);
   return h(() => {
-    const c = setTimeout(
-      () => S(!0),
+    const m = setTimeout(
+      () => y(!0),
       r?.skeleton ?? 0
     );
     return () => {
-      clearTimeout(c);
+      clearTimeout(m);
     };
   }, [r?.skeleton]), h(() => {
     if (!o)
       return;
-    const c = setTimeout(
-      () => v(!0),
+    const m = setTimeout(
+      () => k(!0),
       r?.update ?? 1e3
     );
     return () => {
-      clearTimeout(c);
+      clearTimeout(m);
     };
-  }, [r?.update, o]), i !== !0 ? /* @__PURE__ */ m(t.div, { ...l, className: u(s.root, a), children: [
-    y,
+  }, [r?.update, o]), i !== !0 ? /* @__PURE__ */ c(t.div, { ...l, className: p(s.root, a), children: [
+    v,
     /* @__PURE__ */ n(t.div, { srOnly: !0, children: g })
-  ] }) : /* @__PURE__ */ m(t.div, { className: u(s.root, a), ...l, children: [
+  ] }) : /* @__PURE__ */ c(t.div, { className: p(s.root, a), ...l, children: [
     d,
     o && /* @__PURE__ */ n("div", { className: s.overlay }),
-    o && /* @__PURE__ */ m(t.div, { className: s.message, children: [
-      /* @__PURE__ */ n(I, {}),
+    o && /* @__PURE__ */ c(t.div, { className: s.message, children: [
+      /* @__PURE__ */ n(N, {}),
       " ",
       typeof o == "boolean" ? "Updating..." : o
     ] })
   ] });
 };
+L.displayName = "ComponentLoading";
 export {
-  z as ComponentLoading
+  L as ComponentLoading
 };

package/dist/{src/patterns → patterns}/Loading/components/DefaultLoading.d.ts

@@ -24,4 +24,7 @@ export interface DefaultLoadingProps extends IressStyledProps {
      */
     timeout?: number;
 }
-export declare const DefaultLoading: ({ children, className, screenReaderText, timeout, ...restProps }: DefaultLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultLoading: {
+    ({ children, className, screenReaderText, timeout, ...restProps }: DefaultLoadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -3,32 +3,33 @@ import { useState as p, useEffect as d } from "react";
 import { IressSpinner as f } from "../../../components/Spinner/Spinner.js";
 import "../../../components/Spinner/Spinner.styles.js";
 import "../../../components/Inline/Inline.styles.js";
-import { IressInline as h } from "../../../components/Inline/Inline.js";
-import { IressText as u } from "../../../components/Text/Text.js";
-import { loading as g } from "../Loading.styles.js";
-import { s as x } from "../../../factory-oPXoMw9H.js";
+import { IressInline as u } from "../../../components/Inline/Inline.js";
+import { IressText as g } from "../../../components/Text/Text.js";
+import { loading as h } from "../Loading.styles.js";
+import { s as x } from "../../../factory-CWvlR9Yh.js";
 import { c as I } from "../../../cx-DN21T1EH.js";
-const D = ({
-  children: s = /* @__PURE__ */ c(h, { gap: "sm", verticalAlign: "middle", children: [
+const T = ({
+  children: s = /* @__PURE__ */ c(u, { gap: "sm", verticalAlign: "middle", children: [
     /* @__PURE__ */ e(f, {}),
     " This is taking longer than expected..."
   ] }),
   className: i,
   screenReaderText: m = "Loading...",
-  timeout: r = 3e3,
-  ...n
+  timeout: t = 3e3,
+  ...a
 }) => {
-  const [t, a] = p(!1), o = g({
+  const [o, n] = p(!1), r = h({
     pattern: "default",
-    showIndicator: t
+    showIndicator: o
   });
   return d(() => {
-    const l = setTimeout(() => a(!0), r);
+    const l = setTimeout(() => n(!0), t);
     return () => {
       clearTimeout(l);
     };
-  }, [r]), /* @__PURE__ */ e(x.div, { ...n, className: I(o.root, i), children: /* @__PURE__ */ e(u, { className: o.message, children: t ? s : m }) });
+  }, [t]), /* @__PURE__ */ e(x.div, { ...a, className: I(r.root, i), children: /* @__PURE__ */ e(g, { className: r.message, children: o ? s : m }) });
 };
+T.displayName = "DefaultLoading";
 export {
-  D as DefaultLoading
+  T as DefaultLoading
 };

package/dist/{src/patterns → patterns}/Loading/components/LongLoading.d.ts

@@ -57,4 +57,7 @@ export interface LongLoadingProps extends IressStyledProps {
         message?: number;
     };
 }
-export declare const LongLoading: ({ children, className, error, estimatedFinishTime, loaded, messageList, progress, renderProgress, timeout, ...restProps }: LongLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LongLoading: {
+    ({ children, className, error, estimatedFinishTime, loaded, messageList, progress, renderProgress, timeout, ...restProps }: LongLoadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -7,14 +7,14 @@ 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 });
+import { propagateTestid as L } from "../../../helpers/utility/propagateTestid.js";
+import { useShowIndicator as B } from "../hooks/useShowIndicator.js";
+import { useEstimatedProgressValue as P } from "../hooks/useEstimatedProgressValue.js";
+import { s as V } from "../../../factory-CWvlR9Yh.js";
+import { c as C } from "../../../cx-DN21T1EH.js";
+import { loading as E, loadingList as y } from "../Loading.styles.js";
+const G = ({ message: a, current: i, finished: n }) => {
+  const o = j(), r = y({ finished: n });
   return /* @__PURE__ */ d("li", { className: r.item, children: [
     /* @__PURE__ */ e(
       "svg",
@@ -36,15 +36,15 @@ const L = ({ message: a, current: i, finished: c }) => {
         )
       }
     ),
-    c && /* @__PURE__ */ d(
+    n && /* @__PURE__ */ d(
       "svg",
       {
         className: r.svg,
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 52 52",
-        "aria-labelledby": s,
+        "aria-labelledby": o,
         children: [
-          /* @__PURE__ */ e("title", { id: s, children: "Finished: " }),
+          /* @__PURE__ */ e("title", { id: o, children: "Finished: " }),
           /* @__PURE__ */ e(
             "circle",
             {
@@ -69,60 +69,61 @@ const L = ({ message: a, current: i, finished: c }) => {
     a,
     i && /* @__PURE__ */ e("span", { className: r.dots, children: /* @__PURE__ */ e(f, { srOnly: !0, children: "..." }) })
   ] });
-}, Z = ({
+}, T = ({
   children: a,
   className: i,
-  error: c,
-  estimatedFinishTime: s = 1e4,
+  error: n,
+  estimatedFinishTime: o = 1e4,
   loaded: r,
-  messageList: l = {},
-  progress: y,
+  messageList: c = {},
+  progress: x,
   renderProgress: N = (m) => /* @__PURE__ */ e(S, { ...m, color: "colour.primary.fill" }),
   timeout: p,
-  ...u
+  ...g
 }) => {
-  const m = P(
+  const m = B(
     r,
     p?.message,
     p?.loaded ?? 1300
-  ), w = Math.max(...Object.keys(l).map(Number)) + 500, o = V(
-    s,
+  ), w = Math.max(...Object.keys(c).map(Number)) + 500, s = P(
+    o,
     r,
-    y,
+    x,
     w
-  ), b = G({
+  ), b = E({
     pattern: "long",
     showIndicator: m,
     loaded: r,
-    error: !!c
-  }), I = x(), g = h(() => {
-    const t = Object.keys(l), n = t.findIndex(
-      (k) => Number(k) > o
+    error: !!n
+  }), I = y(), u = h(() => {
+    const t = Object.keys(c), l = t.findIndex(
+      (k) => Number(k) > s
     );
-    return r ? "" : t[n] ?? t[t.length - 1];
-  }, [l, r, o]), v = h(() => Object.entries(l).map(([t, n]) => ({
+    return r ? "" : t[l] ?? t[t.length - 1];
+  }, [c, r, s]), v = h(() => Object.entries(c).map(([t, l]) => ({
     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(
+    message: l,
+    current: t === u,
+    finished: s >= Number(t)
+  })), [c, u, s]);
+  return /* @__PURE__ */ e(V.div, { ...g, className: C(b.root, i), children: /* @__PURE__ */ e(
     O,
     {
-      "data-testid": B(u["data-testid"], "panel"),
+      "data-testid": L(g["data-testid"], "panel"),
       bg: "transparent",
-      children: c ?? /* @__PURE__ */ d(M, { gap: "md", children: [
+      children: n ?? /* @__PURE__ */ d(M, { gap: "md", children: [
         a,
         N({
-          max: s,
-          value: Math.min(o, s),
-          sectionTitle: `${Math.min(o, s) / s * 100}% loaded`
+          max: o,
+          value: Math.min(s, o),
+          sectionTitle: `${Math.min(s, o) / o * 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)) }) })
+        /* @__PURE__ */ e(f, { textStyle: "typography.body.lg", noGutter: !0, children: /* @__PURE__ */ e("ul", { className: I.root, children: v.map(({ timecode: t, ...l }) => /* @__PURE__ */ e(G, { ...l }, t)) }) })
       ] })
     }
   ) });
 };
+T.displayName = "LongLoading";
 export {
-  Z as LongLoading
+  T as LongLoading
 };

package/dist/{src/patterns → patterns}/Loading/components/PageLoading.d.ts

@@ -41,5 +41,8 @@ export interface PageLoadingProps extends Omit<IressStyledProps, 'children'> {
      */
     timeout?: number;
 }
-export declare const PageLoading: ({ className, critical, error, loaded, screenReaderText, template, timeout, ...restProps }: PageLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageLoading: {
+    ({ className, critical, error, loaded, screenReaderText, template, timeout, ...restProps }: PageLoadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

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

@@ -7,7 +7,7 @@ import "../../../components/Skeleton/Skeleton.styles.js";
 import "../../../components/Container/Container.styles.js";
 import { IressContainer as p } from "../../../components/Container/Container.js";
 import "../../../components/Row/Row.styles.js";
-import { IressRow as n } from "../../../components/Row/Row.js";
+import { IressRow as a } from "../../../components/Row/Row.js";
 import "../../../components/Col/Col.styles.js";
 import { IressCol as c } from "../../../components/Col/Col.js";
 import "../../../components/Inline/Inline.styles.js";
@@ -16,11 +16,11 @@ 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 x } from "../../../factory-oPXoMw9H.js";
+import { s as x } from "../../../factory-CWvlR9Yh.js";
 import { loading as F } from "../Loading.styles.js";
 import { c as M } from "../../../cx-DN21T1EH.js";
 import { propagateTestid as S } from "../../../helpers/utility/propagateTestid.js";
-const l = () => /* @__PURE__ */ t(c, { span: "4", children: /* @__PURE__ */ t(
+const h = () => /* @__PURE__ */ t(c, { span: "4", children: /* @__PURE__ */ t(
   E,
   {
     stretch: !0,
@@ -28,15 +28,15 @@ const l = () => /* @__PURE__ */ t(c, { span: "4", children: /* @__PURE__ */ t(
     media: /* @__PURE__ */ t(e, { mode: "rect", height: "300px" }),
     children: /* @__PURE__ */ t(e, { textStyle: "typography.body.md", width: "50%" })
   }
-) }), O = () => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(n, { gutter: "lg", verticalAlign: "stretch", children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ r(m, { gap: "md", children: [
+) }), O = () => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(a, { gutter: "lg", verticalAlign: "stretch", children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ r(m, { gap: "md", children: [
   /* @__PURE__ */ t(e, { textStyle: "typography.heading.2", width: "75%" }),
   /* @__PURE__ */ t(e, { mode: "rect", height: "200px" })
-] }) }) }) }), R = () => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(n, { gutter: "lg", verticalAlign: "stretch", children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ r(m, { gap: "md", children: [
+] }) }) }) }), P = () => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(a, { gutter: "lg", verticalAlign: "stretch", children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ r(m, { 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" })
-] }) }) }) }), q = () => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ r(m, { gap: "lg", children: [
-  /* @__PURE__ */ r(n, { horizontalAlign: "between", verticalAlign: "middle", children: [
+] }) }) }) }), R = () => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ r(m, { 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" }),
@@ -44,16 +44,16 @@ const l = () => /* @__PURE__ */ t(c, { span: "4", children: /* @__PURE__ */ t(
     ] })
   ] }),
   /* @__PURE__ */ t(z, {}),
-  /* @__PURE__ */ r(n, { gutter: "lg", children: [
-    /* @__PURE__ */ t(l, {}),
-    /* @__PURE__ */ t(l, {}),
-    /* @__PURE__ */ t(l, {})
+  /* @__PURE__ */ r(a, { gutter: "lg", children: [
+    /* @__PURE__ */ t(h, {}),
+    /* @__PURE__ */ t(h, {}),
+    /* @__PURE__ */ t(h, {})
   ] })
 ] }) }), I = {
   page: O,
-  form: R,
-  dashboard: q
-}, nt = ({
+  form: P,
+  dashboard: R
+}, q = ({
   className: T,
   critical: s,
   error: d,
@@ -61,9 +61,9 @@ const l = () => /* @__PURE__ */ t(c, { span: "4", children: /* @__PURE__ */ t(
   screenReaderText: b = "Loading...",
   template: o = "page",
   timeout: g = 500,
-  ...a
+  ...n
 }) => {
-  const [C, k] = u(!1), A = v !== !0 && C, [y, L] = u(!1), f = !!s, h = F({
+  const [C, k] = u(!1), A = v !== !0 && C, [y, L] = u(!1), f = !!s, l = F({
     error: !!d,
     pattern: "page",
     showCritical: y,
@@ -87,27 +87,28 @@ const l = () => /* @__PURE__ */ t(c, { span: "4", children: /* @__PURE__ */ t(
     return () => {
       clearTimeout(i);
     };
-  }, [s]), /* @__PURE__ */ r(x.div, { className: M(T, h.root), ...a, children: [
+  }, [s]), /* @__PURE__ */ r(x.div, { className: M(T, l.root), ...n, children: [
     d,
     !d && !y && /* @__PURE__ */ t(
       "div",
       {
-        className: h.message,
-        "data-testid": S(a["data-testid"], "skeleton"),
+        className: l.message,
+        "data-testid": S(n["data-testid"], "skeleton"),
         children: N
       }
     ),
     !d && f && /* @__PURE__ */ t(
       "div",
       {
-        className: h.critical,
-        "data-testid": S(a["data-testid"], "critical"),
+        className: l.critical,
+        "data-testid": S(n["data-testid"], "critical"),
         children: s
       }
     ),
     /* @__PURE__ */ t(x.div, { srOnly: !0, children: b })
   ] });
 };
+q.displayName = "PageLoading";
 export {
-  nt as PageLoading
+  q as PageLoading
 };