@iress-oss/ids-components 6.0.0-alpha.16 → 6.0.0-alpha.17

package/dist/components/Progress/Progress.js

@@ -1,57 +1,59 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { stringReplacer as P } from "../../helpers/formatting/stringReplacer.js";
-import { c as v } from "../../css-DNdLYQld.js";
-import { c as y } from "../../cx-DN21T1EH.js";
-import { progress as S } from "./Progress.styles.js";
-import { s as n } from "../../factory-CsinCTPr.js";
-import { s as b } from "../../is-valid-prop-DweT-eOL.js";
-import { GlobalCSSClass as x } from "../../enums.js";
-import { t as C } from "../../index-Bm5rQqn5.js";
-const N = ({
-  borderRadius: e,
-  className: p,
+import { c as y } from "../../css-DNdLYQld.js";
+import { c as S } from "../../cx-DN21T1EH.js";
+import { progress as b } from "./Progress.styles.js";
+import { s as p } from "../../factory-CsinCTPr.js";
+import { s as x } from "../../is-valid-prop-DweT-eOL.js";
+import { GlobalCSSClass as C } from "../../enums.js";
+import { t as N } from "../../index-Bm5rQqn5.js";
+const h = ({
+  backgroundImage: e,
+  borderRadius: t,
+  className: c,
   max: r = 100,
   min: s,
-  sectionTitle: c = "Progress is {{current}} of {{max}}",
-  style: f,
+  sectionTitle: f = "Progress is {{current}} of {{max}}",
+  style: u,
   value: g = 0,
-  ...u
+  ...d
 }) => {
-  const [d, t] = b(u), a = y(
-    p,
-    v(S.raw(), d),
-    x.Progress
-  ), o = Math.min(Math.max(g, s ?? 0), r), i = () => P(c, [
+  const [v, a] = x(d), i = S(
+    c,
+    y(b.raw(), v),
+    C.Progress
+  ), o = Math.min(Math.max(g, s ?? 0), r), l = () => P(f, [
     { name: "{{current}}", value: String(o) },
     { name: "{{max}}", value: r.toString() }
-  ]), l = {
-    "--iress-border-radius": e ? C(`radii.${e}`) : void 0,
-    ...f
+  ]), m = {
+    "--iress-border-radius": t ? N(`radii.${t}`) : void 0,
+    "--iress-background-image": e ? `url(${e})` : void 0,
+    ...u
   };
-  return s !== void 0 ? /* @__PURE__ */ m(
-    n.meter,
+  return s !== void 0 ? /* @__PURE__ */ n(
+    p.meter,
     {
-      "aria-label": i(),
-      className: a,
+      "aria-label": l(),
+      className: i,
       max: r,
       min: s,
       value: o,
-      ...t,
-      style: l
+      ...a,
+      style: m
     }
-  ) : /* @__PURE__ */ m(
-    n.progress,
+  ) : /* @__PURE__ */ n(
+    p.progress,
     {
-      "aria-label": i(),
-      className: a,
+      "aria-label": l(),
+      className: i,
       max: r,
       value: o,
-      ...t,
-      style: l
+      ...a,
+      style: m
     }
   );
 };
-N.displayName = "IressProgress";
+h.displayName = "IressProgress";
 export {
-  N as IressProgress
+  h as IressProgress
 };

package/dist/components/Progress/Progress.styles.js

@@ -18,6 +18,9 @@ const e = r({
     _progressValue: {
       appearance: "none",
       bg: "[currentColor]",
+      backgroundImage: "var(--iress-background-image)",
+      backgroundSize: "cover",
+      backgroundPosition: "center",
       borderRadius: "var(--iress-border-radius)",
       margin: "spacing.0",
       transition: "all"
@@ -25,6 +28,9 @@ const e = r({
     _mozProgressValue: {
       appearance: "none",
       bg: "[currentColor]",
+      backgroundImage: "var(--iress-background-image)",
+      backgroundSize: "cover",
+      backgroundPosition: "center",
       borderRadius: "var(--iress-border-radius)",
       margin: "spacing.0",
       transition: "all"

package/dist/components/Slideout/Slideout.js

@@ -230,7 +230,7 @@ const xe = ({
     ...H.getFloatingProps(Y),
     onTransitionEnd: K
   };
-  return /* @__PURE__ */ _(ie, { root: t, children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ _(ie, { root: t ?? E?.container, children: /* @__PURE__ */ _(
     fe,
     {
       ...Z,

package/dist/components/Slideout/Slideout.styles.js

@@ -24,7 +24,8 @@ const i = t({
     },
     content: {
       overflow: "auto",
-      flex: "[1 1 auto]"
+      flex: "[1 1 auto]",
+      scrollable: "y"
     },
     footer: {
       borderBlockStart: "divider"

package/dist/components/Spinner/Spinner.d.ts

@@ -1,12 +1,31 @@
 import { IressIconProps } from '../Icon';
-export interface IressSpinnerProps extends Omit<IressIconProps, 'name'> {
+import { IressStyledProps } from '../../types';
+type IressSpinnerDefaultProps = Omit<IressIconProps, 'name'> & {
     /**
      * Spin speed of spinner.
      * @default half
      **/
     spin?: IressIconProps['spin'];
-}
+    /**
+     * Variant of spinner.
+     * - 'default': Standard rotating spinner
+     **/
+    variant?: 'default';
+};
+type IressSpinnerChattyProps = IressStyledProps<'span'> & {
+    /**
+     * Variant of spinner.
+     * - 'chatty': Animated dots for chatting/typing indicator
+     **/
+    variant: 'chatty';
+    /**
+     * Screen reader text for the chatty spinner.
+     */
+    screenreaderText: string;
+};
+export type IressSpinnerProps = IressSpinnerDefaultProps | IressSpinnerChattyProps;
 export declare const IressSpinner: {
-    ({ className, spin, ...restProps }: IressSpinnerProps): import("react/jsx-runtime").JSX.Element;
+    (props: IressSpinnerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export {};

package/dist/components/Spinner/Spinner.js

@@ -1,23 +1,39 @@
-import { jsx as m } from "react/jsx-runtime";
-import { GlobalCSSClass as n } from "../../enums.js";
-import { IressIcon as e } from "../Icon/Icon.js";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { GlobalCSSClass as e } from "../../enums.js";
+import { IressIcon as N } from "../Icon/Icon.js";
 import "../Icon/Icon.styles.js";
-import { spinner as i } from "./Spinner.styles.js";
-import { c as p } from "../../cx-DN21T1EH.js";
-const t = ({
-  className: r,
-  spin: s = "half",
-  ...o
-}) => /* @__PURE__ */ m(
-  e,
-  {
-    ...o,
-    className: p(r, i(), n.Spinner),
-    name: "spinner-third",
-    spin: s
+import { chatty as d, spinner as f } from "./Spinner.styles.js";
+import { c as n } from "../../cx-DN21T1EH.js";
+const S = (r) => {
+  if (r.variant === "chatty") {
+    const { className: c, screenreaderText: i, ...l } = r, s = d();
+    return /* @__PURE__ */ p(
+      "span",
+      {
+        className: n(c, s.root, e.Spinner),
+        "aria-label": i,
+        role: "status",
+        ...l,
+        children: [
+          /* @__PURE__ */ a("span", { className: s.dot }),
+          /* @__PURE__ */ a("span", { className: s.dot }),
+          /* @__PURE__ */ a("span", { className: s.dot })
+        ]
+      }
+    );
   }
-);
-t.displayName = "IressSpinner";
+  const { className: t, spin: o = "half", ...m } = r;
+  return /* @__PURE__ */ a(
+    N,
+    {
+      ...m,
+      className: n(t, f(), e.Spinner),
+      name: "spinner-third",
+      spin: o
+    }
+  );
+};
+S.displayName = "IressSpinner";
 export {
-  t as IressSpinner
+  S as IressSpinner
 };

package/dist/components/Spinner/Spinner.styles.d.ts

@@ -1 +1,2 @@
 export declare const spinner: import('../../styled-system/types').RecipeRuntimeFn<{}>;
+export declare const chatty: import('../../styled-system/types').SlotRecipeRuntimeFn<"root" | "dot", import('../../styled-system/types').SlotRecipeVariantRecord<"root" | "dot">>;

package/dist/components/Spinner/Spinner.styles.js

@@ -1,11 +1,37 @@
-import { c as a } from "../../cva-DtPMccE9.js";
-const o = a({
+import { c as i } from "../../cva-DtPMccE9.js";
+import { s as t } from "../../sva-B7kca5XO.js";
+const o = i({
   base: {
     boxSizing: "border-box"
   },
-  variants: {},
-  defaultVariants: {}
+  variants: {}
+}), e = t({
+  slots: ["root", "dot"],
+  base: {
+    root: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "spacing.1"
+    },
+    dot: {
+      width: "[0.5em]",
+      height: "[0.5em]",
+      borderRadius: "50%",
+      bg: "colour.neutral.50",
+      animation: "chatty 1.4s infinite ease-in-out",
+      "&:nth-child(1)": {
+        animationDelay: "0s"
+      },
+      "&:nth-child(2)": {
+        animationDelay: "0.2s"
+      },
+      "&:nth-child(3)": {
+        animationDelay: "0.4s"
+      }
+    }
+  }
 });
 export {
+  e as chatty,
   o as spinner
 };

package/dist/components/Spinner/index.js

@@ -1,6 +1,7 @@
 import { IressSpinner as n } from "./Spinner.js";
-import { spinner as p } from "./Spinner.styles.js";
+import { chatty as p, spinner as t } from "./Spinner.styles.js";
 export {
   n as IressSpinner,
-  p as spinner
+  p as chatty,
+  t as spinner
 };

package/dist/main.js

@@ -12,7 +12,7 @@ import { buttonGroup as L } from "./components/ButtonGroup/ButtonGroup.styles.js
 import { useButtonGroupItem as E } from "./components/ButtonGroup/hooks/useButtonGroupItem.js";
 import { IressButtonCard as A, IressCard as P, IressLinkCard as v } from "./components/Card/Card.js";
 import { card as M } from "./components/Card/Card.styles.js";
-import { IressCheckbox as _ } from "./components/Checkbox/Checkbox.js";
+import { IressCheckbox as y } from "./components/Checkbox/Checkbox.js";
 import { checkbox as N } from "./components/Checkbox/Checkbox.styles.js";
 import { CheckboxGroupContext as D, IressCheckboxGroup as H, getCheckboxGroupContext as V } from "./components/CheckboxGroup/CheckboxGroup.js";
 import { checkboxGroup as U } from "./components/CheckboxGroup/CheckboxGroup.styles.js";
@@ -38,7 +38,7 @@ import { inline as Er } from "./components/Inline/Inline.styles.js";
 import { IressInline as Ar } from "./components/Inline/Inline.js";
 import { IressInput as vr } from "./components/Input/Input.js";
 import { input as Mr } from "./components/Input/Input.styles.js";
-import { IressInputCurrency as _r } from "./components/InputCurrency/InputCurrency.js";
+import { IressInputCurrency as yr } from "./components/InputCurrency/InputCurrency.js";
 import { IressLabel as Nr } from "./components/Label/Label.js";
 import { label as Dr } from "./components/Label/Label.styles.js";
 import { IressLink as Vr } from "./components/Link/Link.js";
@@ -64,7 +64,7 @@ import { usePopoverItem as ho } from "./components/Popover/hooks/usePopoverItem.
 import { IressProgress as Po } from "./components/Progress/Progress.js";
 import { progress as Fo } from "./components/Progress/Progress.styles.js";
 import { I as Bo } from "./Provider-B87u_maF.js";
-import { IressRadio as yo } from "./components/Radio/Radio.js";
+import { IressRadio as _o } from "./components/Radio/Radio.js";
 import { radio as Oo } from "./components/Radio/Radio.styles.js";
 import { IressRadioGroup as Ho, RadioGroupContext as Vo, getRadioGroupContext as wo } from "./components/RadioGroup/RadioGroup.js";
 import { radioGroup as Zo } from "./components/RadioGroup/RadioGroup.styles.js";
@@ -90,65 +90,65 @@ import { IressSkipLink as he } from "./components/SkipLink/SkipLink.js";
 import { skipLink as Pe } from "./components/SkipLink/SkipLink.styles.js";
 import { IressSlideout as Fe } from "./components/Slideout/Slideout.js";
 import { slideout as Be } from "./components/Slideout/Slideout.styles.js";
-import { IressSlideoutProvider as ye } from "./components/Slideout/SlideoutProvider.js";
+import { IressSlideoutProvider as _e } from "./components/Slideout/SlideoutProvider.js";
 import { SlideoutContext as Oe, useSlideout as De } from "./components/Slideout/hooks/useSlideout.js";
 import { IressSlider as Ve } from "./components/Slider/Slider.js";
 import { slider as Ue } from "./components/Slider/Slider.styles.js";
 import { IressSpinner as Ke } from "./components/Spinner/Spinner.js";
-import { spinner as Qe } from "./components/Spinner/Spinner.styles.js";
-import { stack as Ye } from "./components/Stack/Stack.styles.js";
-import { IressStack as qe } from "./components/Stack/Stack.js";
-import { IressStyled as Je } from "./components/Styled/Styled.js";
-import { IressTable as rt } from "./components/Table/Table.js";
-import { table as et, tableCell as tt } from "./components/Table/Table.styles.js";
-import { IressTableBody as pt } from "./components/Table/TableBody/TableBody.js";
-import { IressTableFormattedValue as xt } from "./components/Table/TableFormattedValue/TableFormattedValue.js";
-import { useTable as It } from "./components/Table/hooks/useTable.js";
-import { IressTabSet as lt } from "./components/TabSet/TabSet.js";
-import { tabSet as nt } from "./components/TabSet/TabSet.styles.js";
-import { IressTab as ut } from "./components/TabSet/Tab/Tab.js";
-import { tab as ct } from "./components/TabSet/Tab/Tab.styles.js";
-import { IressTag as Tt } from "./components/Tag/Tag.js";
-import { tag as gt } from "./components/Tag/Tag.styles.js";
-import { IressTagInput as Gt } from "./components/Tag/TagInput/TagInput.js";
-import { text as Rt } from "./components/Text/Text.styles.js";
-import { IressText as ht } from "./components/Text/Text.js";
-import { IressToasterProvider as Pt } from "./components/Toaster/ToasterProvider.js";
-import { ToasterContext as Ft, useToaster as Mt } from "./components/Toaster/hooks/useToaster.js";
+import { chatty as Qe, spinner as We } from "./components/Spinner/Spinner.styles.js";
+import { stack as je } from "./components/Stack/Stack.styles.js";
+import { IressStack as ze } from "./components/Stack/Stack.js";
+import { IressStyled as $e } from "./components/Styled/Styled.js";
+import { IressTable as ot } from "./components/Table/Table.js";
+import { table as tt, tableCell as st } from "./components/Table/Table.styles.js";
+import { IressTableBody as mt } from "./components/Table/TableBody/TableBody.js";
+import { IressTableFormattedValue as ft } from "./components/Table/TableFormattedValue/TableFormattedValue.js";
+import { useTable as at } from "./components/Table/hooks/useTable.js";
+import { IressTabSet as it } from "./components/TabSet/TabSet.js";
+import { tabSet as dt } from "./components/TabSet/TabSet.styles.js";
+import { IressTab as St } from "./components/TabSet/Tab/Tab.js";
+import { tab as Ct } from "./components/TabSet/Tab/Tab.styles.js";
+import { IressTag as bt } from "./components/Tag/Tag.js";
+import { tag as kt } from "./components/Tag/Tag.styles.js";
+import { IressTagInput as Lt } from "./components/Tag/TagInput/TagInput.js";
+import { text as Et } from "./components/Text/Text.styles.js";
+import { IressText as At } from "./components/Text/Text.js";
+import { IressToasterProvider as vt } from "./components/Toaster/ToasterProvider.js";
+import { ToasterContext as Mt, useToaster as Bt } from "./components/Toaster/hooks/useToaster.js";
 import { toaster as _t } from "./components/Toaster/Toaster.styles.js";
-import { toast as Nt } from "./components/Toaster/components/Toast/Toast.styles.js";
-import { IressToggle as Dt } from "./components/Toggle/Toggle.js";
-import { toggle as Vt } from "./components/Toggle/Toggle.styles.js";
-import { IressTooltip as Ut } from "./components/Tooltip/Tooltip.js";
-import { tooltip as Kt } from "./components/Tooltip/Tooltip.styles.js";
-import { IressValidationMessage as Qt } from "./components/ValidationMessage/ValidationMessage.js";
-import { IressValidationLink as Yt } from "./components/ValidationMessage/ValidationLink/ValidationLink.js";
-import { IressValidationSummary as qt } from "./components/ValidationMessage/ValidationSummary/ValidationSummary.js";
-import { IressForm as Jt } from "./patterns/Form/Form.js";
-import { IressFormField as rs } from "./patterns/Form/FormField/FormField.js";
-import { IressFormFieldset as es } from "./patterns/Form/FormField/FormFieldset.js";
-import { IressFormValidationSummary as ss } from "./patterns/Form/FormValidationSummary/FormValidationSummary.js";
-import { IressHookForm as ms } from "./patterns/Form/HookForm/HookForm.js";
-import { IressLoading as fs } from "./patterns/Loading/Loading.js";
-import { IressLoadingSuspense as as } from "./patterns/Loading/LoadingSuspense.js";
-import { IressShadow as is } from "./patterns/Shadow/Shadow.js";
-import { BREAKPOINTS as ds, BREAKPOINT_DETAILS as us, FOCUSABLE_QUERY_SELECTOR as Ss, FORM_ELEMENT_WIDTHS as cs, GRID_SIZE as Cs, HORIZONTAL_ALIGNS as Ts, STATUSES as bs, TEXT_ALIGNS as gs, VERTICAL_ALIGNS as ks, Z_INDEX as Gs } from "./constants.js";
-import { GlobalCSSClass as Rs } from "./enums.js";
-import { toArray as hs } from "./helpers/formatting/toArray.js";
-import { iressCss as Ps } from "./helpers/styling/iressCss.js";
-import { useBreakpoint as Fs } from "./hooks/useBreakpoint.js";
-import { useControlledState as Bs } from "./hooks/useControlledState.js";
-import { useIdIfNeeded as ys } from "./hooks/useIdIfNeeded.js";
-import { useResponsiveProps as Os } from "./hooks/useResponsiveProps.js";
+import { toast as Ot } from "./components/Toaster/components/Toast/Toast.styles.js";
+import { IressToggle as Ht } from "./components/Toggle/Toggle.js";
+import { toggle as wt } from "./components/Toggle/Toggle.styles.js";
+import { IressTooltip as Zt } from "./components/Tooltip/Tooltip.js";
+import { tooltip as Xt } from "./components/Tooltip/Tooltip.styles.js";
+import { IressValidationMessage as Wt } from "./components/ValidationMessage/ValidationMessage.js";
+import { IressValidationLink as jt } from "./components/ValidationMessage/ValidationLink/ValidationLink.js";
+import { IressValidationSummary as zt } from "./components/ValidationMessage/ValidationSummary/ValidationSummary.js";
+import { IressForm as $t } from "./patterns/Form/Form.js";
+import { IressFormField as os } from "./patterns/Form/FormField/FormField.js";
+import { IressFormFieldset as ts } from "./patterns/Form/FormField/FormFieldset.js";
+import { IressFormValidationSummary as ps } from "./patterns/Form/FormValidationSummary/FormValidationSummary.js";
+import { IressHookForm as xs } from "./patterns/Form/HookForm/HookForm.js";
+import { IressLoading as Is } from "./patterns/Loading/Loading.js";
+import { IressLoadingSuspense as ls } from "./patterns/Loading/LoadingSuspense.js";
+import { IressShadow as ns } from "./patterns/Shadow/Shadow.js";
+import { BREAKPOINTS as us, BREAKPOINT_DETAILS as Ss, FOCUSABLE_QUERY_SELECTOR as cs, FORM_ELEMENT_WIDTHS as Cs, GRID_SIZE as Ts, HORIZONTAL_ALIGNS as bs, STATUSES as gs, TEXT_ALIGNS as ks, VERTICAL_ALIGNS as Gs, Z_INDEX as Ls } from "./constants.js";
+import { GlobalCSSClass as Es } from "./enums.js";
+import { toArray as As } from "./helpers/formatting/toArray.js";
+import { iressCss as vs } from "./helpers/styling/iressCss.js";
+import { useBreakpoint as Ms } from "./hooks/useBreakpoint.js";
+import { useControlledState as ys } from "./hooks/useControlledState.js";
+import { useIdIfNeeded as Ns } from "./hooks/useIdIfNeeded.js";
+import { useResponsiveProps as Ds } from "./hooks/useResponsiveProps.js";
 export {
-  ds as BREAKPOINTS,
-  us as BREAKPOINT_DETAILS,
+  us as BREAKPOINTS,
+  Ss as BREAKPOINT_DETAILS,
   D as CheckboxGroupContext,
-  Ss as FOCUSABLE_QUERY_SELECTOR,
-  cs as FORM_ELEMENT_WIDTHS,
-  Cs as GRID_SIZE,
-  Rs as GlobalCSSClass,
-  Ts as HORIZONTAL_ALIGNS,
+  cs as FOCUSABLE_QUERY_SELECTOR,
+  Cs as FORM_ELEMENT_WIDTHS,
+  Ts as GRID_SIZE,
+  Es as GlobalCSSClass,
+  bs as HORIZONTAL_ALIGNS,
   e as IressAlert,
   m as IressAutocomplete,
   n as IressBadge,
@@ -156,7 +156,7 @@ export {
   A as IressButtonCard,
   k as IressButtonGroup,
   P as IressCard,
-  _ as IressCheckbox,
+  y as IressCheckbox,
   H as IressCheckboxGroup,
   b as IressCloseButton,
   Q as IressCol,
@@ -166,23 +166,23 @@ export {
   mr as IressField,
   ar as IressFieldGroup,
   dr as IressFilter,
-  Jt as IressForm,
-  rs as IressFormField,
-  es as IressFormFieldset,
-  ss as IressFormValidationSummary,
+  $t as IressForm,
+  os as IressFormField,
+  ts as IressFormFieldset,
+  ps as IressFormValidationSummary,
   Sr as IressHide,
-  ms as IressHookForm,
+  xs as IressHookForm,
   Cr as IressIcon,
   kr as IressImage,
   Ar as IressInline,
   vr as IressInput,
-  _r as IressInputCurrency,
+  yr as IressInputCurrency,
   Go as IressInputPopover,
   Nr as IressLabel,
   Vr as IressLink,
   v as IressLinkCard,
-  fs as IressLoading,
-  as as IressLoadingSuspense,
+  Is as IressLoading,
+  ls as IressLoadingSuspense,
   Kr as IressMenu,
   Yr as IressMenuDivider,
   Jr as IressMenuHeading,
@@ -195,7 +195,7 @@ export {
   To as IressPopover,
   Po as IressProgress,
   Bo as IressProvider,
-  yo as IressRadio,
+  _o as IressRadio,
   Ho as IressRadioGroup,
   Xo as IressReadonly,
   x as IressRichSelect,
@@ -210,43 +210,44 @@ export {
   xe as IressSelectSearch,
   Ie as IressSelectSearchInput,
   le as IressSelectTags,
-  is as IressShadow,
+  ns as IressShadow,
   Ge as IressSkeleton,
   he as IressSkipLink,
   Fe as IressSlideout,
-  ye as IressSlideoutProvider,
+  _e as IressSlideoutProvider,
   Ve as IressSlider,
   Ke as IressSpinner,
-  qe as IressStack,
-  Je as IressStyled,
-  ut as IressTab,
-  lt as IressTabSet,
-  rt as IressTable,
-  pt as IressTableBody,
-  xt as IressTableFormattedValue,
-  Tt as IressTag,
-  Gt as IressTagInput,
-  ht as IressText,
-  Pt as IressToasterProvider,
-  Dt as IressToggle,
-  Ut as IressTooltip,
-  Yt as IressValidationLink,
-  Qt as IressValidationMessage,
-  qt as IressValidationSummary,
+  ze as IressStack,
+  $e as IressStyled,
+  St as IressTab,
+  it as IressTabSet,
+  ot as IressTable,
+  mt as IressTableBody,
+  ft as IressTableFormattedValue,
+  bt as IressTag,
+  Lt as IressTagInput,
+  At as IressText,
+  vt as IressToasterProvider,
+  Ht as IressToggle,
+  Zt as IressTooltip,
+  jt as IressValidationLink,
+  Wt as IressValidationMessage,
+  zt as IressValidationSummary,
   xo as ModalContext,
   Vo as RadioGroupContext,
-  bs as STATUSES,
+  gs as STATUSES,
   Oe as SlideoutContext,
-  gs as TEXT_ALIGNS,
-  Ft as ToasterContext,
-  ks as VERTICAL_ALIGNS,
-  Gs as Z_INDEX,
+  ks as TEXT_ALIGNS,
+  Mt as ToasterContext,
+  Gs as VERTICAL_ALIGNS,
+  Ls as Z_INDEX,
   s as alert,
   I as autoComplete,
   u as badge,
   C as button,
   L as buttonGroup,
   M as card,
+  Qe as chatty,
   N as checkbox,
   U as checkboxGroup,
   K as col,
@@ -261,7 +262,7 @@ export {
   Lr as image,
   Er as inline,
   Mr as input,
-  Ps as iressCss,
+  vs as iressCss,
   Dr as label,
   Ur as link,
   Qr as menu,
@@ -279,30 +280,30 @@ export {
   Pe as skipLink,
   Be as slideout,
   Ue as slider,
-  Qe as spinner,
-  Ye as stack,
-  ct as tab,
-  nt as tabSet,
-  et as table,
-  tt as tableCell,
-  gt as tag,
-  Rt as text,
-  hs as toArray,
-  Nt as toast,
+  We as spinner,
+  je as stack,
+  Ct as tab,
+  dt as tabSet,
+  tt as table,
+  st as tableCell,
+  kt as tag,
+  Et as text,
+  As as toArray,
+  Ot as toast,
   _t as toaster,
-  Vt as toggle,
-  Kt as tooltip,
+  wt as toggle,
+  Xt as tooltip,
   l as useAutocompleteSearch,
-  Fs as useBreakpoint,
+  Ms as useBreakpoint,
   E as useButtonGroupItem,
-  Bs as useControlledState,
-  ys as useIdIfNeeded,
+  ys as useControlledState,
+  Ns as useIdIfNeeded,
   fo as useModal,
   Ro as usePopover,
   ho as usePopoverItem,
-  Os as useResponsiveProps,
+  Ds as useResponsiveProps,
   jo as useRichSelectState,
   De as useSlideout,
-  It as useTable,
-  Mt as useToaster
+  at as useTable,
+  Bt as useToaster
 };

package/dist/patterns/Loading/Loading.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const loading: import('../../styled-system/types').SlotRecipeRuntimeFn<"overlay" | "message" | "root" | "critical", {
+export declare const loading: import('../../styled-system/types').SlotRecipeRuntimeFn<"overlay" | "root" | "message" | "critical", {
     error: {
         true: {
             root: {