@iress-oss/ids-components 5.16.0 → 5.17.0

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-D0TO0TDT.js";
+import { U as i } from "../../../LoadingSuspense-BjzbePWa.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-D0TO0TDT.js";
+import { ad as a } from "../../../LoadingSuspense-BjzbePWa.js";
 import "../hooks/useTable.js";
 export {
   a as TableHeaderCell

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

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

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

@@ -1,4 +1,4 @@
-import { s as r } from "../../../Table.module-BgIez5R-.js";
+import { s as r } from "../../../Table.module-CdZFi754.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-D0TO0TDT.js";
+import { J as L } from "../../LoadingSuspense-BjzbePWa.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-D0TO0TDT.js";
+import { K as s } from "../../LoadingSuspense-BjzbePWa.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-D0TO0TDT.js";
+import { L as s } from "../../../LoadingSuspense-BjzbePWa.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-D0TO0TDT.js";
+import { a0 as a } from "../../../../LoadingSuspense-BjzbePWa.js";
 export {
   a as TagListInput
 };

package/dist/components/Tag/index.js

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

package/dist/constants.js

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

package/dist/helpers/dom/closestCrossShadow.js

@@ -0,0 +1,26 @@
+const h = (t, r) => {
+  var i, n;
+  if (!t)
+    return null;
+  const a = (i = t.closest) == null ? void 0 : i.call(t, r);
+  if (a)
+    return a;
+  let o = t;
+  for (; o; ) {
+    if ((n = o.matches) != null && n.call(o, r))
+      return o;
+    let s = o.parentElement;
+    if (!s) {
+      const f = o.getRootNode();
+      if (f instanceof ShadowRoot)
+        s = f.host;
+      else
+        break;
+    }
+    o = s;
+  }
+  return null;
+};
+export {
+  h as closestCrossShadow
+};

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-D0TO0TDT.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-BjzbePWa.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-aiqu-PIW.js";
+import { u as xe } from "./useIDSButtonGroupItem-NdNvcZnJ.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-D0TO0TDT.js";
+import { P as s } from "../../LoadingSuspense-BjzbePWa.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-D0TO0TDT.js";
+import { Q as i } from "../../LoadingSuspense-BjzbePWa.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-D0TO0TDT.js";
-import "../../../Loading.module-BU91nTNp.js";
+import { ag as e } from "../../../LoadingSuspense-BjzbePWa.js";
+import "../../../Loading.module-PM8ehb0Z.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-D0TO0TDT.js";
+import { ae as e } from "../../../LoadingSuspense-BjzbePWa.js";
 import "../../../components/Text/Text.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-BU91nTNp.js";
+import "../../../Loading.module-PM8ehb0Z.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-BU91nTNp.js";
+import { l as m } from "../../../Loading.module-PM8ehb0Z.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-v5160", V = "ids-long-loading--panel-v5160", B = "ids-long-loading--dots-v5160", E = "ids-long-loading--check-list-v5160", R = "ids-long-loading--check-list-item-v5160", T = "ids-long-loading--check-list-item__done-v5160", U = "ids-long-loading--checked-v5160", $ = "ids-long-loading--checked__circle-v5160", q = "ids-long-loading--checked__check-v5160", s = {
+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 = {
   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-D0TO0TDT.js";
+import { ah as n } from "../../../LoadingSuspense-BjzbePWa.js";
 import "../../../components/Col/Col.js";
 import "../../../components/Divider/Divider.js";
 import "../../../components/Card/Card.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-BU91nTNp.js";
+import "../../../Loading.module-PM8ehb0Z.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-BU91nTNp.js";
+import { l as n } from "../../../Loading.module-PM8ehb0Z.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-v5160", P = "ids-start-up-loading--progress-v5160", h = {
+const H = "ids-start-up-loading--root-v5170", P = "ids-start-up-loading--progress-v5170", 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-D0TO0TDT.js";
+import { af as d } from "../../../LoadingSuspense-BjzbePWa.js";
 import "../../../index-2QXL0WYc.js";
 import "react";
 import "../../../components/Text/Text.js";
-import "../../../Loading.module-BU91nTNp.js";
+import "../../../Loading.module-PM8ehb0Z.js";
 export {
   d as ValidateLoading
 };

package/dist/patterns/Loading/index.js

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

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

@@ -97,6 +97,26 @@ export interface AutocompleteSearchHookReturn {
      * Stop the search.
      */
     stopSearch: () => void;
+    /**
+     * Whether to show "Type at least X characters to search" instruction.
+     * True when the query length is below the minimum search length.
+     */
+    shouldShowInstructions: boolean;
+    /**
+     * Whether to show nothing (clean, minimal) during debounce waiting period.
+     * True when user has typed enough characters but search hasn't started yet.
+     */
+    shouldShowDebounceWaiting: boolean;
+    /**
+     * Whether to show "No results found" message.
+     * True only after a legitimate search has been performed and returned empty results.
+     */
+    shouldShowNoResults: boolean;
+    /**
+     * Smart result calculation that handles all display scenarios.
+     * Returns the appropriate results based on current state.
+     */
+    displayResults: FormattedLabelValueMeta[];
 }
 export interface AutocompletePopoverProps extends Pick<IressInputPopoverProps, 'autoHighlight' | 'align' | 'className' | 'container' | 'contentClassName' | 'displayMode' | 'style'> {
     append?: ReactNode;
@@ -110,3 +130,15 @@ export interface AutocompleteNoResultsProps extends Pick<IressAutocompleteProps,
         noResults?: string;
     };
 }
+export interface AutocompleteInstructionsProps {
+    /**
+     * The minimum number of characters required to search.
+     */
+    minSearchLength: number;
+    /**
+     * Pass a CSS module object to override styles.
+     */
+    styles?: {
+        instructions?: string;
+    };
+}

package/dist/src/components/Autocomplete/components/AutocompleteInstructions.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteInstructionsProps } from '../Autocomplete.types';
+export declare const AutocompleteInstructions: ({ minSearchLength, styles, }: AutocompleteInstructionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Autocomplete/hooks/useAutocompleteSearch.d.ts

@@ -1,2 +1,6 @@
 import { AutocompleteSearchHookProps, AutocompleteSearchHookReturn } from '../Autocomplete.types';
+/**
+ * Advanced autocomplete search hook with debouncing and race condition protection
+ * Supports both sync array search and async function search
+ */
 export declare const useAutocompleteSearch: ({ debounceThreshold, initialOptions, minSearchLength, options, query, }: AutocompleteSearchHookProps) => AutocompleteSearchHookReturn;

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

@@ -50,6 +50,10 @@ export interface IressModalProps extends IressHTMLAttributes {
      * Emitted when the modal has opened or closed internally. Use for controlled modals.
      */
     onShowChange?: (show: boolean) => void;
+    /**
+     * Emitted when the modal has mounted, unmounted, opened or closed. Open and close occur before animation begins.
+     */
+    onStatus?: (status: 'unmounted' | 'initial' | 'open' | 'close') => void;
     /**
      * Emitted when the modal has opened.
      */

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

@@ -1,6 +1,8 @@
 import { IressRichSelectProps, SelectOptionsRenderProps } from '../RichSelect.types';
 interface SelectOptionsProps extends Pick<IressRichSelectProps, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | '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, }: 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, 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/Slideout/Slideout.types.d.ts

@@ -58,6 +58,10 @@ export interface IressSlideoutProps extends IressHTMLAttributes {
      * Use for controlled slideouts.
      */
     onShowChange?: (show: boolean, reason?: OpenChangeReason) => void;
+    /**
+     * Emitted when the slideout has mounted, unmounted, opened or closed. Open and close occur before animation begins.
+     */
+    onStatus?: (status: 'unmounted' | 'initial' | 'open' | 'close') => void;
     /**
      * Emitted when the slideout has opened.
      */

package/dist/src/helpers/dom/closestCrossShadow.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Finds the closest ancestor element that matches the selector, traversing across shadow DOM boundaries.
+ * Similar to native Element.closest() but works across shadow DOM.
+ *
+ * @param element - The starting element
+ * @param selector - CSS selector to match against
+ * @returns The closest ancestor element matching the selector, or null if not found
+ */
+export declare const closestCrossShadow: (element: Element | null, selector: string) => Element | null;