@iress-oss/ids-components 6.0.0 → 6.1.0

package/dist/main.js

@@ -27,25 +27,24 @@ import { IressInputPopover as H } from "./components/Popover/InputPopover/InputP
 import { IressPopoverProvider as U } from "./components/Popover/PopoverProvider.js";
 import { usePopoverItem as W } from "./components/Popover/hooks/usePopoverItem.js";
 import { tooltip as G } from "./components/Tooltip/Tooltip.styles.js";
-import { IressTooltip as K } from "./components/Tooltip/Tooltip.js";
-import { IressCloseButton as q } from "./components/Button/CloseButton/CloseButton.js";
-import { IressAlert as J } from "./components/Alert/Alert.js";
-import { autoComplete as Y } from "./components/Autocomplete/Autocomplete.styles.js";
-import { readonly as X } from "./components/Readonly/Readonly.styles.js";
-import { IressReadonly as Z } from "./components/Readonly/Readonly.js";
-import { input as Q } from "./components/Input/Input.styles.js";
-import { IressInput as $ } from "./components/Input/Input.js";
-import { t as ee } from "./useAutocompleteSearch-BJ_hhoKp.js";
-import { card as te } from "./components/Card/Card.styles.js";
-import { IressButtonCard as ne, IressCard as re, IressLinkCard as ie } from "./components/Card/Card.js";
-import { IressPanel as ae } from "./components/Panel/Panel.js";
-import { select as oe } from "./components/Select/Select.styles.js";
-import { IressSelectLabel as se } from "./components/Select/SelectLabel/SelectLabel.js";
-import { tag as ce } from "./components/Tag/Tag.styles.js";
-import { IressTag as le } from "./components/Tag/Tag.js";
-import { inline as ue } from "./components/Inline/Inline.styles.js";
-import { IressInline as de } from "./components/Inline/Inline.js";
-import { IressTagInput as fe } from "./components/Tag/TagInput/TagInput.js";
+import { TooltipContainerContext as K, useTooltipContainer as q } from "./components/Tooltip/hooks/useTooltipContainer.js";
+import { IressTooltip as J } from "./components/Tooltip/Tooltip.js";
+import { IressTooltipProvider as Y } from "./components/Tooltip/TooltipProvider.js";
+import { IressCloseButton as X } from "./components/Button/CloseButton/CloseButton.js";
+import { IressAlert as Z } from "./components/Alert/Alert.js";
+import { autoComplete as Q } from "./components/Autocomplete/Autocomplete.styles.js";
+import { readonly as $ } from "./components/Readonly/Readonly.styles.js";
+import { IressReadonly as ee } from "./components/Readonly/Readonly.js";
+import { input as te } from "./components/Input/Input.styles.js";
+import { IressInput as ne } from "./components/Input/Input.js";
+import { t as re } from "./useAutocompleteSearch-DxKxs6HH.js";
+import { card as ie } from "./components/Card/Card.styles.js";
+import { IressButtonCard as ae, IressCard as oe, IressLinkCard as se } from "./components/Card/Card.js";
+import { IressPanel as ce } from "./components/Panel/Panel.js";
+import { select as le } from "./components/Select/Select.styles.js";
+import { IressSelectLabel as ue } from "./components/Select/SelectLabel/SelectLabel.js";
+import { tag as de } from "./components/Tag/Tag.styles.js";
+import { IressTag as fe } from "./components/Tag/Tag.js";
 import { menu as pe } from "./components/Menu/Menu.styles.js";
 import { IressMenu as me } from "./components/Menu/Menu.js";
 import { menuItem as he } from "./components/Menu/MenuItem/MenuItem.styles.js";
@@ -53,106 +52,111 @@ import { menuGroup as ge } from "./components/Menu/MenuGroup/MenuGroup.styles.js
 import { divider as _e } from "./components/Divider/Divider.styles.js";
 import { IressDivider as ve } from "./components/Divider/Divider.js";
 import { IressMenuDivider as ye } from "./components/Menu/MenuDivider/MenuDivider.js";
-import { IressMenuHeading as be, IressMenuText as xe } from "./components/Menu/MenuText/MenuText.js";
-import { radioMark as Se } from "./components/RadioMark/RadioMark.styles.js";
-import { IressRadioMark as Ce } from "./components/RadioMark/RadioMark.js";
-import { IressMenuItem as we } from "./components/Menu/MenuItem/MenuItem.js";
+import { radioMark as be } from "./components/RadioMark/RadioMark.styles.js";
+import { IressRadioMark as xe } from "./components/RadioMark/RadioMark.js";
+import { IressMenuItem as Se } from "./components/Menu/MenuItem/MenuItem.js";
+import { IressMenuText as Ce } from "./components/Menu/MenuText/MenuText.js";
+import { IressMenuHeading as we } from "./components/Menu/MenuHeading/MenuHeading.js";
 import { IressMenuGroup as Te } from "./components/Menu/MenuGroup/MenuGroup.js";
-import { IressSelectTags as Ee } from "./components/Select/SelectTags/SelectTags.js";
-import { IressSelectSearch as De } from "./components/Select/SelectSearch/SelectSearch.js";
-import { IressSelectHeading as Oe } from "./components/Select/SelectHeading/SelectHeading.js";
-import { IressSelectMenu as ke } from "./components/Select/SelectMenu/SelectMenu.js";
-import { IressSelectSearchInput as Ae } from "./components/Select/SelectSearchInput/SelectSearchInput.js";
-import { nativeSelect as je } from "./components/Select/components/NativeSelect.styles.js";
-import { n as Me, t as Ne } from "./Autocomplete-CuUjmIAw.js";
-import { IressSelectBody as Pe } from "./components/Select/SelectBody/SelectBody.js";
-import { IressSelectCreate as Fe } from "./components/Select/SelectCreate/SelectCreate.js";
-import { avatar as Ie } from "./components/Avatar/Avatar.styles.js";
-import { IressAvatar as Le } from "./components/Avatar/Avatar.js";
-import { avatarGroup as Re } from "./components/Avatar/AvatarGroup/AvatarGroup.styles.js";
-import { IressAvatarGroup as ze } from "./components/Avatar/AvatarGroup/AvatarGroup.js";
-import { checkbox as Be } from "./components/Checkbox/Checkbox.styles.js";
-import { checkboxGroup as Ve } from "./components/CheckboxGroup/CheckboxGroup.styles.js";
-import { CheckboxGroupContext as He, IressCheckboxGroup as Ue, getCheckboxGroupContext as We } from "./components/CheckboxGroup/CheckboxGroup.js";
-import { IressCheckbox as Ge } from "./components/Checkbox/Checkbox.js";
-import { col as Ke } from "./components/Col/Col.styles.js";
-import { IressCol as qe } from "./components/Col/Col.js";
-import { container as Je } from "./components/Container/Container.styles.js";
-import { IressContainer as Ye } from "./components/Container/Container.js";
-import { expander as Xe } from "./components/Expander/Expander.styles.js";
-import { IressExpander as Ze } from "./components/Expander/Expander.js";
-import { label as Qe } from "./components/Label/Label.styles.js";
-import { IressLabel as $e } from "./components/Label/Label.js";
-import { field as et } from "./components/Field/Field.styles.js";
-import { IressValidationMessage as tt } from "./components/ValidationMessage/ValidationMessage.js";
-import { IressValidationLink as nt } from "./components/ValidationMessage/ValidationLink/ValidationLink.js";
-import { IressValidationSummary as rt } from "./components/ValidationMessage/ValidationSummary/ValidationSummary.js";
-import { IressField as it } from "./components/Field/Field.js";
-import { fieldGroup as at } from "./components/Field/FieldGroup/FieldGroup.styles.js";
-import { IressFieldGroup as ot } from "./components/Field/FieldGroup/FieldGroup.js";
-import { IressHide as st } from "./components/Hide/Hide.js";
-import { image as ct } from "./components/Image/Image.styles.js";
-import { IressImage as lt } from "./components/Image/Image.js";
-import { IressInputCurrency as ut } from "./components/InputCurrency/InputCurrency.js";
-import { link as dt } from "./components/Link/Link.styles.js";
-import { IressLink as ft } from "./components/Link/Link.js";
-import { modal as pt } from "./components/Modal/Modal.styles.js";
-import { ModalContext as mt, useModal as ht } from "./components/Modal/hooks/useModal.js";
-import { IressModal as gt } from "./components/Modal/Modal.js";
-import { IressModalProvider as _t } from "./components/Modal/ModalProvider.js";
-import { pill as vt } from "./components/Pill/Pill.styles.js";
-import { IressPill as yt } from "./components/Pill/Pill.js";
-import { placeholder as bt } from "./components/Placeholder/Placeholder.styles.js";
-import { IressPlaceholder as xt } from "./components/Placeholder/Placeholder.js";
-import { progress as St } from "./components/Progress/Progress.styles.js";
-import { IressProgress as Ct } from "./components/Progress/Progress.js";
-import { stack as wt } from "./components/Stack/Stack.styles.js";
-import { IressStack as Tt } from "./components/Stack/Stack.js";
-import { toaster as Et } from "./components/Toaster/Toaster.styles.js";
-import { ToasterContext as Dt, useToaster as Ot } from "./components/Toaster/hooks/useToaster.js";
-import { toast as kt } from "./components/Toaster/components/Toast/Toast.styles.js";
-import { IressToasterProvider as At } from "./components/Toaster/ToasterProvider.js";
-import { t as jt } from "./Slideout-RnRSkJsj.js";
-import { slideout as Mt } from "./components/Slideout/Slideout.styles.js";
-import { SlideoutContext as Nt, useSlideout as Pt } from "./components/Slideout/hooks/useSlideout.js";
-import { IressSlideoutProvider as Ft } from "./components/Slideout/SlideoutProvider.js";
-import { t as It } from "./Provider-DvnuqPfQ.js";
-import { radio as Lt } from "./components/Radio/Radio.styles.js";
-import { radioGroup as Rt } from "./components/RadioGroup/RadioGroup.styles.js";
-import { IressRadioGroup as zt, RadioGroupContext as Bt, getRadioGroupContext as Vt } from "./components/RadioGroup/RadioGroup.js";
-import { IressRadio as Ht } from "./components/Radio/Radio.js";
-import { row as Ut } from "./components/Row/Row.styles.js";
-import { IressRow as Wt } from "./components/Row/Row.js";
-import { skeleton as Gt } from "./components/Skeleton/Skeleton.styles.js";
-import { IressSkeleton as Kt } from "./components/Skeleton/Skeleton.js";
-import { skipLink as qt } from "./components/SkipLink/SkipLink.styles.js";
-import { IressSkipLink as Jt } from "./components/SkipLink/SkipLink.js";
-import { slider as Yt } from "./components/Slider/Slider.styles.js";
-import { IressSlider as Xt } from "./components/Slider/Slider.js";
-import { IressStyled as Zt } from "./components/Styled/Styled.js";
-import { IressTableFormattedValue as Qt } from "./components/Table/TableFormattedValue/TableFormattedValue.js";
-import { useTable as $t } from "./components/Table/hooks/useTable.js";
-import { tabSet as en } from "./components/TabSet/TabSet.styles.js";
-import { IressTabSet as tn } from "./components/TabSet/TabSet.js";
-import { tab as nn } from "./components/TabSet/Tab/Tab.styles.js";
-import { IressTab as rn } from "./components/TabSet/Tab/Tab.js";
-import { toggle as an } from "./components/Toggle/Toggle.styles.js";
-import { IressToggle as on } from "./components/Toggle/Toggle.js";
-import { breadcrumbs as sn } from "./patterns/Breadcrumbs/Breadcrumbs.styles.js";
-import { IressBreadcrumbs as cn } from "./patterns/Breadcrumbs/Breadcrumbs.js";
-import { dropdownMenu as ln } from "./patterns/DropdownMenu/DropdownMenu.styles.js";
-import { IressDropdownMenu as un } from "./patterns/DropdownMenu/DropdownMenu.js";
-import { IressFormValidationSummary as dn } from "./patterns/Form/FormValidationSummary/FormValidationSummary.js";
-import { IressHookForm as fn } from "./patterns/Form/HookForm/HookForm.js";
-import { IressForm as pn } from "./patterns/Form/Form.js";
-import { IressFormField as mn } from "./patterns/Form/FormField/FormField.js";
-import { IressFormFieldset as hn } from "./patterns/Form/FormField/FormFieldset.js";
-import { IressLoading as gn } from "./patterns/Loading/Loading.js";
-import { IressLoadingSuspense as _n } from "./patterns/Loading/LoadingSuspense.js";
-import { t as vn } from "./Shadow-BL3YAhE_.js";
-import { contextualMenu as yn } from "./patterns/ContextualMenu/ContextualMenu.styles.js";
-import { IressContextualMenu as bn } from "./patterns/ContextualMenu/ContextualMenu.js";
-import { sideNav as xn } from "./patterns/SideNav/SideNav.styles.js";
-import { IressSideNav as Sn } from "./patterns/SideNav/SideNav.js";
-import { iressCss as Cn } from "./helpers/styling/iressCss.js";
-export { h as BREAKPOINTS, u as BREAKPOINT_DETAILS, He as CheckboxGroupContext, p as FOCUSABLE_QUERY_SELECTOR, c as FORM_ELEMENT_WIDTHS, i as GRID_SIZE, r as GlobalCSSClass, d as HORIZONTAL_ALIGNS, J as IressAlert, Ne as IressAutocomplete, Le as IressAvatar, ze as IressAvatarGroup, cn as IressBreadcrumbs, b as IressButton, ne as IressButtonCard, F as IressButtonGroup, re as IressCard, Ge as IressCheckbox, Ue as IressCheckboxGroup, q as IressCloseButton, qe as IressCol, Ye as IressContainer, bn as IressContextualMenu, ve as IressDivider, un as IressDropdownMenu, Ze as IressExpander, it as IressField, ot as IressFieldGroup, pn as IressForm, mn as IressFormField, hn as IressFormFieldset, dn as IressFormValidationSummary, st as IressHide, fn as IressHookForm, v as IressIcon, _ as IressIconProvider, lt as IressImage, de as IressInline, $ as IressInput, ut as IressInputCurrency, H as IressInputPopover, $e as IressLabel, ft as IressLink, ie as IressLinkCard, gn as IressLoading, _n as IressLoadingSuspense, me as IressMenu, ye as IressMenuDivider, Te as IressMenuGroup, be as IressMenuHeading, we as IressMenuItem, xe as IressMenuText, gt as IressModal, _t as IressModalProvider, ae as IressPanel, yt as IressPill, xt as IressPlaceholder, V as IressPopover, U as IressPopoverProvider, Ct as IressProgress, It as IressProvider, Ht as IressRadio, zt as IressRadioGroup, Ce as IressRadioMark, Z as IressReadonly, Wt as IressRow, Me as IressSelect, Pe as IressSelectBody, Fe as IressSelectCreate, Oe as IressSelectHeading, se as IressSelectLabel, ke as IressSelectMenu, De as IressSelectSearch, Ae as IressSelectSearchInput, Ee as IressSelectTags, vn as IressShadow, Sn as IressSideNav, Kt as IressSkeleton, Jt as IressSkipLink, jt as IressSlideout, Ft as IressSlideoutProvider, Xt as IressSlider, O as IressSpinner, Tt as IressStack, Zt as IressStyled, rn as IressTab, tn as IressTabSet, e as IressTable, t as IressTableBody, Qt as IressTableFormattedValue, le as IressTag, fe as IressTagInput, w as IressText, At as IressToasterProvider, on as IressToggle, K as IressTooltip, nt as IressValidationLink, tt as IressValidationMessage, rt as IressValidationSummary, m as MATERIAL_SYMBOLS, mt as ModalContext, R as PopoverContainerContext, Bt as RadioGroupContext, a as STATUSES, Nt as SlideoutContext, l as TEXT_ALIGNS, g as TOASTER_OFFSET_VAR, Dt as ToasterContext, o as VERTICAL_ALIGNS, s as Z_INDEX, f as Z_INDEX_OFFSET_VAR, T as alert, Y as autoComplete, Ie as avatar, Re as avatarGroup, sn as breadcrumbs, y as button, P as buttonGroup, te as card, E as chatty, Be as checkbox, Ve as checkboxGroup, Ke as col, Je as container, yn as contextualMenu, _e as divider, ln as dropdownMenu, Xe as expander, et as field, at as fieldGroup, We as getCheckboxGroupContext, Vt as getRadioGroupContext, n as icon, ct as image, ue as inline, Q as input, Cn as iressCss, Qe as label, dt as link, pe as menu, ge as menuGroup, he as menuItem, pt as modal, je as nativeSelect, vt as pill, bt as placeholder, B as popover, St as progress, Lt as radio, Rt as radioGroup, Se as radioMark, X as readonly, Ut as row, oe as select, xn as sideNav, Gt as skeleton, qt as skipLink, Mt as slideout, Yt as slider, D as spinner, wt as stack, nn as tab, en as tabSet, x as table, S as tableCell, ce as tag, C as text, A as toArray, kt as toast, Et as toaster, an as toggle, G as tooltip, ee as useAutocompleteSearch, k as useBreakpoint, I as useButtonGroupItem, j as useControlledState, M as useIdIfNeeded, ht as useModal, L as usePopover, z as usePopoverContainer, W as usePopoverItem, N as useResponsiveProps, Pt as useSlideout, $t as useTable, Ot as useToaster };
+import { inline as Ee } from "./components/Inline/Inline.styles.js";
+import { IressInline as De } from "./components/Inline/Inline.js";
+import { IressSelectTags as Oe } from "./components/Select/SelectTags/SelectTags.js";
+import { IressSelectSearch as ke } from "./components/Select/SelectSearch/SelectSearch.js";
+import { IressSelectHeading as Ae } from "./components/Select/SelectHeading/SelectHeading.js";
+import { IressSelectMenu as je } from "./components/Select/SelectMenu/SelectMenu.js";
+import { IressSelectSearchInput as Me } from "./components/Select/SelectSearchInput/SelectSearchInput.js";
+import { nativeSelect as Ne } from "./components/Select/components/NativeSelect.styles.js";
+import { n as Pe, t as Fe } from "./Autocomplete-BRGD9dSh.js";
+import { IressSelectBody as Ie } from "./components/Select/SelectBody/SelectBody.js";
+import { IressSelectCreate as Le } from "./components/Select/SelectCreate/SelectCreate.js";
+import { avatar as Re } from "./components/Avatar/Avatar.styles.js";
+import { IressAvatar as ze } from "./components/Avatar/Avatar.js";
+import { avatarGroup as Be } from "./components/Avatar/AvatarGroup/AvatarGroup.styles.js";
+import { IressAvatarGroup as Ve } from "./components/Avatar/AvatarGroup/AvatarGroup.js";
+import { checkbox as He } from "./components/Checkbox/Checkbox.styles.js";
+import { checkboxGroup as Ue } from "./components/CheckboxGroup/CheckboxGroup.styles.js";
+import { CheckboxGroupContext as We, IressCheckboxGroup as Ge, getCheckboxGroupContext as Ke } from "./components/CheckboxGroup/CheckboxGroup.js";
+import { IressCheckbox as qe } from "./components/Checkbox/Checkbox.js";
+import { col as Je } from "./components/Col/Col.styles.js";
+import { IressCol as Ye } from "./components/Col/Col.js";
+import { container as Xe } from "./components/Container/Container.styles.js";
+import { IressContainer as Ze } from "./components/Container/Container.js";
+import { expander as Qe } from "./components/Expander/Expander.styles.js";
+import { IressExpander as $e } from "./components/Expander/Expander.js";
+import { label as et } from "./components/Label/Label.styles.js";
+import { IressLabel as tt } from "./components/Label/Label.js";
+import { field as nt } from "./components/Field/Field.styles.js";
+import { IressValidationMessage as rt } from "./components/ValidationMessage/ValidationMessage.js";
+import { IressValidationLink as it } from "./components/ValidationMessage/ValidationLink/ValidationLink.js";
+import { IressValidationSummary as at } from "./components/ValidationMessage/ValidationSummary/ValidationSummary.js";
+import { IressField as ot } from "./components/Field/Field.js";
+import { fieldGroup as st } from "./components/FieldGroup/FieldGroup.styles.js";
+import { IressFieldGroup as ct } from "./components/FieldGroup/FieldGroup.js";
+import { IressHide as lt } from "./components/Hide/Hide.js";
+import { image as ut } from "./components/Image/Image.styles.js";
+import { IressImage as dt } from "./components/Image/Image.js";
+import { IressInputCurrency as ft } from "./components/InputCurrency/InputCurrency.js";
+import { link as pt } from "./components/Link/Link.styles.js";
+import { IressLink as mt } from "./components/Link/Link.js";
+import { modal as ht } from "./components/Modal/Modal.styles.js";
+import { ModalContext as gt, useModal as _t } from "./components/Modal/hooks/useModal.js";
+import { IressModal as vt } from "./components/Modal/Modal.js";
+import { IressModalProvider as yt } from "./components/Modal/ModalProvider.js";
+import { pill as bt } from "./components/Pill/Pill.styles.js";
+import { IressPill as xt } from "./components/Pill/Pill.js";
+import { placeholder as St } from "./components/Placeholder/Placeholder.styles.js";
+import { IressPlaceholder as Ct } from "./components/Placeholder/Placeholder.js";
+import { progress as wt } from "./components/Progress/Progress.styles.js";
+import { IressProgress as Tt } from "./components/Progress/Progress.js";
+import { stack as Et } from "./components/Stack/Stack.styles.js";
+import { IressStack as Dt } from "./components/Stack/Stack.js";
+import { toaster as Ot } from "./components/Toaster/Toaster.styles.js";
+import { ToasterContext as kt, useToaster as At } from "./components/Toaster/hooks/useToaster.js";
+import { toast as jt } from "./components/Toaster/components/Toast/Toast.styles.js";
+import { IressToasterProvider as Mt } from "./components/Toaster/ToasterProvider.js";
+import { t as Nt } from "./Slideout-RnRSkJsj.js";
+import { slideout as Pt } from "./components/Slideout/Slideout.styles.js";
+import { SlideoutContext as Ft, useSlideout as It } from "./components/Slideout/hooks/useSlideout.js";
+import { IressSlideoutProvider as Lt } from "./components/Slideout/SlideoutProvider.js";
+import { t as Rt } from "./Provider-DvnuqPfQ.js";
+import { radio as zt } from "./components/Radio/Radio.styles.js";
+import { radioGroup as Bt } from "./components/RadioGroup/RadioGroup.styles.js";
+import { IressRadioGroup as Vt, RadioGroupContext as Ht, getRadioGroupContext as Ut } from "./components/RadioGroup/RadioGroup.js";
+import { IressRadio as Wt } from "./components/Radio/Radio.js";
+import { row as Gt } from "./components/Row/Row.styles.js";
+import { IressRow as Kt } from "./components/Row/Row.js";
+import { skeleton as qt } from "./components/Skeleton/Skeleton.styles.js";
+import { IressSkeleton as Jt } from "./components/Skeleton/Skeleton.js";
+import { skipLink as Yt } from "./components/SkipLink/SkipLink.styles.js";
+import { IressSkipLink as Xt } from "./components/SkipLink/SkipLink.js";
+import { slider as Zt } from "./components/Slider/Slider.styles.js";
+import { IressSlider as Qt } from "./components/Slider/Slider.js";
+import { IressStyled as $t } from "./components/Styled/Styled.js";
+import { IressTableFormattedValue as en } from "./components/Table/TableFormattedValue/TableFormattedValue.js";
+import { useTable as tn } from "./components/Table/hooks/useTable.js";
+import { tabSet as nn } from "./components/TabSet/TabSet.styles.js";
+import { IressTabSet as rn } from "./components/TabSet/TabSet.js";
+import { tab as an } from "./components/TabSet/Tab/Tab.styles.js";
+import { IressTab as on } from "./components/TabSet/Tab/Tab.js";
+import { tagInput as sn } from "./components/TagInput/TagInput.styles.js";
+import { IressTagInput as cn } from "./components/TagInput/TagInput.js";
+import { toggle as ln } from "./components/Toggle/Toggle.styles.js";
+import { IressToggle as un } from "./components/Toggle/Toggle.js";
+import { breadcrumbs as dn } from "./patterns/Breadcrumbs/Breadcrumbs.styles.js";
+import { IressBreadcrumbs as fn } from "./patterns/Breadcrumbs/Breadcrumbs.js";
+import { dropdownMenu as pn } from "./patterns/DropdownMenu/DropdownMenu.styles.js";
+import { IressDropdownMenu as mn } from "./patterns/DropdownMenu/DropdownMenu.js";
+import { IressFormValidationSummary as hn } from "./patterns/Form/FormValidationSummary/FormValidationSummary.js";
+import { IressHookForm as gn } from "./patterns/Form/HookForm/HookForm.js";
+import { IressForm as _n } from "./patterns/Form/Form.js";
+import { IressFormField as vn } from "./patterns/Form/FormField/FormField.js";
+import { IressFormFieldset as yn } from "./patterns/Form/FormField/FormFieldset.js";
+import { IressLoading as bn } from "./patterns/Loading/Loading.js";
+import { IressLoadingSuspense as xn } from "./patterns/Loading/LoadingSuspense.js";
+import { t as Sn } from "./Shadow-D2KoVwxD.js";
+import { contextualMenu as Cn } from "./patterns/ContextualMenu/ContextualMenu.styles.js";
+import { IressContextualMenu as wn } from "./patterns/ContextualMenu/ContextualMenu.js";
+import { sideNav as Tn } from "./patterns/SideNav/SideNav.styles.js";
+import { IressSideNav as En } from "./patterns/SideNav/SideNav.js";
+import { iressCss as Dn } from "./helpers/styling/iressCss.js";
+export { h as BREAKPOINTS, u as BREAKPOINT_DETAILS, We as CheckboxGroupContext, p as FOCUSABLE_QUERY_SELECTOR, c as FORM_ELEMENT_WIDTHS, i as GRID_SIZE, r as GlobalCSSClass, d as HORIZONTAL_ALIGNS, Z as IressAlert, Fe as IressAutocomplete, ze as IressAvatar, Ve as IressAvatarGroup, fn as IressBreadcrumbs, b as IressButton, ae as IressButtonCard, F as IressButtonGroup, oe as IressCard, qe as IressCheckbox, Ge as IressCheckboxGroup, X as IressCloseButton, Ye as IressCol, Ze as IressContainer, wn as IressContextualMenu, ve as IressDivider, mn as IressDropdownMenu, $e as IressExpander, ot as IressField, ct as IressFieldGroup, _n as IressForm, vn as IressFormField, yn as IressFormFieldset, hn as IressFormValidationSummary, lt as IressHide, gn as IressHookForm, v as IressIcon, _ as IressIconProvider, dt as IressImage, De as IressInline, ne as IressInput, ft as IressInputCurrency, H as IressInputPopover, tt as IressLabel, mt as IressLink, se as IressLinkCard, bn as IressLoading, xn as IressLoadingSuspense, me as IressMenu, ye as IressMenuDivider, Te as IressMenuGroup, we as IressMenuHeading, Se as IressMenuItem, Ce as IressMenuText, vt as IressModal, yt as IressModalProvider, ce as IressPanel, xt as IressPill, Ct as IressPlaceholder, V as IressPopover, U as IressPopoverProvider, Tt as IressProgress, Rt as IressProvider, Wt as IressRadio, Vt as IressRadioGroup, xe as IressRadioMark, ee as IressReadonly, Kt as IressRow, Pe as IressSelect, Ie as IressSelectBody, Le as IressSelectCreate, Ae as IressSelectHeading, ue as IressSelectLabel, je as IressSelectMenu, ke as IressSelectSearch, Me as IressSelectSearchInput, Oe as IressSelectTags, Sn as IressShadow, En as IressSideNav, Jt as IressSkeleton, Xt as IressSkipLink, Nt as IressSlideout, Lt as IressSlideoutProvider, Qt as IressSlider, O as IressSpinner, Dt as IressStack, $t as IressStyled, on as IressTab, rn as IressTabSet, e as IressTable, t as IressTableBody, en as IressTableFormattedValue, fe as IressTag, cn as IressTagInput, w as IressText, Mt as IressToasterProvider, un as IressToggle, J as IressTooltip, Y as IressTooltipProvider, it as IressValidationLink, rt as IressValidationMessage, at as IressValidationSummary, m as MATERIAL_SYMBOLS, gt as ModalContext, R as PopoverContainerContext, Ht as RadioGroupContext, a as STATUSES, Ft as SlideoutContext, l as TEXT_ALIGNS, g as TOASTER_OFFSET_VAR, kt as ToasterContext, K as TooltipContainerContext, o as VERTICAL_ALIGNS, s as Z_INDEX, f as Z_INDEX_OFFSET_VAR, T as alert, Q as autoComplete, Re as avatar, Be as avatarGroup, dn as breadcrumbs, y as button, P as buttonGroup, ie as card, E as chatty, He as checkbox, Ue as checkboxGroup, Je as col, Xe as container, Cn as contextualMenu, _e as divider, pn as dropdownMenu, Qe as expander, nt as field, st as fieldGroup, Ke as getCheckboxGroupContext, Ut as getRadioGroupContext, n as icon, ut as image, Ee as inline, te as input, Dn as iressCss, et as label, pt as link, pe as menu, ge as menuGroup, he as menuItem, ht as modal, Ne as nativeSelect, bt as pill, St as placeholder, B as popover, wt as progress, zt as radio, Bt as radioGroup, be as radioMark, $ as readonly, Gt as row, le as select, Tn as sideNav, qt as skeleton, Yt as skipLink, Pt as slideout, Zt as slider, D as spinner, Et as stack, an as tab, nn as tabSet, x as table, S as tableCell, de as tag, sn as tagInput, C as text, A as toArray, jt as toast, Ot as toaster, ln as toggle, G as tooltip, re as useAutocompleteSearch, k as useBreakpoint, I as useButtonGroupItem, j as useControlledState, M as useIdIfNeeded, _t as useModal, L as usePopover, z as usePopoverContainer, W as usePopoverItem, N as useResponsiveProps, It as useSlideout, tn as useTable, At as useToaster, q as useTooltipContainer };

package/dist/patterns/DropdownMenu/DropdownMenu.js

@@ -4,152 +4,163 @@ import { n } from "../../is-valid-prop-BoZ7GJt2.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { IressIcon as i } from "../../components/Icon/Icon.js";
 import { t as a } from "../../Button-bZPKq0ue.js";
-import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";
-import { toArray as s } from "../../helpers/formatting/toArray.js";
-import { useControlledState as c } from "../../hooks/useControlledState.js";
-import { useIdIfNeeded as ee } from "../../hooks/useIdIfNeeded.js";
+import { IressText as o } from "../../components/Text/Text.js";
+import { propagateTestid as s } from "../../helpers/utility/propagateTestid.js";
+import { IressSpinner as ee } from "../../components/Spinner/Spinner.js";
+import { toArray as te } from "../../helpers/formatting/toArray.js";
+import { useControlledState as ne } from "../../hooks/useControlledState.js";
+import { useIdIfNeeded as c } from "../../hooks/useIdIfNeeded.js";
 import { IressPopover as l } from "../../components/Popover/Popover.js";
 import { usePopoverItem as u } from "../../components/Popover/hooks/usePopoverItem.js";
-import { t as d } from "../../useAutocompleteSearch-BJ_hhoKp.js";
-import { IressDivider as f } from "../../components/Divider/Divider.js";
-import { IressSelectMenu as p } from "../../components/Select/SelectMenu/SelectMenu.js";
-import { IressSelectSearchInput as m } from "../../components/Select/SelectSearchInput/SelectSearchInput.js";
-import { IressStyled as h } from "../../components/Styled/Styled.js";
-import { dropdownMenu as g } from "./DropdownMenu.styles.js";
-import { useDropdownMenuFlags as te } from "./hooks/useDropdownMenuFlags.js";
-import { forwardRef as _, useImperativeHandle as v, useMemo as y, useRef as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { t as re } from "../../useAutocompleteSearch-DxKxs6HH.js";
+import { IressDivider as ie } from "../../components/Divider/Divider.js";
+import { IressInline as ae } from "../../components/Inline/Inline.js";
+import { IressSelectMenu as d } from "../../components/Select/SelectMenu/SelectMenu.js";
+import { IressSelectSearchInput as f } from "../../components/Select/SelectSearchInput/SelectSearchInput.js";
+import { IressStyled as p } from "../../components/Styled/Styled.js";
+import { dropdownMenu as m } from "./DropdownMenu.styles.js";
+import { useDropdownMenuFlags as h } from "./hooks/useDropdownMenuFlags.js";
+import { forwardRef as g, useImperativeHandle as _, useMemo as v, useRef as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/patterns/DropdownMenu/DropdownMenu.tsx
-var T = g.raw(), E = g(), D = _((e, t) => {
-	let n = b(null), { isActiveInPopover: r, ...i } = u();
-	return v(t, () => n.current), /* @__PURE__ */ C(a, {
+var oe = m.raw(), w = m(), se = g((e, t) => {
+	let n = y(null), { isActiveInPopover: r, ...i } = u();
+	return _(t, () => n.current), /* @__PURE__ */ S(a, {
 		...e,
 		...i,
-		className: E.reset,
+		className: w.reset,
 		mode: "quaternary",
 		ref: (e) => {
 			n.current = e, i?.ref?.(n.current);
 		}
 	});
-}), O = _(({ activatorStyle: a = {}, align: u = "bottom-start", container: g, className: _, "data-testid": O, defaultSelected: ne, debounceThreshold: re, footer: ie, header: ae, label: k, id: oe, initialOptions: se, inputProps: ce = {
+}), T = g(({ activatorStyle: a = {}, align: u = "bottom-start", container: m, className: g, "data-testid": T, defaultSelected: ce, debounceThreshold: le, footer: ue, header: de, label: E, id: fe, initialOptions: pe, inputProps: D = {
 	clearable: !0,
-	prepend: /* @__PURE__ */ C(i, { name: "search" })
-}, limitDesktop: le = 12, limitMobile: A = 6, multiSelect: j, onChange: M, onReset: N, options: P, searchable: F, searchNoResultsText: I, selected: L, selectedOptionsText: R = " ({{numOptions}})", visibleResetButton: z, ...B }, V) => {
-	let H = ee({ id: oe }), U = `${H}-sr-text`, W = b(null), G = y(() => F ?? typeof P == "function", [P, F]), ue = {
+	prepend: /* @__PURE__ */ S(i, { name: "search" })
+}, limitDesktop: O = 12, limitMobile: k = 6, multiSelect: A, onChange: j, onReset: M, options: N, searchable: P, searchNoResultsText: F, selected: I, selectedOptionsText: L = " ({{numOptions}})", visibleResetButton: R, ...z }, B) => {
+	let V = c({ id: fe }), H = `${V}-sr-text`, U = y(null), W = v(() => P ?? typeof N == "function", [N, P]), me = {
 		clearable: !0,
-		prepend: /* @__PURE__ */ C(i, { name: "search" }),
-		...ce
-	}, { value: K, setValue: de } = c({
+		prepend: /* @__PURE__ */ S(i, { name: "search" }),
+		...D
+	}, { value: G, setValue: K } = ne({
 		component: "IressDropdownMenu",
-		defaultValue: ne,
-		value: L
-	}), [fe, q] = x(""), [J, Y] = x(!1), [pe, me] = y(() => n(B), [B]), [he, ge] = y(() => n(a), [a]), _e = (e) => {
+		defaultValue: ce,
+		value: I
+	}), [he, q] = b(""), [J, Y] = b(!1), [ge, _e] = v(() => n(z), [z]), [ve, ye] = v(() => n(a), [a]), be = (e) => {
 		q(e.target.value);
-	}, ve = () => {
+	}, xe = () => {
 		q("");
-	}, ye = (e) => {
-		e && (M?.(e), de(e), j || Y(!1));
-	}, be = () => {
-		N?.(), j || Y(!1);
+	}, Se = (e) => {
+		e && (j?.(e), K(e), A || Y(!1));
+	}, Ce = () => {
+		K(void 0), M?.(), A || Y(!1);
 	};
-	v(V, () => ({
-		...W.current,
+	_(B, () => ({
+		...U.current,
 		clearSearch: () => q("")
 	}));
-	let { debouncedQuery: xe, loading: X, results: Z, shouldShowInstructions: Q, shouldShowDebounceWaiting: Se, shouldShowNoResults: Ce } = d({
-		debounceThreshold: re,
-		initialOptions: se ?? (typeof P == "function" ? void 0 : P),
-		options: P,
-		query: fe
-	}), $ = te({
-		debouncedQuery: xe,
+	let { debouncedQuery: we, loading: X, results: Z, shouldShowInstructions: Te, shouldShowDebounceWaiting: Q, shouldShowNoResults: Ee } = re({
+		debounceThreshold: le,
+		initialOptions: pe ?? (typeof N == "function" ? void 0 : N),
+		options: N,
+		query: he
+	}), $ = h({
+		debouncedQuery: we,
 		loading: X,
 		results: Z,
-		searchable: G,
-		shouldShowInstructions: Q,
-		shouldShowDebounceWaiting: Se,
-		shouldShowNoResults: Ce,
-		visibleResetButton: z
-	}), we = y(() => {
-		let e = s(K);
-		return j ? /* @__PURE__ */ w(S, { children: [k, R.replace("{{numOptions}}", e.length.toString())] }) : e[0]?.label ?? k;
+		searchable: W,
+		shouldShowInstructions: Te,
+		shouldShowDebounceWaiting: Q,
+		shouldShowNoResults: Ee,
+		visibleResetButton: R
+	}), De = v(() => {
+		let e = te(G);
+		return A ? /* @__PURE__ */ C(x, { children: [E, L.replace("{{numOptions}}", e.length.toString())] }) : e[0]?.label ?? E;
 	}, [
-		K,
-		j,
-		k,
-		R
-	]), Te = y(() => X ? "loading" : J && !Z.length ? I : J && Z.length ? `${Z.length} results` : k, [
-		k,
+		G,
+		A,
+		E,
+		L
+	]), Oe = v(() => X ? "loading" : J && !Z.length ? F : J && Z.length ? `${Z.length} results` : E, [
+		E,
 		X,
 		Z.length,
-		I,
+		F,
 		J
 	]);
-	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(l, {
+	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C(l, {
 		matchActivatorWidth: !0,
-		...me,
-		activator: /* @__PURE__ */ C("button", {
-			...ge,
-			"aria-describedby": U,
-			"data-testid": a?.["data-testid"] ?? o(O, "activator-button__button"),
+		..._e,
+		activator: /* @__PURE__ */ S("button", {
+			...ye,
+			"aria-describedby": H,
+			"data-testid": a?.["data-testid"] ?? s(T, "activator-button__button"),
 			onClick: () => Y(!0),
-			className: t(a?.className, e(T.activator, he)),
-			children: we
+			className: t(a?.className, e(oe.activator, ve)),
+			children: De
 		}),
 		align: u,
-		className: t(_, e(pe), E.root, r.Filter),
-		container: g,
+		className: t(g, e(ge), w.root, r.Filter),
+		container: m,
 		contentStyle: {
-			className: E.popoverContent,
+			className: w.popoverContent,
 			p: "none"
 		},
-		"data-testid": O,
-		id: H,
+		"data-testid": T,
+		id: V,
 		show: J,
 		onActivated: () => Y(!0),
 		onDeactivated: () => Y(!1),
-		ref: W,
+		ref: U,
 		type: "listbox",
 		children: [
-			ae,
-			$.showHeader && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(h, {
-				className: E.searchHeader,
-				children: [G && /* @__PURE__ */ C(m, {
-					...ue,
+			de,
+			$.showHeader && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C(p, {
+				className: w.searchHeader,
+				children: [W && /* @__PURE__ */ S(f, {
+					...me,
 					role: "searchbox",
-					className: E.searchInput,
-					"data-testid": o(O, "input"),
-					loading: X,
-					onChange: _e,
-					onClear: ve
-				}), z && K && /* @__PURE__ */ C(D, {
-					"data-testid": o(O, "reset-button"),
-					onClick: be,
-					children: typeof z == "string" ? z : "Reset filter"
+					className: w.searchInput,
+					"data-testid": s(T, "input"),
+					onChange: be,
+					onClear: xe
+				}), R && G && /* @__PURE__ */ S(se, {
+					"data-testid": s(T, "reset-button"),
+					onClick: Ce,
+					children: typeof R == "string" ? R : "Reset filter"
 				})]
-			}), $.showResults && /* @__PURE__ */ C(f, {})] }),
-			$.showResults && /* @__PURE__ */ C(p, {
-				className: E.optionList,
-				"data-testid": o(O, "menu"),
+			}), $.showResults && /* @__PURE__ */ S(ie, {})] }),
+			$.showResults && /* @__PURE__ */ S(d, {
+				className: w.optionList,
+				"data-testid": s(T, "menu"),
 				items: Z,
-				limitDesktop: le,
-				limitMobile: A,
-				multiSelect: j,
-				onChange: ye,
-				selected: K
+				limitDesktop: O,
+				limitMobile: k,
+				multiSelect: A,
+				onChange: Se,
+				selected: G
+			}),
+			$.showLoading && /* @__PURE__ */ C(ae, {
+				gap: "sm",
+				verticalAlign: "middle",
+				p: "spacing.3",
+				children: [/* @__PURE__ */ S(ee, { color: "colour.neutral.70" }), /* @__PURE__ */ S(o, {
+					color: "colour.neutral.70",
+					children: "Loading results..."
+				})]
 			}),
-			$.showNoResults && /* @__PURE__ */ C("div", {
-				className: E.noResults,
-				children: I
+			$.showNoResults && /* @__PURE__ */ S("div", {
+				className: w.noResults,
+				children: F
 			}),
-			ie
+			ue
 		]
-	}), /* @__PURE__ */ C(h, {
+	}), /* @__PURE__ */ S(p, {
 		srOnly: !0,
-		id: U,
-		children: Te
+		id: H,
+		children: Oe
 	})] });
 });
-O.displayName = "IressDropdownMenu";
+T.displayName = "IressDropdownMenu";
 //#endregion
-export { O as IressDropdownMenu };
+export { T as IressDropdownMenu };

package/dist/patterns/DropdownMenu/hooks/useDropdownMenuFlags.d.ts

@@ -2,6 +2,7 @@ import { AutocompleteSearchHookReturn } from '../../../components/Autocomplete';
 import { IressDropdownMenuProps } from '../DropdownMenu';
 export declare const useDropdownMenuFlags: ({ debouncedQuery, loading, results, searchable, visibleResetButton, }: Omit<AutocompleteSearchHookReturn, "clearError" | "error" | "startSearch" | "stopSearch"> & Pick<IressDropdownMenuProps, "searchable" | "visibleResetButton">) => {
     showHeader: string | boolean | undefined;
+    showLoading: boolean;
     showNoResults: string | false;
     showResults: boolean;
 };

package/dist/patterns/DropdownMenu/hooks/useDropdownMenuFlags.js

@@ -4,6 +4,7 @@ var t = ({ debouncedQuery: t, loading: n, results: r, searchable: i, visibleRese
 	let o = e(() => i || a, [i, a]), s = e(() => !!r.length, [r]);
 	return {
 		showHeader: o,
+		showLoading: e(() => n && !r.length, [n, r.length]),
 		showNoResults: e(() => r.length === 0 && !n && t, [
 			t,
 			n,

package/dist/patterns/Form/FormField/FormFieldset.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Control, FieldPath, FieldPathValue, FieldValues, UseControllerProps } from 'react-hook-form';
-import { IressFieldGroupProps } from '../../../components/Field';
+import { IressFieldGroupProps } from '../../../components/FieldGroup';
 import { CustomRules } from './helpers/transformCustomRulesToValidateRule';
 import { FormFieldRenderProps } from './FormField';
 export interface IressFormFieldsetProps<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>> extends Omit<IressFieldGroupProps, 'children' | 'htmlFor' | 'required' | 'join' | 'inline'>, Omit<UseControllerProps<T, FieldPath<T>>, 'disabled'> {

package/dist/patterns/Form/FormField/FormFieldset.js

@@ -1,5 +1,5 @@
 import { FormContext as e } from "../FormContext.js";
-import { IressFieldGroup as t } from "../../../components/Field/FieldGroup/FieldGroup.js";
+import { IressFieldGroup as t } from "../../../components/FieldGroup/FieldGroup.js";
 import { getErrorTypeMessage as n } from "./helpers/getErrorTypeMessage.js";
 import { transformCustomRulesToValidateRule as r } from "./helpers/transformCustomRulesToValidateRule.js";
 import { useFieldRenderProps as i } from "./hooks/useFieldRenderProps.js";