@iress-oss/ids-components 0.0.1-dev.15 → 0.0.1-dev.16

package/dist/components/TabSet/Tab/Tab.js

@@ -1,28 +1,28 @@
-import { jsx as r, jsxs as A, Fragment as h } from "react/jsx-runtime";
+import { jsx as r, jsxs as h, Fragment as A } from "react/jsx-runtime";
 import { c as l } from "../../../index-2QXL0WYc.js";
 import { forwardRef as w, useEffect as x } from "react";
 import { useIdIfNeeded as g } from "../../../hooks/useIdIfNeeded.js";
 import { useTabSetItems as k } from "../hooks/useTabSetItems.js";
 import { TabSetItem as u } from "../components/TabSetItem.js";
 import { createPortal as N } from "react-dom";
-const T = "ids-tab-v5170", I = "ids-tab--active-v5170", f = {
+const T = "ids-tab-v5200", I = "ids-tab--active-v5200", f = {
   tab: T,
   active: I
 }, v = w(
-  ({ className: d, type: o = "button", ...s }, n) => /* @__PURE__ */ r(
+  ({ className: d, type: o = "button", ...n }, s) => /* @__PURE__ */ r(
     "button",
     {
       className: l(d, f.tab),
-      ...s,
+      ...n,
       type: o,
-      ref: n
+      ref: s
     }
   )
 ), $ = ({
   active: d,
   children: o,
-  className: s,
-  "data-testid": n,
+  className: n,
+  "data-testid": s,
   label: p,
   value: a,
   ...m
@@ -37,7 +37,7 @@ const T = "ids-tab-v5170", I = "ids-tab--active-v5170", f = {
   const c = t ? t.isActive(e, a) : d;
   if (t) {
     const y = o && c;
-    return /* @__PURE__ */ A(h, { children: [
+    return /* @__PURE__ */ h(A, { children: [
       /* @__PURE__ */ r(
         u,
         {
@@ -48,12 +48,12 @@ const T = "ids-tab-v5170", I = "ids-tab--active-v5170", f = {
           children: /* @__PURE__ */ r(
             v,
             {
-              className: l(s, {
+              className: l(n, {
                 [f.active]: c
               }),
               "aria-controls": o ? `${e}--panel` : void 0,
               role: "tab",
-              "data-testid": n,
+              "data-testid": s,
               ...m,
               id: e,
               ref: b,
@@ -62,7 +62,7 @@ const T = "ids-tab-v5170", I = "ids-tab--active-v5170", f = {
           )
         }
       ),
-      y && t.panel && N(
+      t.panel && N(
         /* @__PURE__ */ r(
           "div",
           {
@@ -72,6 +72,7 @@ const T = "ids-tab-v5170", I = "ids-tab--active-v5170", f = {
             onKeyDown: (i) => {
               (i.key === "ArrowLeft" || i.key === "ArrowRight" || i.key === "ArrowUp" || i.key === "ArrowDown") && i.stopPropagation();
             },
+            hidden: !y,
             children: o
           }
         ),
@@ -83,10 +84,10 @@ const T = "ids-tab-v5170", I = "ids-tab--active-v5170", f = {
   return /* @__PURE__ */ r(
     v,
     {
-      className: l(s, {
+      className: l(n, {
         [f.active]: c
       }),
-      "data-testid": n,
+      "data-testid": s,
       ...m,
       id: e,
       ref: b,

package/dist/components/TabSet/TabSet.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import { c as n } from "../../index-2QXL0WYc.js";
-import { s as e } from "../../TabSet.module-p87tRckl.js";
+import { s as e } from "../../TabSet.module-FRUnHgA1.js";
 import { C as c } from "../../floating-ui.react-nmA48tb2.js";
 import { propagateTestid as b } from "../../helpers/utility/propagateTestid.js";
 import { TabSetLayout as u } from "./TabSet.types.js";

package/dist/components/TabSet/components/TabSetItem.js

@@ -1,5 +1,5 @@
 import { jsx as u } from "react/jsx-runtime";
-import { s as A } from "../../../TabSet.module-p87tRckl.js";
+import { s as A } from "../../../TabSet.module-FRUnHgA1.js";
 import { a as d } from "../../../floating-ui.react-nmA48tb2.js";
 import { focusableElements as f } from "../../../helpers/dom/focusableElements.js";
 const m = (i, t, e, a) => {

package/dist/components/Table/Table.js

@@ -1,17 +1,18 @@
 import "react/jsx-runtime";
 import "../../index-2QXL0WYc.js";
 import "./Table.types.js";
-import "../../Table.module-CdZFi754.js";
+import "../../Table.module-r-RfIeLI.js";
 import "react";
 import "../../helpers/utility/idsLogger.js";
 import "../../hooks/useIdIfNeeded.js";
 import "./components/TableEmpty.js";
 import "../../enums.js";
 import "../../helpers/utility/propagateTestid.js";
-import { J as T } from "../../LoadingSuspense-fgJdyrWn.js";
+import { J as c } from "../../LoadingSuspense-BwlrIicY.js";
 import "./TableProvider.js";
 import "./helpers/hasColumns.js";
 import "./components/TableRows.js";
+import "./hooks/useTable.js";
 export {
-  T as IressTable
+  c as IressTable
 };

package/dist/components/Table/TableBody/TableBody.js

@@ -2,9 +2,9 @@ import { jsx as t, jsxs as y, Fragment as B } from "react/jsx-runtime";
 import { propagateTestid as T } from "../../../helpers/utility/propagateTestid.js";
 import { c as C } from "../../../index-2QXL0WYc.js";
 import { TableEmpty as F } from "../components/TableEmpty.js";
-import { U as G } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { U as G } from "../../../LoadingSuspense-BwlrIicY.js";
 import { IressTableProvider as V } from "../TableProvider.js";
-import { s as f } from "../../../Table.module-CdZFi754.js";
+import { s as f } from "../../../Table.module-r-RfIeLI.js";
 import { useState as j, useEffect as k } from "react";
 import { useIdIfNeeded as w } from "../../../hooks/useIdIfNeeded.js";
 import { hasColumns as A } from "../helpers/hasColumns.js";

package/dist/components/Table/TableProvider.js

@@ -1,34 +1,38 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useMemo as r } from "react";
-import { composeIDSTableColumnDefs as p } from "./helpers/composeIDSTableColumnDefs.js";
-import { u as f } from "../../index-CtOScEKX.js";
-import { composeIDSTableInitialSorting as g } from "./helpers/composeIDSTableInitialSorting.js";
-import { getTableContext as d } from "./TableContext.js";
-import { findColumnByKey as c } from "./helpers/findColumnByKey.js";
-import { g as u, a as S } from "../../index-CmsyHM_3.js";
-const I = ({
-  children: i,
-  columns: o,
-  rows: e
-}) => {
-  const m = r(() => p(e, o), [o, e]), t = f({
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as f, useMemo as r, useImperativeHandle as p } from "react";
+import { composeIDSTableColumnDefs as g } from "./helpers/composeIDSTableColumnDefs.js";
+import { u as c } from "../../index-Dms7F5NM.js";
+import { composeIDSTableInitialSorting as u } from "./helpers/composeIDSTableInitialSorting.js";
+import { getTableContext as S } from "./TableContext.js";
+import { findColumnByKey as b } from "./helpers/findColumnByKey.js";
+import { g as C, a as R } from "../../index-BQfnxwrU.js";
+const T = ({ children: i, columns: e, rows: o }, a) => {
+  const m = r(() => g(o, e), [e, o]), t = c({
     columns: m,
-    data: e,
-    getCoreRowModel: S(),
-    getSortedRowModel: u(),
+    data: o,
+    getCoreRowModel: R(),
+    getSortedRowModel: C(),
     initialState: {
-      sorting: g(o)
+      sorting: u(e)
     }
-  }), a = r(
+  }), n = r(
     () => ({
       api: t,
-      getColumnByKey: (l) => c(l, o)
+      getColumnByKey: (s) => b(s, e)
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- only update when columns and rows change
-    [e, o, t.getState().sorting]
-  ), { Provider: n } = d();
-  return /* @__PURE__ */ s(n, { value: a, children: i });
-};
+    [o, e, t.getState().sorting]
+  );
+  p(
+    a,
+    () => ({
+      api: t
+    }),
+    [t]
+  );
+  const { Provider: l } = S();
+  return /* @__PURE__ */ d(l, { value: n, children: i });
+}, B = f(T);
 export {
-  I as IressTableProvider
+  B as IressTableProvider
 };

package/dist/components/Table/components/TableEmpty.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { s } from "../../../Table.module-CdZFi754.js";
+import { s } from "../../../Table.module-r-RfIeLI.js";
 import { useTable as l } from "../hooks/useTable.js";
 const u = ({ children: r }) => {
   const t = l(), o = t == null ? void 0 : t.api.getSortedRowModel().rows;

package/dist/components/Table/components/TableHeader.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../helpers/utility/propagateTestid.js";
-import "../../../index-CtOScEKX.js";
-import { U as i } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../../../index-Dms7F5NM.js";
+import { U as i } from "../../../LoadingSuspense-BwlrIicY.js";
 import "../hooks/useTable.js";
 export {
   i as TableHeader

package/dist/components/Table/components/TableHeaderCell.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../hooks/useIDSTableColumnStyles.js";
 import "../hooks/useIDSTableColumnSort.js";
-import { ad as a } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { ad as a } from "../../../LoadingSuspense-BwlrIicY.js";
 import "../hooks/useTable.js";
 export {
   a as TableHeaderCell

package/dist/components/Table/components/TableRows.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { f as $ } from "../../../index-CtOScEKX.js";
+import { f as $ } from "../../../index-Dms7F5NM.js";
 import { TableBodyCell as g } from "./TableBodyCell.js";
 import { useTable as x } from "../hooks/useTable.js";
 import { propagateTestid as y } from "../../../helpers/utility/propagateTestid.js";

package/dist/components/Table/components/TableSortButton.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { ac as a } from "../../../LoadingSuspense-fgJdyrWn.js";
-import "../../../Table.module-CdZFi754.js";
+import { ac as a } from "../../../LoadingSuspense-BwlrIicY.js";
+import "../../../Table.module-r-RfIeLI.js";
 import "../../../index-2QXL0WYc.js";
 export {
   a as TableSortButton

package/dist/components/Table/helpers/composeIDSTableColumnDefs.js

@@ -1,8 +1,8 @@
-import { jsx as b } from "react/jsx-runtime";
-import { IressTableFormattedValue as o } from "../TableFormattedValue/TableFormattedValue.js";
+import { jsx as o } from "react/jsx-runtime";
+import { IressTableFormattedValue as b } from "../TableFormattedValue/TableFormattedValue.js";
 import { formatObjectKey as g } from "../../../helpers/formatting/formatObjectKey.js";
 import { getFormatFromValue as d } from "./getFormatFromValue.js";
-import { b as F } from "../../../index-CmsyHM_3.js";
+import { c as F } from "../../../index-BQfnxwrU.js";
 const h = (p, a) => {
   const s = F();
   return a ? (Array.isArray(a) ? a.map((e) => [
@@ -11,8 +11,8 @@ const h = (p, a) => {
   ]) : Object.entries(a)).map(([e, r]) => {
     const f = !!(r != null && r.sort) || !!(r != null && r.sortFn), i = {
       id: e,
-      cell: (t) => /* @__PURE__ */ b(
-        o,
+      cell: (t) => /* @__PURE__ */ o(
+        b,
         {
           currencyCode: r == null ? void 0 : r.currencyCode,
           format: (r == null ? void 0 : r.format) ?? d(t.getValue()),

package/dist/components/Table/hooks/useIDSTableColumnStyles.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../../Table.module-CdZFi754.js";
+import { s as r } from "../../../Table.module-r-RfIeLI.js";
 import { c as s } from "../../../index-2QXL0WYc.js";
 import { useTable as a } from "./useTable.js";
 const b = ({

package/dist/components/Table/index.js

@@ -1,5 +1,5 @@
 import { TABLE_CELL_FORMATS as r, TABLE_COLUMN_ALIGN as l, TABLE_SCOPES as a, TableCellFormat as T, TableColumnAlign as m, TableScope as s } from "./Table.types.js";
-import { J as L } from "../../LoadingSuspense-fgJdyrWn.js";
+import { J as L } from "../../LoadingSuspense-BwlrIicY.js";
 import { IressTableFormattedValue as A } from "./TableFormattedValue/TableFormattedValue.js";
 import { IressTableBody as C } from "./TableBody/TableBody.js";
 export {

package/dist/components/Tag/Tag.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-2QXL0WYc.js";
-import { K as s } from "../../LoadingSuspense-fgJdyrWn.js";
+import { K as s } from "../../LoadingSuspense-BwlrIicY.js";
 import "../../helpers/utility/propagateTestid.js";
 export {
   s as IressTag

package/dist/components/Tag/TagInput/TagInput.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../hooks/useControlledState.js";
-import { L as s } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { L as s } from "../../../LoadingSuspense-BwlrIicY.js";
 import "../../../helpers/form/getValueAsEvent.js";
 export {
   s as IressTagInput

package/dist/components/Tag/components/TagListInput/TagListInput.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../index-2QXL0WYc.js";
 import "react";
 import "../../../../helpers/utility/propagateTestid.js";
-import { a0 as a } from "../../../../LoadingSuspense-fgJdyrWn.js";
+import { a0 as a } from "../../../../LoadingSuspense-BwlrIicY.js";
 export {
   a as TagListInput
 };

package/dist/components/Tag/index.js

@@ -1,4 +1,4 @@
-import { K as r, L as e } from "../../LoadingSuspense-fgJdyrWn.js";
+import { K as r, L as e } from "../../LoadingSuspense-BwlrIicY.js";
 export {
   r as IressTag,
   e as IressTagInput

package/dist/components/Toaster/Toast/Toast.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../index-2QXL0WYc.js";
-import { M as f, T as x } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { M as f, T as x } from "../../../LoadingSuspense-BwlrIicY.js";
 import "../../../enums.js";
 import "../../../helpers/utility/propagateTestid.js";
 import "../../Inline/Inline.types.js";

package/dist/components/Toaster/Toast/ToastAnimated.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../index-2QXL0WYc.js";
-import { a6 as s } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { a6 as s } from "../../../LoadingSuspense-BwlrIicY.js";
 import "../../../helpers/transition/getTransitionDuration.js";
 import "../../../floating-ui.react-nmA48tb2.js";
 export {

package/dist/components/Toaster/Toast/ToastIcon.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { a5 as m } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { a5 as m } from "../../../LoadingSuspense-BwlrIicY.js";
 import "../../Icon/Icon.types.js";
 export {
   m as ToastIcon

package/dist/components/Toaster/Toaster.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "./Toaster.types.js";
 import "../../index-2QXL0WYc.js";
-import { a7 as f } from "../../LoadingSuspense-fgJdyrWn.js";
+import { a7 as f } from "../../LoadingSuspense-BwlrIicY.js";
 import "../../enums.js";
 import "../Stack/Stack.js";
 import "../../floating-ui.react-nmA48tb2.js";

package/dist/components/Toaster/ToasterProvider.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { O as s, N as a } from "../../LoadingSuspense-fgJdyrWn.js";
+import { O as s, N as a } from "../../LoadingSuspense-BwlrIicY.js";
 export {
   s as IressToasterProvider,
   a as ToasterContext

package/dist/components/Toaster/hooks/useToaster.js

@@ -1,5 +1,5 @@
 import { useContext as u, useEffect as a, useMemo as c } from "react";
-import { N as f } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { N as f } from "../../../LoadingSuspense-BwlrIicY.js";
 const w = (e) => {
   const r = u(f);
   if (r === void 0)

package/dist/components/Toaster/index.js

@@ -1,6 +1,6 @@
 import { TOAST_ANIMATION as r, TOAST_STATUS as s } from "./Toast/Toast.types.js";
 import { TOASTER_ARIA_ATTRIBUTES as e, TOASTER_POSITION as t, TOAST_POSITION_ANIMATION_MATRIX as I, ToasterPosition as O } from "./Toaster.types.js";
-import { M as S, O as _, T as N, N as x } from "../../LoadingSuspense-fgJdyrWn.js";
+import { M as S, O as _, T as N, N as x } from "../../LoadingSuspense-BwlrIicY.js";
 import { useToaster as f } from "./hooks/useToaster.js";
 export {
   S as IressToast,

package/dist/components/Toggle/Toggle.js

@@ -7,7 +7,7 @@ import "../CheckboxMark/CheckboxMark.types.js";
 import { IressCheckboxMark as N } from "../CheckboxMark/CheckboxMark.js";
 import { ButtonCssClass as T } from "../Button/Button.types.js";
 import { ToggleLayout as w } from "./Toggle.types.js";
-const L = "ids-toggle--toggle-base-v5170", M = "ids-toggle--checkbox-mark-v5170", S = "ids-toggle--toggle-button-v5170", j = "ids-toggle--button-checked-v5170", R = "ids-toggle--toggle-button-container-v5170", $ = "ids-toggle--label-v5170", E = "ids-toggle--layout__inline-v5170", G = "ids-toggle--layout__stack-v5170", t = {
+const L = "ids-toggle--toggle-base-v5200", M = "ids-toggle--checkbox-mark-v5200", S = "ids-toggle--toggle-button-v5200", j = "ids-toggle--button-checked-v5200", R = "ids-toggle--toggle-button-container-v5200", $ = "ids-toggle--label-v5200", E = "ids-toggle--layout__inline-v5200", G = "ids-toggle--layout__stack-v5200", t = {
   toggleBase: L,
   checkboxMark: M,
   toggleButton: S,
@@ -15,8 +15,8 @@ const L = "ids-toggle--toggle-base-v5170", M = "ids-toggle--checkbox-mark-v5170"
   toggleButtonContainer: R,
   label: $,
   layout__inline: E,
-  "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5170",
-  "layout__inline-between": "ids-toggle--layout__inline-between-v5170",
+  "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5200",
+  "layout__inline-between": "ids-toggle--layout__inline-between-v5200",
   layout__stack: G
 }, O = ({
   hiddenLabel: o,

package/dist/components/Tooltip/Tooltip.js

@@ -7,7 +7,7 @@ import { propagateTestid as m } from "../../helpers/utility/propagateTestid.js";
 import { toArray as z } from "../../helpers/formatting/toArray.js";
 import { idsLogger as J } from "../../helpers/utility/idsLogger.js";
 import { focusableElements as K } from "../../helpers/dom/focusableElements.js";
-const Q = "ids-tooltip-v5170", V = "ids-tooltip--content-v5170", r = {
+const Q = "ids-tooltip-v5200", V = "ids-tooltip--content-v5200", r = {
   tooltip: Q,
   content: V
 }, X = ({

package/dist/components/ValidationMessage/ValidationBase/ValidationBase.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { c as r } from "../../../index-2QXL0WYc.js";
 import { capitalizeFirstLetter as g } from "../../../helpers/formatting/capitalizeFirstLetter.js";
 import { GlobalCSSClass as m } from "../../../enums.js";
-const v = "ids-validation-message-v5170", f = "ids-validation-message--prefix-v5170", x = "ids-validation-message--message-v5170", p = "ids-validation-message--danger-v5170", u = "ids-validation-message--warning-v5170", N = "ids-validation-message--success-v5170", w = "ids-validation-message--info-v5170", e = {
+const v = "ids-validation-message-v5200", f = "ids-validation-message--prefix-v5200", x = "ids-validation-message--message-v5200", p = "ids-validation-message--danger-v5200", u = "ids-validation-message--warning-v5200", N = "ids-validation-message--success-v5200", w = "ids-validation-message--info-v5200", e = {
   validationMessage: v,
   prefix: f,
   message: x,

package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js

@@ -5,7 +5,7 @@ import { IressValidationMessage as p } from "../ValidationMessage.js";
 import "react";
 import { useIdIfNeeded as c } from "../../../hooks/useIdIfNeeded.js";
 import { IressValidationLink as y } from "../ValidationLink/ValidationLink.js";
-const v = "ids-validation-summary-v5170", I = {
+const v = "ids-validation-summary-v5200", I = {
   validationSummary: v
 }, S = ({
   children: a,

package/dist/constants.js

@@ -1,4 +1,4 @@
-const t = "5.17.0", e = {
+const t = "5.20.0", e = {
   /**
    * Extra small breakpoint, for mobile devices
    */

package/dist/helpers/label-value/highlightQueryInLabelValue.js

@@ -1,8 +1,9 @@
-import { highlightQueryInLabel as t } from "./highlightQueryInLabel.js";
-const l = (e, h, r) => ({
-  ...e,
-  formattedLabel: t(e.label, h, r)
+import { highlightQueryInLabel as r } from "./highlightQueryInLabel.js";
+const m = (t, o, i) => ({
+  ...t,
+  formattedLabel: r(t.label, o, i),
+  formattedMeta: typeof t.meta == "string" ? r(t.meta, o, i) : void 0
 });
 export {
-  l as highlightQueryInLabelValue
+  m as highlightQueryInLabelValue
 };

package/dist/{index-CmsyHM_3.js → index-BQfnxwrU.js}

@@ -1697,7 +1697,7 @@ function nt() {
 }
 export {
   tt as a,
-  be as b,
-  et as c,
+  et as b,
+  be as c,
   nt as g
 };

package/dist/{index-CtOScEKX.js → index-Dms7F5NM.js}

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { c as u } from "./index-CmsyHM_3.js";
+import { b as c } from "./index-BQfnxwrU.js";
 /**
    * react-table
    *
@@ -25,7 +25,7 @@ function l(t) {
 function i(t) {
   return typeof t == "object" && typeof t.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(t.$$typeof.description);
 }
-function S(t) {
+function b(t) {
   const e = {
     state: {},
     // Dummy state
@@ -35,10 +35,10 @@ function S(t) {
     renderFallbackValue: null,
     ...t
   }, [n] = r.useState(() => ({
-    current: u(e)
-  })), [o, c] = r.useState(() => n.current.initialState);
-  return n.current.setOptions((s) => ({
-    ...s,
+    current: c(e)
+  })), [o, s] = r.useState(() => n.current.initialState);
+  return n.current.setOptions((u) => ({
+    ...u,
     ...t,
     state: {
       ...o,
@@ -47,11 +47,11 @@ function S(t) {
     // Similarly, we'll maintain both our internal state and any user-provided
     // state.
     onStateChange: (a) => {
-      c(a), t.onStateChange == null || t.onStateChange(a);
+      s(a), t.onStateChange == null || t.onStateChange(a);
     }
   })), n.current;
 }
 export {
   p as f,
-  S as u
+  b as u
 };

package/dist/main.js

@@ -1,11 +1,11 @@
-import { I as o, a as s, b as t, d as I, c as a, e as p, g as S, h as m, j as x, i as l, k as T, l as f, m as n, n as i, P as E, Q as u, o as O, p as d, r as C, q as _, s as A, f as L, t as M, u as N, v as P, w as R, D as c, E as D, x as g, y as G, z as B, A as F, B as U, C as b, F as y, G as v, H as k, J as H, K as V, L as h, M as Y, O as X, T as z, N as Z } from "./LoadingSuspense-fgJdyrWn.js";
+import { I as o, a as s, b as t, d as I, c as a, e as p, g as S, h as m, j as x, i as l, k as T, l as f, m as n, n as i, P as E, Q as u, o as O, p as d, r as C, q as _, s as A, f as L, t as M, u as N, v as P, w as R, D as c, E as D, x as g, y as G, z as B, A as F, B as U, C as b, F as y, G as v, H as k, J as H, K as V, L as h, M as Y, O as X, T as z, N as Z } from "./LoadingSuspense-BwlrIicY.js";
 import { ALERT_ICONS as w } from "./components/Alert/Alert.types.js";
 import { useAutocompleteSearch as W } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
 import { IressBadge as q } from "./components/Badge/Badge.js";
 import { BADGE_MODES as $, BadgeMode as ee } from "./components/Badge/Badge.types.js";
 import { BUTTON_MODES as oe, BUTTON_TYPES as se, ButtonCssClass as te, ButtonMode as Ie, ButtonType as ae } from "./components/Button/Button.types.js";
 import { IressButtonGroup as Se } from "./components/ButtonGroup/ButtonGroup.js";
-import { u as xe } from "./useIDSButtonGroupItem-NdNvcZnJ.js";
+import { u as xe } from "./useIDSButtonGroupItem-VfKx4O-O.js";
 import { CardCssClass as Te, CardSlotClass as fe } from "./components/Card/Card.types.js";
 import { IressCard as ie } from "./components/Card/Card.js";
 import { IressButtonCard as ue } from "./components/Card/components/ButtonCard.js";

package/dist/patterns/Loading/Loading.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "./components/StartUpLoading.js";
-import { P as s } from "../../LoadingSuspense-fgJdyrWn.js";
+import { P as s } from "../../LoadingSuspense-BwlrIicY.js";
 import "./hooks/useShouldRenderLoading.js";
 import "./components/LongLoading.js";
 export {

package/dist/patterns/Loading/LoadingSuspense.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { Q as i } from "../../LoadingSuspense-fgJdyrWn.js";
+import { Q as i } from "../../LoadingSuspense-BwlrIicY.js";
 import "./hooks/useSuspenseResource.js";
 export {
   i as IressLoadingSuspense

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../components/Skeleton/Skeleton.js";
-import { ag as e } from "../../../LoadingSuspense-fgJdyrWn.js";
-import "../../../Loading.module-PM8ehb0Z.js";
+import { ag as e } from "../../../LoadingSuspense-BwlrIicY.js";
+import "../../../Loading.module-g2pe-Gfx.js";
 import "../../../index-2QXL0WYc.js";
 import "../../../components/Text/Text.js";
 export {

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import { ae as e } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { ae as e } from "../../../LoadingSuspense-BwlrIicY.js";
 import "../../../components/Text/Text.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-PM8ehb0Z.js";
+import "../../../Loading.module-g2pe-Gfx.js";
 export {
   e as DefaultLoading
 };

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

@@ -2,7 +2,7 @@ import { jsx as c, jsxs as g } 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 h } from "../../../index-2QXL0WYc.js";
-import { l as m } from "../../../Loading.module-PM8ehb0Z.js";
+import { l as m } from "../../../Loading.module-g2pe-Gfx.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";
@@ -10,7 +10,7 @@ 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-v5170", V = "ids-long-loading--panel-v5170", B = "ids-long-loading--dots-v5170", E = "ids-long-loading--check-list-v5170", R = "ids-long-loading--check-list-item-v5170", T = "ids-long-loading--check-list-item__done-v5170", U = "ids-long-loading--checked-v5170", $ = "ids-long-loading--checked__circle-v5170", q = "ids-long-loading--checked__check-v5170", s = {
+const P = "ids-long-loading--root-v5200", V = "ids-long-loading--panel-v5200", B = "ids-long-loading--dots-v5200", E = "ids-long-loading--check-list-v5200", R = "ids-long-loading--check-list-item-v5200", T = "ids-long-loading--check-list-item__done-v5200", U = "ids-long-loading--checked-v5200", $ = "ids-long-loading--checked__circle-v5200", q = "ids-long-loading--checked__check-v5200", s = {
   root: P,
   panel: V,
   dots: B,

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

@@ -3,12 +3,12 @@ import "react";
 import "../../../components/Stack/Stack.js";
 import "../../../components/Skeleton/Skeleton.js";
 import "../../../components/Container/Container.js";
-import { ah as n } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { ah as n } from "../../../LoadingSuspense-BwlrIicY.js";
 import "../../../components/Col/Col.js";
 import "../../../components/Divider/Divider.js";
 import "../../../components/Card/Card.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-PM8ehb0Z.js";
+import "../../../Loading.module-g2pe-Gfx.js";
 export {
   n as PageLoading
 };