@iress-oss/ids-components 5.18.0 → 5.20.0

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-ZAaPH398.js";
-import "../../../Table.module-UEW2qXTE.js";
+import { ac as a } from "../../../LoadingSuspense-D9nGJ3gx.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-UEW2qXTE.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-ZAaPH398.js";
+import { J as L } from "../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { K as s } from "../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { L as s } from "../../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { a0 as a } from "../../../../LoadingSuspense-D9nGJ3gx.js";
 export {
   a as TagListInput
 };

package/dist/components/Tag/index.js

@@ -1,4 +1,4 @@
-import { K as r, L as e } from "../../LoadingSuspense-ZAaPH398.js";
+import { K as r, L as e } from "../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { M as f, T as x } from "../../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { a6 as s } from "../../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { a5 as m } from "../../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { a7 as f } from "../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { O as s, N as a } from "../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { N as f } from "../../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { M as S, O as _, T as N, N as x } from "../../LoadingSuspense-D9nGJ3gx.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-v5180", M = "ids-toggle--checkbox-mark-v5180", S = "ids-toggle--toggle-button-v5180", j = "ids-toggle--button-checked-v5180", R = "ids-toggle--toggle-button-container-v5180", $ = "ids-toggle--label-v5180", E = "ids-toggle--layout__inline-v5180", G = "ids-toggle--layout__stack-v5180", 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-v5180", M = "ids-toggle--checkbox-mark-v5180"
   toggleButtonContainer: R,
   label: $,
   layout__inline: E,
-  "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5180",
-  "layout__inline-between": "ids-toggle--layout__inline-between-v5180",
+  "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-v5180", V = "ids-tooltip--content-v5180", 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-v5180", f = "ids-validation-message--prefix-v5180", x = "ids-validation-message--message-v5180", p = "ids-validation-message--danger-v5180", u = "ids-validation-message--warning-v5180", N = "ids-validation-message--success-v5180", w = "ids-validation-message--info-v5180", 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-v5180", I = {
+const v = "ids-validation-summary-v5200", I = {
   validationSummary: v
 }, S = ({
   children: a,

package/dist/constants.js

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

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-ZAaPH398.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-D9nGJ3gx.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-CS7XOMy8.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-ZAaPH398.js";
+import { P as s } from "../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { Q as i } from "../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
-import "../../../Loading.module-CnqsvkmD.js";
+import { ag as e } from "../../../LoadingSuspense-D9nGJ3gx.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-ZAaPH398.js";
+import { ae as e } from "../../../LoadingSuspense-D9nGJ3gx.js";
 import "../../../components/Text/Text.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-CnqsvkmD.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-CnqsvkmD.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-v5180", V = "ids-long-loading--panel-v5180", B = "ids-long-loading--dots-v5180", E = "ids-long-loading--check-list-v5180", R = "ids-long-loading--check-list-item-v5180", T = "ids-long-loading--check-list-item__done-v5180", U = "ids-long-loading--checked-v5180", $ = "ids-long-loading--checked__circle-v5180", q = "ids-long-loading--checked__check-v5180", 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-ZAaPH398.js";
+import { ah as n } from "../../../LoadingSuspense-D9nGJ3gx.js";
 import "../../../components/Col/Col.js";
 import "../../../components/Divider/Divider.js";
 import "../../../components/Card/Card.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-CnqsvkmD.js";
+import "../../../Loading.module-g2pe-Gfx.js";
 export {
   n as PageLoading
 };

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

@@ -3,12 +3,12 @@ import { IressStack as j } from "../../../components/Stack/Stack.js";
 import { useState as y, useEffect as u, useRef as I, useMemo as T } from "react";
 import { IressProgress as k } from "../../../components/Progress/Progress.js";
 import { c as M } from "../../../index-2QXL0WYc.js";
-import { l as n } from "../../../Loading.module-CnqsvkmD.js";
+import { l as n } from "../../../Loading.module-g2pe-Gfx.js";
 import { IressText as v } 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-v5180", P = "ids-start-up-loading--progress-v5180", h = {
+const H = "ids-start-up-loading--root-v5200", P = "ids-start-up-loading--progress-v5200", h = {
   root: H,
   progress: P
 }, U = ({

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import { af as d } from "../../../LoadingSuspense-ZAaPH398.js";
+import { af as d } from "../../../LoadingSuspense-D9nGJ3gx.js";
 import "../../../index-2QXL0WYc.js";
 import "react";
 import "../../../components/Text/Text.js";
-import "../../../Loading.module-CnqsvkmD.js";
+import "../../../Loading.module-g2pe-Gfx.js";
 export {
   d as ValidateLoading
 };

package/dist/patterns/Loading/index.js

@@ -1,4 +1,4 @@
-import { P as a, Q as o } from "../../LoadingSuspense-ZAaPH398.js";
+import { P as a, Q as o } from "../../LoadingSuspense-D9nGJ3gx.js";
 export {
   a as IressLoading,
   o as IressLoadingSuspense

package/dist/src/components/Form/FormField/FormField.d.ts

@@ -4,4 +4,4 @@ import { IressFormFieldProps } from './FormField.types';
  * A `IressField` wrapper that can show error message and label automatically inside an `IressForm`.
  * It uses the `useController` hook from `react-hook-form` for form management.
  */
-export declare const IressFormField: <TFieldValues extends FieldValues>({ control, defaultValue, name, render, rules: withCustomRules, shouldUnregister, readOnly, ...fieldProps }: IressFormFieldProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const IressFormField: <TFieldValues extends FieldValues>({ control: controlProp, defaultValue, name, render, rules: withCustomRules, shouldUnregister, readOnly, ...fieldProps }: IressFormFieldProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Form/FormField/FormField.types.d.ts

@@ -11,7 +11,7 @@ export type CustomRules<T extends FieldValues = FieldValues> = UseControllerProp
     minDate?: Date | CustomRuleWithMessage<Date>;
     maxDate?: Date | CustomRuleWithMessage<Date>;
 };
-export interface IressFormFieldProps<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>> extends Omit<IressFieldProps, OmittedFieldProps>, Omit<UseControllerProps<T, FieldPath<T>>, 'disabled'> {
+export interface IressFormFieldProps<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>> extends Omit<IressFieldProps, OmittedFieldProps>, Omit<UseControllerProps<T, FieldPath<T>>, 'disabled' | 'shouldUnregister'> {
     /**
      * React Hook Form control object. It is used to register the field with the form.
      * It is automatically provided when used inside an `IressForm`, but it can be overridden if you are using a custom form control.
@@ -41,10 +41,16 @@ export interface IressFormFieldProps<T extends FieldValues = FieldValues, TName
     rules?: CustomRules<T>;
     /**
      * Input will be unregistered after unmount and defaultValues will be removed as well (it will not be stored in the form state).
+     * You can pass an object to keep some form state available after unregistering, such as dirty fields.
      *
      * [Learn more](https://react-hook-form.com/docs/usecontroller)
      */
-    shouldUnregister?: boolean;
+    shouldUnregister?: boolean | {
+        keepDirty?: boolean;
+        keepTouched?: boolean;
+        keepIsValid?: boolean;
+        keepError?: boolean;
+    };
     /**
      * Text to be displayed instead of input field.
      */

package/dist/src/components/Popover/Popover.types.d.ts

@@ -154,7 +154,7 @@ export interface PopoverRef extends Pick<PopoverContextValue, 'setShow' | 'show'
 }
 export interface PopoverVirtualNode {
     onBlur?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>, popover?: PopoverContextValue) => void;
 }
 /** @deprecated PopoverType enum is now deprecated and will be removed in a future version. Please use the PopoverTypes type instead. **/
 export declare enum PopoverType {

package/dist/src/components/RichSelect/RichSelect.types.d.ts

@@ -72,6 +72,11 @@ export interface IressRichSelectProps extends Omit<AutocompleteSearchHookProps,
      * Completely customise the rendering of the select options.
      */
     renderOptions?: (props: SelectOptionsRenderProps) => ReactNode;
+    /**
+     * Render a custom footer below the default options display.
+     * If using `renderOptions`, this render prop will not be called.
+     */
+    renderOptionsFooter?: (props: SelectOptionsRenderProps) => ReactNode;
     /**
      * Whether its required. Will be passed to the hidden input.
      */

package/dist/src/components/RichSelect/components/SelectOptions.d.ts

@@ -1,8 +1,8 @@
 import { IressRichSelectProps, SelectOptionsRenderProps } from '../RichSelect.types';
-interface SelectOptionsProps extends Pick<IressRichSelectProps, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'value' | 'initialOptions'>, Omit<SelectOptionsRenderProps, 'close'> {
+interface SelectOptionsProps extends Pick<IressRichSelectProps, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'renderOptionsFooter' | 'value' | 'initialOptions'>, Omit<SelectOptionsRenderProps, 'close'> {
     setShow: (show: boolean) => void;
     shouldShowInstructions?: boolean;
     shouldShowNoResults?: boolean;
 }
-export declare const SelectOptions: ({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, value, shouldShowInstructions, shouldShowNoResults, }: SelectOptionsProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const SelectOptions: ({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, renderOptionsFooter, results, setQuery, setShow, setValue, show, value, shouldShowInstructions, shouldShowNoResults, }: SelectOptionsProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/dist/src/components/Table/Table.d.ts

@@ -1,6 +1,7 @@
-import { IressTableProps, TableScope } from './Table.types';
-export declare const IressTable: {
-    <TRow extends object = never, TVal = never>({ caption, children, columns, compact, className, "data-testid": dataTestId, empty, hiddenCaption, hiddenHeader, hover, rowProps, rows, scope, ...restProps }: IressTableProps<TRow, TVal>): import("react/jsx-runtime").JSX.Element;
-    /** @deprecated IressTable.Scope enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
-    Scope: typeof TableScope;
-};
+import { IressTableProps, TableEnums, TableExports, TableRef } from './Table.types';
+import { ReactElement, Ref } from 'react';
+declare const ForwardedTable: <TRow extends object = never, TVal = never>(props: IressTableProps<TRow, TVal> & {
+    ref?: Ref<TableRef<TRow>>;
+}) => ReactElement;
+export declare const IressTable: typeof ForwardedTable & TableEnums & TableExports;
+export {};

package/dist/src/components/Table/Table.types.d.ts

@@ -168,7 +168,16 @@ export interface TableColumnStylesHook {
     className: string;
     style: React.CSSProperties;
 }
-export interface TableWithEnums<TRow extends object, TVal = unknown> extends React.FC<IressTableProps<TRow, TVal>> {
+export interface TableRef<TRow extends object> {
+    api: Table<TRow>;
+}
+export interface TableExports {
+    /**
+     * Allows you to access the table context within a child of the `IressTable`.
+     */
+    useTable: <TRow extends object, TVal = never>() => TableContextValue<TRow, TVal>;
+}
+export interface TableEnums {
     /** @deprecated IressTable.Scope enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
     Scope: typeof TableScope;
 }

package/dist/src/components/Table/TableProvider.d.ts

@@ -1,2 +1,5 @@
-import { IressTableProviderProps } from './Table.types';
-export declare const IressTableProvider: <TRow extends object, TVal = unknown>({ children, columns, rows, }: IressTableProviderProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element;
+import { ReactElement, Ref } from 'react';
+import { IressTableProviderProps, TableRef } from './Table.types';
+export declare const IressTableProvider: <TRow extends object = never, TVal = never>(props: IressTableProviderProps<TRow, TVal> & {
+    ref?: Ref<TableRef<TRow>>;
+}) => ReactElement;