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

package/dist/helpers/styling/mapGutterToGap.js

@@ -1,10 +1,10 @@
 const i = {
-  none: "spacing.000",
-  xs: "spacing.100",
-  sm: "spacing.200",
-  md: "spacing.400",
-  lg: "spacing.700",
-  xl: "spacing.1200"
+  none: "spacing.0",
+  xs: "spacing.1",
+  sm: "spacing.2",
+  md: "spacing.4",
+  lg: "spacing.7",
+  xl: "spacing.10"
 }, o = (n) => {
   if (typeof n == "string")
     return i[n];
@@ -16,7 +16,7 @@ const i = {
     }
     return p;
   }
-  return "spacing.000";
+  return "spacing.0";
 };
 export {
   o as mapGutterToGap

package/dist/helpers/transition/getTransitionDuration.js

@@ -1,7 +1,7 @@
 import { timeStringToNumber as i } from "./timeStringToNumber.js";
-const e = (t, r = 0.8, o = 240) => t ? i(
+const e = (t, o = 0.8, r = 240) => t && i(
   window.getComputedStyle(t, null)?.getPropertyValue("transition-duration") || ".3s"
-) * r : o;
+) * o || r;
 export {
   e as getTransitionDuration
 };

package/dist/{index-CvOVcYUc.js → index-CZ9ot38T.js}

@@ -320,7 +320,7 @@ const s = {
     variable: "var(--sizes-input\\.height)"
   },
   "sizes.progress.height": {
-    value: "var(--iress-spacing-200, calc(2 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--sizes-progress\\.height)"
   },
   "sizes.slider.track": {
@@ -371,94 +371,78 @@ const s = {
     value: "1500px",
     variable: "var(--sizes-breakpoint-xxl)"
   },
-  "spacing.spacing.000": {
-    value: "var(--iress-spacing-000, 0rem)",
-    variable: "var(--spacing-spacing\\.000)"
+  "spacing.spacing.0": {
+    value: "var(--iress-spacing-0, 0rem)",
+    variable: "var(--spacing-spacing\\.0)"
   },
-  "spacing.spacing.050": {
-    value: "var(--iress-spacing-050, calc(0.5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.050)"
+  "spacing.spacing.1": {
+    value: "var(--iress-spacing-1, .25rem)",
+    variable: "var(--spacing-spacing\\.1)"
   },
-  "spacing.spacing.100": {
-    value: "var(--iress-spacing-100, .25rem)",
-    variable: "var(--spacing-spacing\\.100)"
+  "spacing.spacing.2": {
+    value: "var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.2)"
   },
-  "spacing.spacing.150": {
-    value: "var(--iress-spacing-150, calc(1.5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.150)"
+  "spacing.spacing.3": {
+    value: "var(--iress-spacing-3, calc(3 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.3)"
   },
-  "spacing.spacing.200": {
-    value: "var(--iress-spacing-200, calc(2 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.200)"
+  "spacing.spacing.4": {
+    value: "var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.4)"
   },
-  "spacing.spacing.250": {
-    value: "var(--iress-spacing-250, calc(2.5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.250)"
+  "spacing.spacing.5": {
+    value: "var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.5)"
   },
-  "spacing.spacing.300": {
-    value: "var(--iress-spacing-300, calc(3 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.300)"
+  "spacing.spacing.6": {
+    value: "var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.6)"
   },
-  "spacing.spacing.350": {
-    value: "var(--iress-spacing-350, calc(3.5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.350)"
+  "spacing.spacing.7": {
+    value: "var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.7)"
   },
-  "spacing.spacing.400": {
-    value: "var(--iress-spacing-400, calc(4 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.400)"
+  "spacing.spacing.8": {
+    value: "var(--iress-spacing-8, calc(8 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.8)"
   },
-  "spacing.spacing.500": {
-    value: "var(--iress-spacing-500, calc(5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.500)"
-  },
-  "spacing.spacing.600": {
-    value: "var(--iress-spacing-600, calc(6 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.600)"
-  },
-  "spacing.spacing.700": {
-    value: "var(--iress-spacing-700, calc(7 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.700)"
-  },
-  "spacing.spacing.800": {
-    value: "var(--iress-spacing-800, calc(8 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.800)"
-  },
-  "spacing.spacing.900": {
-    value: "var(--iress-spacing-900, calc(9 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.900)"
-  },
-  "spacing.spacing.1000": {
-    value: "var(--iress-spacing-1000, calc(10 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.1000)"
-  },
-  "spacing.spacing.1200": {
-    value: "var(--iress-spacing-1200, calc(12 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.1200)"
+  "spacing.spacing.10": {
+    value: "var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.10)"
   },
   "spacing.none": {
-    value: "var(--iress-spacing-000, 0rem)",
+    value: "var(--iress-spacing-0, 0rem)",
     variable: "var(--spacing-none)"
   },
   "spacing.xs": {
-    value: "var(--iress-spacing-100, .25rem)",
+    value: "var(--iress-spacing-1, .25rem)",
     variable: "var(--spacing-xs)"
   },
   "spacing.sm": {
-    value: "var(--iress-spacing-200, calc(2 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--spacing-sm)"
   },
   "spacing.md": {
-    value: "var(--iress-spacing-400, calc(4 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--spacing-md)"
   },
   "spacing.lg": {
-    value: "var(--iress-spacing-700, calc(7 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--spacing-lg)"
   },
   "spacing.xl": {
-    value: "var(--iress-spacing-1200, calc(12 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--spacing-xl)"
   },
+  "spacing.button.inline": {
+    value: "calc((var(--iress-radius-system--button-top-left, var(--iress-radius-075, calc(0.75 * 1rem))) * 0.25) + var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem))))",
+    variable: "var(--spacing-button\\.inline)"
+  },
+  "spacing.button.block": {
+    value: "calc(var(--iress-radius-system--button-top-left, var(--iress-radius-075, calc(0.75 * 1rem))) * 0.25)",
+    variable: "var(--spacing-button\\.block)"
+  },
   "spacing.field.footer": {
     value: "calc(var(--iress-typography-base-size, .875rem) * 2.35)",
     variable: "var(--spacing-field\\.footer)"
@@ -467,14 +451,6 @@ const s = {
     value: "calc((calc(var(--iress-typography-base-size, .875rem) * (10 / 14)) - calc(var(--iress-typography-base-size, .875rem) * (5 / 14))) / 2)",
     variable: "var(--spacing-slider\\.tick)"
   },
-  "spacing.button.inline": {
-    value: "calc((var(--iress-radius-system--button-top-left, var(--iress-radius-075, calc(0.75 * 1rem))) * 0.25) + var(--iress-spacing-200, calc(2 * var(--iress-spacing-100, .25rem))))",
-    variable: "var(--spacing-button\\.inline)"
-  },
-  "spacing.button.block": {
-    value: "calc(var(--iress-radius-system--button-top-left, var(--iress-radius-075, calc(0.75 * 1rem))) * 0.25)",
-    variable: "var(--spacing-button\\.block)"
-  },
   "zIndex.100": {
     value: 100,
     variable: "var(--z-index-100)"
@@ -527,69 +503,45 @@ const s = {
     value: "1500px",
     variable: "var(--breakpoints-xxl)"
   },
-  "spacing.-spacing.000": {
-    value: "calc(var(--spacing-spacing\\.000) * -1)",
-    variable: "var(--spacing-spacing\\.000)"
-  },
-  "spacing.-spacing.050": {
-    value: "calc(var(--spacing-spacing\\.050) * -1)",
-    variable: "var(--spacing-spacing\\.050)"
+  "spacing.-spacing.0": {
+    value: "calc(var(--spacing-spacing\\.0) * -1)",
+    variable: "var(--spacing-spacing\\.0)"
   },
-  "spacing.-spacing.100": {
-    value: "calc(var(--spacing-spacing\\.100) * -1)",
-    variable: "var(--spacing-spacing\\.100)"
+  "spacing.-spacing.1": {
+    value: "calc(var(--spacing-spacing\\.1) * -1)",
+    variable: "var(--spacing-spacing\\.1)"
   },
-  "spacing.-spacing.150": {
-    value: "calc(var(--spacing-spacing\\.150) * -1)",
-    variable: "var(--spacing-spacing\\.150)"
+  "spacing.-spacing.2": {
+    value: "calc(var(--spacing-spacing\\.2) * -1)",
+    variable: "var(--spacing-spacing\\.2)"
   },
-  "spacing.-spacing.200": {
-    value: "calc(var(--spacing-spacing\\.200) * -1)",
-    variable: "var(--spacing-spacing\\.200)"
+  "spacing.-spacing.3": {
+    value: "calc(var(--spacing-spacing\\.3) * -1)",
+    variable: "var(--spacing-spacing\\.3)"
   },
-  "spacing.-spacing.250": {
-    value: "calc(var(--spacing-spacing\\.250) * -1)",
-    variable: "var(--spacing-spacing\\.250)"
+  "spacing.-spacing.4": {
+    value: "calc(var(--spacing-spacing\\.4) * -1)",
+    variable: "var(--spacing-spacing\\.4)"
   },
-  "spacing.-spacing.300": {
-    value: "calc(var(--spacing-spacing\\.300) * -1)",
-    variable: "var(--spacing-spacing\\.300)"
+  "spacing.-spacing.5": {
+    value: "calc(var(--spacing-spacing\\.5) * -1)",
+    variable: "var(--spacing-spacing\\.5)"
   },
-  "spacing.-spacing.350": {
-    value: "calc(var(--spacing-spacing\\.350) * -1)",
-    variable: "var(--spacing-spacing\\.350)"
+  "spacing.-spacing.6": {
+    value: "calc(var(--spacing-spacing\\.6) * -1)",
+    variable: "var(--spacing-spacing\\.6)"
   },
-  "spacing.-spacing.400": {
-    value: "calc(var(--spacing-spacing\\.400) * -1)",
-    variable: "var(--spacing-spacing\\.400)"
+  "spacing.-spacing.7": {
+    value: "calc(var(--spacing-spacing\\.7) * -1)",
+    variable: "var(--spacing-spacing\\.7)"
   },
-  "spacing.-spacing.500": {
-    value: "calc(var(--spacing-spacing\\.500) * -1)",
-    variable: "var(--spacing-spacing\\.500)"
+  "spacing.-spacing.8": {
+    value: "calc(var(--spacing-spacing\\.8) * -1)",
+    variable: "var(--spacing-spacing\\.8)"
   },
-  "spacing.-spacing.600": {
-    value: "calc(var(--spacing-spacing\\.600) * -1)",
-    variable: "var(--spacing-spacing\\.600)"
-  },
-  "spacing.-spacing.700": {
-    value: "calc(var(--spacing-spacing\\.700) * -1)",
-    variable: "var(--spacing-spacing\\.700)"
-  },
-  "spacing.-spacing.800": {
-    value: "calc(var(--spacing-spacing\\.800) * -1)",
-    variable: "var(--spacing-spacing\\.800)"
-  },
-  "spacing.-spacing.900": {
-    value: "calc(var(--spacing-spacing\\.900) * -1)",
-    variable: "var(--spacing-spacing\\.900)"
-  },
-  "spacing.-spacing.1000": {
-    value: "calc(var(--spacing-spacing\\.1000) * -1)",
-    variable: "var(--spacing-spacing\\.1000)"
-  },
-  "spacing.-spacing.1200": {
-    value: "calc(var(--spacing-spacing\\.1200) * -1)",
-    variable: "var(--spacing-spacing\\.1200)"
+  "spacing.-spacing.10": {
+    value: "calc(var(--spacing-spacing\\.10) * -1)",
+    variable: "var(--spacing-spacing\\.10)"
   },
   "spacing.-none": {
     value: "calc(var(--spacing-none) * -1)",
@@ -615,14 +567,6 @@ const s = {
     value: "calc(var(--spacing-xl) * -1)",
     variable: "var(--spacing-xl)"
   },
-  "spacing.-field.footer": {
-    value: "calc(var(--spacing-field\\.footer) * -1)",
-    variable: "var(--spacing-field\\.footer)"
-  },
-  "spacing.-slider.tick": {
-    value: "calc(var(--spacing-slider\\.tick) * -1)",
-    variable: "var(--spacing-slider\\.tick)"
-  },
   "spacing.-button.inline": {
     value: "calc(var(--spacing-button\\.inline) * -1)",
     variable: "var(--spacing-button\\.inline)"
@@ -631,6 +575,14 @@ const s = {
     value: "calc(var(--spacing-button\\.block) * -1)",
     variable: "var(--spacing-button\\.block)"
   },
+  "spacing.-field.footer": {
+    value: "calc(var(--spacing-field\\.footer) * -1)",
+    variable: "var(--spacing-field\\.footer)"
+  },
+  "spacing.-slider.tick": {
+    value: "calc(var(--spacing-slider\\.tick) * -1)",
+    variable: "var(--spacing-slider\\.tick)"
+  },
   "colors.colorPalette": {
     value: "var(--colors-color-palette)",
     variable: "var(--colors-color-palette)"

package/dist/{index.esm-8uZEha-3.js → index.esm-CL8gh5wr.js}

@@ -1,7 +1,3 @@
-/*!
-* tabbable 6.2.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
 var E = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], v = /* @__PURE__ */ E.join(","), w = typeof Element > "u", o = w ? function() {
 } : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, b = !w && Element.prototype.getRootNode ? function(i) {
   var t;

package/dist/main.js

@@ -1,11 +1,11 @@
 import { IressAlert as o } from "./components/Alert/Alert.js";
 import { alert as s } from "./components/Alert/Alert.styles.js";
-import { a as m, I as x } from "./Autocomplete-CLvWVHp6.js";
+import { a as m, I as x } from "./Autocomplete-C5ubHBTi.js";
 import { autoComplete as I } from "./components/Autocomplete/Autocomplete.styles.js";
 import { useAutocompleteSearch as l } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
 import { IressBadge as n } from "./components/Badge/Badge.js";
 import { badge as S } from "./components/Badge/Badge.styles.js";
-import { I as T, b as c } from "./Button-D6AL0bia.js";
+import { I as T, b as c } from "./Button-mmhMLwp9.js";
 import { IressCloseButton as g } from "./components/Button/CloseButton/CloseButton.js";
 import { IressButtonGroup as C } from "./components/ButtonGroup/ButtonGroup.js";
 import { buttonGroup as G } from "./components/ButtonGroup/ButtonGroup.styles.js";
@@ -62,7 +62,7 @@ import { IressInputPopover as Ce } from "./components/Popover/InputPopover/Input
 import { usePopoverItem as Ge } from "./components/Popover/hooks/usePopoverItem.js";
 import { IressProgress as _e } from "./components/Progress/Progress.js";
 import { progress as Re } from "./components/Progress/Progress.styles.js";
-import { I as Fe } from "./Provider-BXQiO7Gp.js";
+import { I as Fe } from "./Provider-8wS70V56.js";
 import { IressRadio as Pe } from "./components/Radio/Radio.js";
 import { radio as De } from "./components/Radio/Radio.styles.js";
 import { IressRadioGroup as Oe, RadioGroupContext as Ve, getRadioGroupContext as ye } from "./components/RadioGroup/RadioGroup.js";

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

@@ -30,8 +30,8 @@ const a = t({
           left: "[50%]",
           transform: "translate(-50%, -50%)",
           width: "[fit-content]",
-          px: "spacing.200",
-          py: "spacing.100",
+          px: "spacing.2",
+          py: "spacing.1",
           textStyle: "typography.body.sm",
           bg: "colour.neutral.20",
           color: "colour.neutral.70",
@@ -61,8 +61,8 @@ const a = t({
           zIndex: "600"
         },
         message: {
-          px: "spacing.400",
-          py: "spacing.200",
+          px: "spacing.4",
+          py: "spacing.2",
           bg: "colour.neutral.20",
           color: "colour.neutral.70",
           border: "divider",
@@ -82,7 +82,7 @@ const a = t({
           width: "overlay.sm"
         },
         message: {
-          p: "spacing.1200"
+          p: "spacing.10"
         }
       },
       page: {
@@ -95,8 +95,8 @@ const a = t({
           opacity: 0,
           transition: "[opacity 0.2s linear]",
           position: "absolute",
-          top: "spacing.000",
-          left: "spacing.000"
+          top: "spacing.0",
+          left: "spacing.0"
         },
         message: {
           opacity: 1,
@@ -132,10 +132,10 @@ const a = t({
         },
         message: {
           position: "absolute",
-          left: "spacing.000",
+          left: "spacing.0",
           width: "[max-content]",
           color: "colour.neutral.70",
-          padding: "spacing.200",
+          padding: "spacing.2",
           bg: "colour.neutral.10",
           textStyle: "typography.body.md",
           animationStyle: "loading-fade-next",
@@ -312,14 +312,14 @@ const a = t({
   slots: ["root", "item", "dots", "svg", "circle", "tick", "marker"],
   base: {
     root: {
-      pl: "spacing.600",
+      pl: "spacing.6",
       listStyle: "none"
     },
     item: {
       position: "relative",
       transition: "all",
       transitionDelay: "1.2s",
-      pl: "spacing.100"
+      pl: "spacing.1"
     },
     dots: {
       display: "inline-block",
@@ -336,9 +336,9 @@ const a = t({
       borderRadius: "[50%]",
       display: "block",
       position: "absolute",
-      top: "spacing.100",
+      top: "spacing.1",
       right: "[100%]",
-      mr: "spacing.050"
+      mr: "spacing.1"
     },
     marker: {
       fill: "colour.neutral.80"

package/dist/patterns/Loading/LoadingSuspense.js

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

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

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