react-magma-dom 4.11.0-next.8 → 4.11.0

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

@@ -18,6 +18,10 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default false
      */
     isDismissible?: boolean;
+    /**
+     * Reference to the dismiss button element
+     */
+    dismissibleButtonRef?: React.Ref<HTMLButtonElement>;
     isInverse?: boolean;
     /**
      * Action that fires when the close button is clicked (required when isDismissible is true)

package/dist/components/AlertBase/index.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IconProps } from 'react-magma-icons';
+import { I18nInterface } from '../..';
 export declare const VARIANT_ICON: {
     [name: string]: React.FunctionComponent<IconProps>;
 };
@@ -18,6 +19,7 @@ export interface AlertBaseProps extends React.HTMLAttributes<HTMLDivElement> {
     isExiting?: boolean;
     isDismissed?: boolean;
     isDismissible?: boolean;
+    dismissibleButtonRef?: React.Ref<HTMLButtonElement>;
     isInverse?: boolean;
     isPaused?: boolean;
     isToast?: boolean;
@@ -39,4 +41,5 @@ export declare const AdditionalContentWrapper: import("@emotion/styled").StyledC
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType<any>;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare function getAriaLabelIcon(variant: string, i18n: I18nInterface): string;
 export declare const AlertBase: React.ForwardRefExoticComponent<AlertBaseProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Banner/index.d.ts

@@ -21,6 +21,10 @@ export interface BannerProps extends AlertProps {
      * @default false
      */
     isDismissible?: boolean;
+    /**
+     * Reference to the dismiss button element
+     */
+    dismissibleButtonRef?: React.Ref<HTMLButtonElement>;
     isInverse?: boolean;
 }
 export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Combobox/ComboboxInput.d.ts

@@ -23,6 +23,7 @@ interface ComboboxInputProps<T> {
     onInputKeyUp?: (event: any) => void;
     placeholder?: string;
     selectedItems?: React.ReactNode;
+    selectedItem?: React.ReactNode;
     setReference?: (node: ReferenceType) => void;
     toggleButtonRef?: React.Ref<HTMLButtonElement>;
 }

package/dist/components/DatePicker/CalendarDay.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
 interface CalendarDayProps {
     day: Date;
-    dayFocusable?: boolean;
-    isInverse?: boolean;
-    onDateChange?: (day: Date, event: React.SyntheticEvent) => void;
 }
 export declare const CalendarDay: React.FunctionComponent<CalendarDayProps>;
 export {};

package/dist/components/DatePicker/DateField/DateFieldInput.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { ReferenceType } from '@floating-ui/react-dom';
+import { FormFieldContainerBaseProps } from '../../FormFieldContainer';
+export interface DateFieldInputProps extends Omit<FormFieldContainerBaseProps, 'inputSize' | 'fieldId'> {
+    id?: string;
+    dateFormat?: string;
+    inputStyle?: React.CSSProperties;
+    labelText: React.ReactNode;
+    onIconClick?: (event: React.MouseEvent) => void;
+    setReference?: (node: ReferenceType) => void;
+    iconRef?: React.RefObject<HTMLButtonElement>;
+    isClearable?: boolean;
+    iconAriaLabel?: string;
+    inputRef?: React.RefObject<HTMLDivElement>;
+    inputValue: Date | string;
+    handleDateChange?: (day: Date, event: any) => void;
+    onClearDate?: () => void;
+    onIconKeyDown?: (event: React.KeyboardEvent) => void;
+    onInputBlur?: (event: React.FocusEvent) => void;
+    onInputFocus?: (event: React.FocusEvent) => void;
+    required?: boolean;
+}
+export declare const DateFieldInput: React.FunctionComponent<DateFieldInputProps>;

package/dist/components/DatePicker/DateField/StyledDateFieldInput.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { ThemeInterface } from '../../../theme/magma';
+export declare const InputsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    hasError?: boolean;
+    isInverse?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    theme: ThemeInterface;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IsClearableContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    theme: ThemeInterface;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DateFieldInputContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DatePicker/DateField/useDateField.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface UseDateFieldProps {
+    dateFormat: string;
+}
+export declare enum InputDateFields {
+    Day = "day",
+    Month = "month",
+    Year = "year"
+}
+export declare function useDateField(props: UseDateFieldProps): {
+    allMonthNames: any[];
+    month: string;
+    day: string;
+    year: string;
+    fieldRefs: Record<string, React.RefObject<HTMLInputElement>>;
+    fieldOrder: string[];
+    handleMonthChange: (event: React.ChangeEvent<HTMLInputElement>, hasMonthLongFormat: boolean) => void;
+    handleDayChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleYearChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleFieldKeyDown: (event: React.KeyboardEvent, fieldKey: string, hasMonthLongFormat?: boolean) => void;
+    setMonthValue: React.Dispatch<React.SetStateAction<string>>;
+    setDayValue: React.Dispatch<React.SetStateAction<string>>;
+    setYearValue: React.Dispatch<React.SetStateAction<string>>;
+    onClear: () => void;
+    formatWithLeadingZero: (value: number, maxValue?: number, isYearField?: boolean) => string;
+    getIndexMonth: (prefix: string) => number[];
+};
+export declare type UseDateFieldReturn = ReturnType<typeof useDateField>;

package/dist/components/DatePicker/index.d.ts

@@ -56,7 +56,7 @@ export interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInpu
      */
     minDate?: Date;
     /**
-     * Text for input placeholder
+     * Text for input placeholder. If isDateFieldInput is true, this will be ignored.
      */
     placeholder?: string;
     /**
@@ -72,6 +72,11 @@ export interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInpu
      * Value of the date input, used when setting the date value externally
      */
     value?: Date;
+    /**
+     * If true, the DatePicker will use the DateFieldInput component for input
+     * @default false
+     */
+    isDateFieldInput?: boolean;
     /**
      * Event fired in multiple instances when internal values are changed and can be used as a generic state change event
      */

package/dist/components/DatePicker/utils.d.ts

@@ -12,3 +12,5 @@ export declare function getCurrentMonthAndYear(date: Date, locale: Locale): {
 };
 export declare function setMonthForDate(prevDate: any, numberMonth: number): Date;
 export declare function setYearForDate(prevDate: any, numberYear: number): Date;
+export declare const MAX_YEAR = 2099;
+export declare const MIN_YEAR = 1900;

package/dist/components/LoadingIndicator/index.d.ts

@@ -5,12 +5,12 @@ export interface LoadingIndicatorProps extends React.HTMLAttributes<HTMLDivEleme
      */
     css?: any;
     /**
-     * Message displayed for the first five seconds
+     * Message displayed for the first 5 seconds
      * @default "Loading..."
      */
     message1?: string;
     /**
-     * Message displayed for the first five seconds
+     * Message displayed after 5 seconds
      * @default "Thank you for your patience. Still loading..."
      */
     message2?: string;
@@ -20,7 +20,7 @@ export interface LoadingIndicatorProps extends React.HTMLAttributes<HTMLDivEleme
      */
     message3?: string;
     /**
-     * Message displayed for the first five seconds
+     * Value between 0 and 100 representing the percentage of progress
      * @default 0
      */
     percentage?: number;

package/dist/components/NavTabs/NavTabs.d.ts

@@ -2,7 +2,9 @@ import * as React from 'react';
 import { TabsBorderPosition, TabsIconPosition, TabsProps } from '../Tabs';
 import { Omit } from '../../utils';
 import { TabsOrientation, TabsTextTransform } from '../Tabs/shared';
-export declare type NavTabsProps = Omit<TabsProps, 'onChange'>;
+export interface NavTabsProps extends Omit<TabsProps, 'onChange'> {
+    'aria-label'?: string;
+}
 interface NavTabsContextInterface {
     borderPosition?: TabsBorderPosition;
     iconPosition?: TabsIconPosition;
@@ -12,5 +14,5 @@ interface NavTabsContextInterface {
     textTransform?: TabsTextTransform;
 }
 export declare const NavTabsContext: React.Context<NavTabsContextInterface>;
-export declare const NavTabs: React.ForwardRefExoticComponent<(Pick<TabsProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignment" | "backgroundColor" | "iconPosition" | "isFullWidth" | "isInverse" | "orientation" | "textTransform" | "testId"> & import("../Tabs").HorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (Pick<TabsProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignment" | "backgroundColor" | "iconPosition" | "isFullWidth" | "isInverse" | "orientation" | "textTransform" | "testId"> & import("../Tabs").VerticalTabsProps & React.RefAttributes<HTMLDivElement>)>;
+export declare const NavTabs: React.ForwardRefExoticComponent<(NavTabsProps & import("../Tabs").HorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (NavTabsProps & import("../Tabs").VerticalTabsProps & React.RefAttributes<HTMLDivElement>)>;
 export {};

package/dist/components/Pagination/utils.d.ts

@@ -0,0 +1,10 @@
+interface PaginationI18n {
+    ofLabel: string;
+    pageNumberLabel: string;
+    pageLabel: string;
+    pagesLabel: string;
+    selectedLabel: string;
+}
+export declare const paginationLabel: (count: number, pagination: PaginationI18n) => string;
+export declare const pageAriaLabel: (selectedPage: number, count: number, pagination: PaginationI18n) => string;
+export {};

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

@@ -85,6 +85,12 @@ export interface PopoverProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default PopoverAlignment.center
      */
     alignment?: PopoverAlignment;
+    /**
+     * If true, the popover trigger will take the full width of its container.
+     * This allows buttons with isFullWidth prop to render at full width.
+     * @default false
+     */
+    isFullWidth?: boolean;
 }
 export interface PopoverContextInterface {
     floatingStyles?: React.CSSProperties;
@@ -109,8 +115,8 @@ export interface PopoverContextInterface {
     hasPointer?: boolean;
     focusTrap?: boolean;
     hasActiveElements?: boolean;
+    isFullWidth?: boolean;
 }
 export declare const PopoverContext: React.Context<PopoverContextInterface>;
 export declare function hasActiveElementsChecker(ref: any): boolean;
-export declare function isElementInteractive(element: EventTarget | null): boolean;
 export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Select/SelectAnnouncer.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare function SelectAnnouncer({ isOpen, labelText }: {
+    isOpen: any;
+    labelText: any;
+}): React.JSX.Element;

package/dist/components/Select/SelectContainer.d.ts

@@ -11,6 +11,7 @@ export declare const SelectContainerElement: import("@emotion/styled").StyledCom
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface SelectContainerInterface<T> {
     additionalContent?: React.ReactNode;
+    ariaLabel?: string;
     children: React.ReactNode[];
     containerStyle?: React.CSSProperties;
     descriptionId?: string;

package/dist/components/Select/index.d.ts

@@ -107,6 +107,10 @@ export interface SelectProps<T extends SelectOptions> extends UseSelectProps<T>,
      * Id of the element that describes the select trigger button
      */
     ariaDescribedBy?: string;
+    /**
+     * Aria label for the select trigger button
+     */
+    ariaLabel?: string;
     /**
      * @internal
      */

package/dist/components/Select/utils.d.ts

@@ -1 +1,2 @@
 export declare function isItemDisabled(item: any): boolean;
+export declare const setFocusedItem: (step: number, highlightedIndex: number, items: any[], setHighlightedIndex: (index: number) => void) => void;

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

@@ -25,5 +25,9 @@ export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
      * @internal
      */
     testId?: string;
+    /**
+     * @internal
+     */
+    hasMessage?: boolean;
 }
 export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/TimePicker/TimePicker.d.ts

@@ -7,6 +7,11 @@ export interface TimePickerProps extends UseTimePickerProps {
      */
     inputStyle?: React.CSSProperties;
 }
+interface StyledNumInputProps {
+    isFocused?: boolean;
+    isInverse?: boolean;
+    size?: number;
+}
 export declare const getInputColor: (isInverse: boolean, isFocused: boolean, theme: ThemeInterface) => string;
 export declare const Divider: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
@@ -15,4 +20,9 @@ export declare const Divider: import("@emotion/styled").StyledComponent<{
     isInverse?: boolean;
     isFocused?: boolean;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledNumInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+} & StyledNumInputProps, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/TreeView/TreeItem.d.ts

@@ -2,4 +2,8 @@ import * as React from 'react';
 import { UseTreeItemProps } from './useTreeItem';
 export interface TreeItemProps extends UseTreeItemProps {
 }
-export declare const TreeItem: React.ForwardRefExoticComponent<TreeItemProps & React.RefAttributes<HTMLLIElement>>;
+/**
+ * Memoized TreeItem component
+ * Only re-renders when relevant props change, improving performance for large trees
+ */
+export declare const TreeItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<TreeItemProps & React.RefAttributes<HTMLLIElement>>>;

package/dist/components/TreeView/TreeItemContext.d.ts

@@ -3,7 +3,6 @@ import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
 interface TreeItemContextInterface {
     itemId?: string;
     expanded: boolean;
-    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
     checkedStatus: IndeterminateCheckboxStatus;
     checkboxChangeHandler: (event: React.ChangeEvent<HTMLInputElement>) => void;
     hasOwnTreeItems: boolean;

package/dist/components/TreeView/TreeItemHierarchyContext.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+/**
+ * Context for passing hierarchy information to TreeItems without cloneElement
+ * This reduces the overhead of React.cloneElement by providing depth and position
+ * information through context instead
+ */
+interface TreeItemHierarchyContextInterface {
+    depth: number;
+    parentDepth: number;
+    isTopLevel: boolean;
+    index: number;
+    isVirtualized?: boolean;
+}
+export declare const TreeItemHierarchyContext: React.Context<TreeItemHierarchyContextInterface>;
+export {};

package/dist/components/TreeView/TreeView.d.ts

@@ -1,5 +1,17 @@
 import * as React from 'react';
 import { UseTreeViewProps } from './useTreeView';
 export interface TreeViewProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'children'>, UseTreeViewProps {
+    /**
+     * Enable virtualization for better performance with large trees.
+     * @default false
+     */
+    enableVirtualization?: boolean;
+    /**
+     * Height of the TreeView container in pixels.
+     * REQUIRED when enableVirtualization is true.
+     * Without a fixed height, virtualization cannot calculate the viewport properly.
+     * @example height={400}
+     */
+    height?: number;
 }
 export declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<HTMLUListElement>>;

package/dist/components/TreeView/TreeViewConfigContext.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { TreeViewSelectable } from './types';
+export interface ExpandIconInterface {
+    size?: number;
+    color?: string;
+}
+export interface TreeViewConfigContextInterface {
+    hasIcons: boolean;
+    selectable: TreeViewSelectable;
+    checkParents: boolean;
+    checkChildren: boolean;
+    isTopLevelSelectable?: boolean;
+    selectParents?: boolean;
+    expandIconStyles?: ExpandIconInterface;
+    registerTreeItem: (itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, itemRef: React.MutableRefObject<Element>) => void;
+    treeItemRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;
+}
+export declare const TreeViewConfigContext: React.Context<TreeViewConfigContextInterface>;

package/dist/components/TreeView/TreeViewExpansionContext.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface TreeViewExpansionContextInterface {
+    expandedSet: Set<string>;
+    handleExpandedChange: (event: React.SyntheticEvent, expandedItemId: string) => void;
+    onExpandedChange?: (event: React.SyntheticEvent, expandedItems: Array<string>) => void;
+    initialExpandedItems: Array<string>;
+}
+export declare const TreeViewExpansionContext: React.Context<TreeViewExpansionContextInterface>;

package/dist/components/TreeView/TreeViewSelectionContext.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { TreeViewSelectable } from './types';
+import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
+export interface TreeItemSelectedInterface {
+    itemId?: string;
+    checkedStatus: IndeterminateCheckboxStatus;
+    isDisabled?: boolean;
+}
+export interface TreeViewItemInterface {
+    itemId?: string;
+    parentId?: string | null;
+    icon?: React.ReactNode;
+    checkedStatus: IndeterminateCheckboxStatus;
+    hasOwnTreeItems: boolean;
+    isDisabled?: boolean;
+}
+export interface TreeViewSelectionContextInterface {
+    items: TreeViewItemInterface[];
+    selectedItems: Array<TreeItemSelectedInterface>;
+    selectItem: (data: Pick<TreeViewItemInterface, 'itemId' | 'checkedStatus'>) => void;
+    onSelectedItemChange?: (selectedItems: Array<TreeItemSelectedInterface>) => void;
+    selectable: TreeViewSelectable;
+    itemToFocus?: string;
+}
+export declare const TreeViewSelectionContext: React.Context<TreeViewSelectionContextInterface>;

package/dist/components/TreeView/index.d.ts

@@ -5,3 +5,6 @@ export * from './useTreeView';
 export * from './utils';
 export * from './types';
 export { TreeItemSelectedInterface, TreeViewApi } from './useTreeView';
+export * from './TreeViewSelectionContext';
+export * from './TreeViewExpansionContext';
+export * from './TreeViewConfigContext';

package/dist/components/TreeView/treeViewReducer.d.ts

@@ -0,0 +1,94 @@
+import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
+import { TreeViewItemInterface } from './TreeViewContext';
+/**
+ * TreeView State Shape
+ * Consolidates all state managed by the TreeView component
+ */
+export interface TreeViewState {
+    /** Array of all tree items with their metadata */
+    items: TreeViewItemInterface[];
+    /** Set of expanded item IDs for O(1) lookup */
+    expandedSet: Set<string>;
+    /** Flag indicating if items need to be updated (for showAll functionality) */
+    itemsNeedUpdate: boolean | null;
+}
+/**
+ * TreeView Action Types
+ * Defines all possible state mutations
+ */
+export declare type TreeViewAction = {
+    type: 'SELECT_ITEM';
+    payload: {
+        itemId: string;
+        checkedStatus?: IndeterminateCheckboxStatus;
+        selectable: string;
+        checkChildren: boolean;
+        checkParents: boolean;
+        isTopLevelSelectable: boolean;
+    };
+} | {
+    type: 'SELECT_ALL';
+    payload: {
+        checkChildren: boolean;
+        checkParents: boolean;
+        isTopLevelSelectable: boolean;
+    };
+} | {
+    type: 'CLEAR_ALL';
+    payload: {
+        checkChildren: boolean;
+        checkParents: boolean;
+        isTopLevelSelectable: boolean;
+    };
+} | {
+    type: 'TOGGLE_EXPAND';
+    payload: {
+        itemId: string | string[];
+    };
+} | {
+    type: 'EXPAND_ALL';
+    payload: {
+        expandableIds: string[];
+    };
+} | {
+    type: 'COLLAPSE_ALL';
+} | {
+    type: 'SET_ITEMS';
+    payload: {
+        items: TreeViewItemInterface[];
+    };
+} | {
+    type: 'ADD_ITEM';
+    payload: {
+        newItem: TreeViewItemInterface;
+        checkParents: boolean;
+        selectable: string;
+    };
+} | {
+    type: 'UPDATE_ITEMS_DISABLED_STATE';
+    payload: {
+        updatedItems: TreeViewItemInterface[];
+    };
+} | {
+    type: 'TRIGGER_ITEMS_UPDATE';
+} | {
+    type: 'COMPLETE_ITEMS_UPDATE';
+};
+/**
+ * TreeView Reducer
+ * Pure function that handles all state transitions
+ *
+ * State Transitions:
+ * - SELECT_ITEM: Updates item selection based on selectable mode (single/multi)
+ * - SELECT_ALL: Selects all items in multi-select mode
+ * - CLEAR_ALL: Clears all selections
+ * - TOGGLE_EXPAND: Toggles expansion state of one or more items
+ * - EXPAND_ALL: Expands all expandable items
+ * - COLLAPSE_ALL: Collapses all items
+ * - SET_ITEMS: Replaces entire items array (used for initialization and updates)
+ * - ADD_ITEM: Adds a new item to the tree
+ * - UPDATE_ITEMS_DISABLED_STATE: Updates disabled state of items
+ * - TRIGGER_ITEMS_UPDATE: Flags that items need updating (for showAll)
+ * - COMPLETE_ITEMS_UPDATE: Clears the update flag
+ */
+export declare function treeViewReducer(state: TreeViewState, action: TreeViewAction): TreeViewState;

package/dist/components/TreeView/useTreeItem.d.ts

@@ -62,6 +62,11 @@ export interface UseTreeItemProps extends React.HTMLAttributes<HTMLLIElement> {
      * Style properties for the tree item
      */
     treeItemStyles?: React.CSSProperties;
+    /**
+     * @internal
+     * Used in virtualization to indicate this item has TreeItem children.
+     */
+    hasTreeItemChildren?: boolean;
 }
 export declare const checkedStatusToBoolean: (status: IndeterminateCheckboxStatus) => boolean;
 export declare function useTreeItem(props: UseTreeItemProps, forwardedRef: any): {
@@ -74,8 +79,7 @@ export declare function useTreeItem(props: UseTreeItemProps, forwardedRef: any):
         itemId: string;
         parentDepth: number;
         ref: (node: any) => void;
-        selectedItems: import("./TreeViewContext").TreeItemSelectedInterface[];
-        setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+        selectedItems: import("./TreeViewSelectionContext").TreeItemSelectedInterface[];
         treeItemChildren: (string | number | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal)[];
         isDisabled: boolean;
     };

package/dist/components/TreeView/useTreeView.d.ts

@@ -95,6 +95,13 @@ export interface UseTreeViewProps {
      * @default TreeViewSelectable.single
      */
     selectable?: TreeViewSelectable;
+    /**
+     * When enabled (default), parent items (folders) can be selected in TreeViewSelectable.single mode.
+     * When disabled, parent items will only expand/collapse on click and won't trigger selection or onClick.
+     * Child items (leaves) can always be selected regardless of this setting.
+     * @default true
+     */
+    selectParents?: boolean;
     /**
      * @internal
      */
@@ -112,24 +119,30 @@ interface ExpandIconStylesProps {
     color?: string;
 }
 export declare function useTreeView(props: UseTreeViewProps): {
-    contextValue: {
-        hasIcons: any;
-        itemToFocus: any;
+    selectionContextValue: {
+        items: TreeViewItemInterface[];
+        selectedItems: TreeViewItemInterface[];
+        selectItem: ({ itemId, checkedStatus, }: Pick<TreeViewItemInterface, 'itemId'> & Partial<Pick<TreeViewItemInterface, 'checkedStatus'>>) => void;
         onSelectedItemChange: (selectedItems: TreeItemSelectedInterface[]) => void;
-        onExpandedChange: (event: React.SyntheticEvent<Element, Event>, expandedItems: string[]) => void;
         selectable: TreeViewSelectable;
-        selectedItems: any;
+        itemToFocus: string;
+    };
+    expansionContextValue: {
+        expandedSet: Set<string>;
+        handleExpandedChange: (event: React.SyntheticEvent, itemId: string | string[]) => void;
+        onExpandedChange: (event: React.SyntheticEvent<Element, Event>, expandedItems: string[]) => void;
         initialExpandedItems: any[];
-        treeItemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;
-        registerTreeItem: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
-        checkChildren: boolean;
+    };
+    configContextValue: {
+        hasIcons: any;
+        selectable: TreeViewSelectable;
         checkParents: boolean;
-        items: any;
-        selectItem: ({ itemId, checkedStatus, }: Pick<TreeViewItemInterface, 'itemId'> & Partial<Pick<TreeViewItemInterface, 'checkedStatus'>>) => void;
-        handleExpandedChange: (event: React.SyntheticEvent, itemId: string | string[]) => void;
-        expandedSet: Set<string>;
-        expandIconStyles: ExpandIconStylesProps;
+        checkChildren: boolean;
         isTopLevelSelectable: boolean;
+        selectParents: boolean;
+        expandIconStyles: ExpandIconStylesProps;
+        registerTreeItem: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
+        treeItemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;
     };
 };
 export declare type UseTreeViewReturn = ReturnType<typeof useTreeView>;