@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.2

package/dist/patterns/Shadow/index.js

@@ -0,0 +1,4 @@
+import { IressShadow as e } from "./Shadow.js";
+export {
+  e as IressShadow
+};

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

@@ -54,5 +54,4 @@ export interface IressAlertProps extends Omit<IressTextProps, 'element'> {
      */
     variant?: 'sidebar' | 'site-wide';
 }
-export declare const ALERT_ICONS: Record<SystemValidationStatuses, IressIconProps['name']>;
 export declare const IressAlert: ({ actions, children, className, defaultDismissed, dismissed: dismissedProp, footer, heading, icon: iconProp, onDismiss, status, variant, ...restProps }: IressAlertProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Alert/Alert.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const alert: import('../../styled-system/types').SlotRecipeRuntimeFn<"footer" | "children" | "heading" | "action" | "alert" | "icon" | "wrapper" | "dismiss", {
+export declare const alert: import('../../styled-system/types').SlotRecipeRuntimeFn<"footer" | "alert" | "children" | "heading" | "icon" | "wrapper" | "action" | "dismiss", {
     status: {
         danger: {
             alert: {
@@ -108,7 +108,7 @@ export declare const alert: import('../../styled-system/types').SlotRecipeRuntim
                 borderBottomLeftRadius: "radius.000";
                 borderWidth: "[0]";
                 borderLeftWidth: "[2.5px]";
-                paddingBlock: "spacing.400";
+                paddingBlock: "spacing.4";
             };
         };
         'site-wide': {

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

@@ -5,7 +5,7 @@ import { ReactNode, SyntheticEvent } from 'react';
 import { InputRef } from '../Input/InputBase/InputBase';
 import { IressSelectMenuProps } from '../RichSelect';
 import { LabelValueMeta } from '../../interfaces';
-import { FormControlValue } from '../../main';
+import { FormControlValue } from '../../types';
 export interface IressAutocompleteProps<T extends FormControlValue = string> extends Omit<IressInputProps<T>, 'children' | 'onChange'>, Omit<AutocompleteSearchHookProps, 'query'>, Pick<IressSelectMenuProps, 'limitMobile' | 'limitDesktop'> {
     /**
      * Always shown on focus, even if the user has not interacted with the input.

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

@@ -1,4 +1,4 @@
-import { FormattedLabelValueMeta, LabelValueMeta } from '../../../main';
+import { FormattedLabelValueMeta, LabelValueMeta } from '../../../interfaces';
 export interface AutocompleteSearchHookProps {
     /**
      * Time in milliseconds to wait for before performing result search. Only applies to searchable options (function).

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

@@ -1,2 +1,3 @@
 export * from './Autocomplete';
+export * from './Autocomplete.styles';
 export * from './hooks/useAutocompleteSearch';

package/dist/src/components/Badge/Badge.styles.d.ts

@@ -3,8 +3,8 @@ export declare const badge: import('../../styled-system/types').SlotRecipeRuntim
         true: {
             badge: {
                 position: "absolute";
-                insetBlockStart: "spacing.000";
-                insetInlineEnd: "spacing.000";
+                insetBlockStart: "spacing.0";
+                insetInlineEnd: "spacing.0";
                 zIndex: "100";
                 transformOrigin: "100% 0";
                 borderRadius: "radius.100";

package/dist/src/components/Card/Card.styles.d.ts

@@ -56,7 +56,7 @@ export declare const card: import('../../styled-system/types').SlotRecipeRuntime
                 gridTemplateAreas: "\"prepend body topRight\" \"footer footer footer\"";
                 gridAutoColumns: "[minmax(0, min-content) auto min-content]";
                 gridAutoRows: "[auto min-content]";
-                padding: "spacing.000";
+                padding: "spacing.0";
             };
         };
     };
@@ -69,7 +69,7 @@ export declare const card: import('../../styled-system/types').SlotRecipeRuntime
     hasMedia: {
         true: {
             root: {
-                padding: "spacing.000";
+                padding: "spacing.0";
             };
         };
     };

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

@@ -35,7 +35,9 @@ export interface IressCheckboxProps<T = FormControlValue> extends Omit<IressStyl
     required?: boolean;
     /**
      * Value of the checkbox when used in a checkbox group. The checked state of the checkbox will be overridden based on this value if used inside a checkbox group.
-     * **Note:** The value of the checkbox does not mean if its checked or not, use the checked property for that.
+     * **Note:**
+     * - The value of the checkbox does not mean if its checked or not, use the checked property for that.
+     * - If the value of the checkbox is true/false, and checked is undefined and not inside a CheckboxGroup, it will use this as the checked value. This ensures out-of-the-box compatibility with React Hook Form.
      */
     value?: T;
     /**

package/dist/src/components/Checkbox/Checkbox.styles.d.ts

@@ -5,7 +5,7 @@ export declare const checkbox: import('../../styled-system/types').SlotRecipeRun
                 display: "inline-block";
             };
             mark: {
-                marginInlineEnd: "spacing.000";
+                marginInlineEnd: "spacing.0";
             };
             labelSpan: {
                 srOnly: true;
@@ -16,7 +16,7 @@ export declare const checkbox: import('../../styled-system/types').SlotRecipeRun
         true: {
             label: {
                 position: "relative";
-                padding: "spacing.000";
+                padding: "spacing.0";
                 width: "[100%]";
                 cursor: "pointer";
                 borderRadius: "radius.system.form";
@@ -45,7 +45,7 @@ export declare const checkbox: import('../../styled-system/types').SlotRecipeRun
                 borderStyle: "solid";
                 borderWidth: "1px";
                 borderRadius: "radius.system.form";
-                padding: "spacing.300";
+                padding: "spacing.3";
             };
         };
     };

package/dist/src/components/CheckboxGroup/CheckboxGroup.styles.d.ts

@@ -3,7 +3,7 @@ export declare const checkboxGroup: import('../../styled-system/types').RecipeRu
         block: {
             display: "flex";
             flexWrap: "wrap";
-            rowGap: "spacing.200";
+            rowGap: "spacing.2";
             '& label': {
                 display: "flex";
                 flexBasis: "[100%]";
@@ -18,7 +18,7 @@ export declare const checkboxGroup: import('../../styled-system/types').RecipeRu
         stack: {
             display: "flex";
             flexWrap: "wrap";
-            rowGap: "spacing.200";
+            rowGap: "spacing.2";
             '& > *': {
                 flexBasis: "[100%]";
             };
@@ -27,8 +27,8 @@ export declare const checkboxGroup: import('../../styled-system/types').RecipeRu
             display: "flex";
             flexFlow: "row wrap";
             width: "[100%]";
-            rowGap: "spacing.200";
-            columnGap: "spacing.400";
+            rowGap: "spacing.2";
+            columnGap: "spacing.4";
         };
     };
     readOnly: {

package/dist/src/components/Expander/Expander.styles.d.ts

@@ -7,11 +7,11 @@ export declare const expander: import('../../styled-system/types').SlotRecipeRun
                 alignItems: "flex-end";
                 width: "[100%]";
                 textStyle: "typography.heading.4";
-                py: "spacing.300";
+                py: "spacing.3";
                 borderBottom: "divider";
                 transition: "[all 0.2s ease-in-out]";
                 _after: {
-                    mr: "spacing.200";
+                    mr: "spacing.2";
                 };
                 _hover: {
                     color: "colour.primary.text";

package/dist/src/components/Field/Field.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const field: import('../../styled-system/types').SlotRecipeRuntimeFn<"footer" | "label" | "element" | "root" | "hint" | "supplementary" | "labelContainer" | "fieldContainer", {
+export declare const field: import('../../styled-system/types').SlotRecipeRuntimeFn<"footer" | "label" | "hint" | "element" | "root" | "supplementary" | "labelContainer" | "fieldContainer", {
     horizontal: {
         true: {
             root: {
@@ -6,7 +6,7 @@ export declare const field: import('../../styled-system/types').SlotRecipeRuntim
                 gridTemplateColumns: "auto 1fr";
                 gridTemplateRows: "auto auto";
                 gridTemplateAreas: "\"label field\" \". footer\"";
-                columnGap: "spacing.200";
+                columnGap: "spacing.2";
                 alignItems: "center";
             };
             labelContainer: {
@@ -18,7 +18,7 @@ export declare const field: import('../../styled-system/types').SlotRecipeRuntim
             };
             footer: {
                 gridArea: "footer";
-                mt: "spacing.100";
+                mt: "spacing.1";
             };
             label: {
                 mb: "none";
@@ -34,6 +34,13 @@ export declare const field: import('../../styled-system/types').SlotRecipeRuntim
             };
         };
     };
+    hasHint: {
+        true: {
+            label: {
+                mb: "spacing.0";
+            };
+        };
+    };
     hiddenLabel: {
         true: {
             label: {
@@ -71,10 +78,10 @@ export declare const field: import('../../styled-system/types').SlotRecipeRuntim
             };
             footer: {
                 position: "absolute";
-                left: "spacing.000";
-                right: "spacing.000";
+                left: "spacing.0";
+                right: "spacing.0";
                 top: "[100%]";
-                mt: "spacing.100";
+                mt: "spacing.1";
             };
         };
     };

package/dist/src/components/Field/FieldGroup/FieldGroup.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const fieldGroup: import('../../../styled-system/types').SlotRecipeRuntimeFn<"legend" | "root" | "hint" | "fields", {
+export declare const fieldGroup: import('../../../styled-system/types').SlotRecipeRuntimeFn<"legend" | "hint" | "root" | "fields", {
     hasError: {
         true: {
             root: {

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

@@ -1,6 +1,5 @@
-import { HorizontalAligns, VerticalAligns, IressStyledProps, ResponsiveProp } from '../../types';
+import { HorizontalAligns, VerticalAligns, IressStyledProps, ResponsiveProp, PositiveSpacingToken } from '../../types';
 import { ReactNode } from 'react';
-import { PositiveSpacingToken } from '../../../theme-preset/tokens/spacing';
 export interface IressInlineProps extends IressStyledProps {
     /**
      * Content to be displayed inline.

package/dist/src/components/Label/Label.styles.d.ts

@@ -1 +1 @@
-export declare const label: import('../../styled-system/types').SlotRecipeRuntimeFn<"text" | "required" | "root", import('../../styled-system/types').SlotRecipeVariantRecord<"text" | "required" | "root">>;
+export declare const label: import('../../styled-system/types').SlotRecipeRuntimeFn<"text" | "root" | "required", import('../../styled-system/types').SlotRecipeVariantRecord<"text" | "root" | "required">>;

package/dist/src/components/Menu/Menu.styles.d.ts

@@ -33,8 +33,8 @@ export declare const menu: import('../../styled-system/types').SlotRecipeRuntime
     insidePopover: {
         true: {
             root: {
-                my: "spacing.200";
-                px: "spacing.200";
+                my: "spacing.2";
+                px: "spacing.2";
             };
         };
     };
@@ -52,13 +52,13 @@ export declare const menu: import('../../styled-system/types').SlotRecipeRuntime
                 display: "inline-flex";
                 flexWrap: "wrap";
                 flexDirection: "column";
-                rowGap: "spacing.100";
+                rowGap: "spacing.1";
             };
         };
         inline: {
             root: {
                 display: "inline-flex";
-                columnGap: "spacing.100";
+                columnGap: "spacing.1";
                 flexWrap: "wrap";
             };
             item: {
@@ -71,7 +71,7 @@ export declare const menu: import('../../styled-system/types').SlotRecipeRuntime
             root: {
                 display: "flex";
                 flexDirection: "row";
-                columnGap: "spacing.100";
+                columnGap: "spacing.1";
                 '& > :not(hr)': {
                     flex: "1";
                     textAlign: "center";

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

@@ -12,14 +12,20 @@ export declare const modal: import('../../styled-system/types').SlotRecipeRuntim
             modal: {
                 display: "flex";
                 flexDirection: "column";
-                maxHeight: "[calc(100vh - ({spacing.spacing.700} * 2))]";
+                maxHeight: "[calc(100vh - ({spacing.spacing.7} * 2))]";
+                '@media (min-height: 600px)': {
+                    maxHeight: "[calc(100vh - (100px * 2))]";
+                };
                 overflow: "clip";
             };
             content: {
                 flex: "[1]";
                 overflowX: "hidden";
                 overflowY: "auto";
-                maxHeight: "[calc(100vh - ({spacing.spacing.700} * 2))]";
+                maxHeight: "[calc(100vh - ({spacing.spacing.7} * 2))]";
+                '@media (min-height: 600px)': {
+                    maxHeight: "[calc(100vh - (100px * 2))]";
+                };
             };
             footer: {
                 flex: "[0]";

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

@@ -1,20 +1,5 @@
 import { PropsWithChildren } from 'react';
 import { FloatingUIContainer } from '../../types';
-export interface ModalContextValue {
-    /**
-     * An array of modal IDs that are currently open.
-     */
-    opened: string[];
-    /**
-     * The container element to render the modal into.
-     * By default, the modal will render at the end of the document body.
-     */
-    container?: FloatingUIContainer;
-    /**
-     * Show or hide a modal by ID.
-     */
-    showModal: (id: string, flag?: boolean) => void;
-}
 export interface IressModalProviderProps extends PropsWithChildren {
     /**
      * The container element to render the modal into.
@@ -22,5 +7,4 @@ export interface IressModalProviderProps extends PropsWithChildren {
      */
     container?: FloatingUIContainer;
 }
-export declare const ModalContext: import('react').Context<ModalContextValue | undefined>;
 export declare const IressModalProvider: ({ children, container, }: IressModalProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Modal/hooks/useModal.d.ts

@@ -1,3 +1,20 @@
+import { FloatingUIContainer } from '../../../types';
+export interface ModalContextValue {
+    /**
+     * An array of modal IDs that are currently open.
+     */
+    opened: string[];
+    /**
+     * The container element to render the modal into.
+     * By default, the modal will render at the end of the document body.
+     */
+    container?: FloatingUIContainer;
+    /**
+     * Show or hide a modal by ID.
+     */
+    showModal: (id: string, flag?: boolean) => void;
+}
+export declare const ModalContext: import('react').Context<ModalContextValue | undefined>;
 export declare const useModal: () => {
     showModal: (id: string, flag?: boolean) => void;
 };

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

@@ -18,7 +18,7 @@ export declare const popover: import('../../styled-system/types').SlotRecipeRunt
         };
     };
     matchActivatorWidth: {
-        true: {
+        false: {
             content: {
                 maxWidth: "[none]";
             };

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

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { PopoverHookReturn } from '../hooks/usePopover';
 export declare const NestedPopoverActivator: ({ children, parentPopover, }: PropsWithChildren & {
     parentPopover?: PopoverHookReturn;
-}) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/src/components/Popover/hooks/usePopover.d.ts

@@ -68,6 +68,10 @@ export interface PopoverHookReturn extends PopoverAriaHookReturn {
      * It is used by other components to manage the aria attributes and keyboard navigation of the items.
      */
     list: MutableRefObject<(HTMLElement | null)[]>;
+    /**
+     * Resets the active index of the popover items, either to the `focusStartIndex` or null
+     */
+    resetActiveIndex: () => void;
     /**
      * Set the current active index of the popover items.
      */

package/dist/src/components/Popover/hooks/usePopoverNavigation.d.ts

@@ -14,7 +14,7 @@ import { IressPopoverProps } from '../Popover';
  */
 export declare const usePopoverNavigation: <RT extends VirtualElement = HTMLButtonElement>(context: FloatingContext<RT>, type?: IressPopoverProps["type"], props?: Partial<UseListNavigationProps>, onNavigate?: (activeIndex: number | null) => void, startIndex?: number) => {
     activeIndex: number | null;
-    list: import('react').MutableRefObject<(HTMLElement | null)[]>;
+    list: import('react').RefObject<(HTMLElement | null)[]>;
     listNav: import('@floating-ui/react').ElementProps;
     setActiveIndex: import('react').Dispatch<import('react').SetStateAction<number | null>>;
 };

package/dist/src/components/Radio/Radio.styles.d.ts

@@ -23,7 +23,7 @@ export declare const radio: import('../../styled-system/types').SlotRecipeRuntim
                 borderStyle: "solid";
                 borderColor: "colour.neutral.40";
                 borderRadius: "radius.050";
-                padding: "spacing.400";
+                padding: "spacing.4";
             };
         };
     };

package/dist/src/components/RadioGroup/RadioGroup.styles.d.ts

@@ -3,7 +3,7 @@ export declare const radioGroup: import('../../styled-system/types').RecipeRunti
         stack: {
             display: "inline-flex";
             flexFlow: "column wrap";
-            rowGap: "spacing.200";
+            rowGap: "spacing.2";
             '& > *': {
                 flexBasis: "[0]";
             };
@@ -11,7 +11,7 @@ export declare const radioGroup: import('../../styled-system/types').RecipeRunti
         block: {
             display: "flex";
             flexFlow: "column wrap";
-            rowGap: "spacing.200";
+            rowGap: "spacing.2";
             '& label': {
                 flexBasis: "[100%]";
             };
@@ -20,7 +20,7 @@ export declare const radioGroup: import('../../styled-system/types').RecipeRunti
             display: "flex";
             flexFlow: "row wrap";
             width: "[100%]";
-            gap: "spacing.200";
+            gap: "spacing.2";
             '& label': {
                 flexBasis: "[auto]";
                 flexGrow: "[0]";
@@ -28,7 +28,7 @@ export declare const radioGroup: import('../../styled-system/types').RecipeRunti
         };
         inlineFlex: {
             display: "inline-flex";
-            gap: "spacing.200";
+            gap: "spacing.2";
         };
         inlineEqualWidth: {
             display: "flex";

package/dist/src/components/Readonly/Readonly.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const readonly: import('../../styled-system/types').SlotRecipeRuntimeFn<"wrapper" | "root" | "addon" | "internal" | "formControl" | "readonly", {
+export declare const readonly: import('../../styled-system/types').SlotRecipeRuntimeFn<"wrapper" | "root" | "addon" | "internal" | "formControl", {
     inline: {
         true: {
             root: {

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

@@ -2,8 +2,11 @@ import { ForwardedRef, ReactElement, ChangeEvent, ReactNode } from 'react';
 import { AutocompleteSearchHookProps } from '../Autocomplete';
 import { IressSelectActivatorProps } from './components/SelectActivator';
 import { SelectHiddenInputRenderProps } from './components/SelectHiddenInput';
-import { ControlledValue, FloatingUIAligns, FormattedLabelValueMeta, IressPopoverProps, LabelValueMeta, PopoverRef, ReactHookFormCompatibleRef } from '../../main';
 import { IressInputProps } from '../Input';
+import { ControlledValue } from '../../hooks';
+import { FormattedLabelValueMeta, LabelValueMeta, ReactHookFormCompatibleRef } from '../../interfaces';
+import { FloatingUIAligns } from '../../types';
+import { IressPopoverProps, PopoverRef } from '../Popover';
 export interface IressRichSelectProps<TMultiple extends boolean = false> extends Omit<AutocompleteSearchHookProps, 'query'>, Omit<IressPopoverProps, 'activator' | 'children' | 'contentClassName' | 'defaultShow' | 'defaultValue' | 'disabledAutoToggle' | 'onChange' | 'matchActivatorWidth' | 'show' | 'width'>, Pick<IressSelectActivatorProps, 'append' | 'prepend' | 'selectedOptionsText'> {
     /**
      * Sets the alignment of the dropdown relative to the activator element.
@@ -90,6 +93,13 @@ export interface IressRichSelectProps<TMultiple extends boolean = false> extends
      * The width of the select.
      */
     width?: IressInputProps['width'];
+    /**
+     * Whether the popover should match the width of the activator element.
+     * When true, the dropdown will have the same width as the select input.
+     * When false, the dropdown will size based on its content.
+     * @default true
+     */
+    matchActivatorWidth?: boolean;
 }
 export interface SelectLabelRenderProps<TMultiple extends boolean = false> {
     /**

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

@@ -2,37 +2,37 @@ export declare const richSelect: import('../../styled-system/types').SlotRecipeR
     width: {
         '2': {
             richSelect: {
-                width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.2})]";
+                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.2})]";
             };
         };
         '4': {
             richSelect: {
-                width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.4})]";
+                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.4})]";
             };
         };
         '6': {
             richSelect: {
-                width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.6})]";
+                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.6})]";
             };
         };
         '8': {
             richSelect: {
-                width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.8})]";
+                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.8})]";
             };
         };
         '10': {
             richSelect: {
-                width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.10})]";
+                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.10})]";
             };
         };
         '12': {
             richSelect: {
-                width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.12})]";
+                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.12})]";
             };
         };
         '16': {
             richSelect: {
-                width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.16})]";
+                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.16})]";
             };
         };
         '25perc': {

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

@@ -1,5 +1,5 @@
-import { IressTextProps } from '../../../main';
 import { ReactNode } from 'react';
+import { IressTextProps } from '../../Text';
 export interface IressSelectBodyProps extends Omit<IressTextProps, 'element'> {
     /**
      * Footer of the select, it will render as fixed (pinned).

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

@@ -1,8 +1,8 @@
 import { IressMenuItemProps, IressMenuProps } from '../../Menu';
 import { ReactNode } from 'react';
-import { FormControlValue, LabelValueMeta } from '../../../main';
 import { ControlledValue } from '../../../hooks';
-import { FormattedLabelValueMeta } from '../../../interfaces';
+import { FormattedLabelValueMeta, LabelValueMeta } from '../../../interfaces';
+import { FormControlValue } from '../../../types';
 export interface IressSelectMenuProps<TMultiple extends boolean = false> extends Omit<IressMenuProps<FormControlValue, TMultiple>, 'children' | 'onChange' | 'selected' | 'type'> {
     /**
      * Heading slot. Often used for a title or description.

package/dist/src/components/RichSelect/SelectMenu/SelectMenuItem.d.ts

@@ -1,2 +1,2 @@
 import { IressSelectMenuItemProps } from './SelectMenu';
-export declare const IressSelectMenuItem: ({ className, divider, formattedLabel, hiddenOnMobile, label, meta, value, append, canToggle, onClick, onKeyDown, prepend, role, selected, "data-testid": dataTestId, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, id, }: IressSelectMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressSelectMenuItem: ({ className, divider, formattedLabel, formattedMeta, hiddenOnMobile, label, meta, value, append, canToggle, onClick, onKeyDown, prepend, role, selected, "data-testid": dataTestId, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, id, }: IressSelectMenuItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,3 @@
-import { IressInputPopoverProps } from '../../../main';
+import { IressInputPopoverProps } from '../../Popover';
 export type IressSelectSearchProps = Omit<IressInputPopoverProps, 'disabledAutoToggle' | 'displayMode' | 'show' | 'width'>;
 export declare const IressSelectSearch: ({ className, contentClassName, contentStyle, onKeyDown, ...restProps }: IressSelectSearchProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
-import { InputRef } from '../../Input';
-import { IressInputProps } from '../../../main';
+import { InputRef, IressInputProps } from '../../Input';
 export interface IressSelectSearchInputProps extends Omit<IressInputProps, 'rows' | 'width'> {
     /**
      * Content to place inside the input when it has no value.

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

@@ -1,7 +1,7 @@
-import { LabelValueMeta } from '../../../main';
 import { ReactNode } from 'react';
 import { IressTextProps } from '../../Text';
 import { IressSelectActivatorProps } from '../components/SelectActivator';
+import { LabelValueMeta } from '../../../interfaces';
 export interface IressSelectTagsProps extends Omit<IressSelectActivatorProps, 'width'>, Omit<IressTextProps, 'element' | 'width'> {
     /**
      * Append content.

package/dist/src/components/RichSelect/SelectTags/SelectTags.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const selectTags: import('../../../styled-system/types').SlotRecipeRuntimeFn<"tag" | "placeholder" | "root" | "append" | "prepend" | "tagsList", {
+export declare const selectTags: import('../../../styled-system/types').SlotRecipeRuntimeFn<"placeholder" | "tag" | "root" | "append" | "prepend" | "tagsList", {
     showDefaultChevron: {
         true: {
             root: {

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

@@ -4,5 +4,5 @@ interface SelectOptionsProps<TMultiple extends boolean = false> extends Pick<Ire
     shouldShowInstructions?: boolean;
     shouldShowNoResults?: boolean;
 }
-export declare const SelectOptions: <TMultiple extends boolean = false>({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, shouldShowInstructions, shouldShowNoResults, value, }: SelectOptionsProps<TMultiple>) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const SelectOptions: <TMultiple extends boolean = false>({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, shouldShowInstructions, shouldShowNoResults, value, }: SelectOptionsProps<TMultiple>) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

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

@@ -1,6 +1,5 @@
-import { HorizontalAligns, IressStyledProps, ResponsiveProp, VerticalAligns } from '../../types';
+import { PositiveSpacingToken, HorizontalAligns, IressStyledProps, ResponsiveProp, VerticalAligns } from '../../types';
 import { ReactNode } from 'react';
-import { PositiveSpacingToken } from '../../../theme-preset/tokens/spacing';
 export interface IressRowProps extends IressStyledProps {
     /**
      * Any content you would like to be contained. Best used with `IressCol`.