@marigold/components 11.2.2 → 11.3.0

package/dist/index.d.mts

@@ -1,18 +1,19 @@
-import { Orientation } from '@react-types/shared';
+import { Orientation, RefObject, AriaLabelingProps as AriaLabelingProps$1 } from '@react-types/shared';
 export { Selection } from '@react-types/shared';
 export { useAsyncList, useListData } from '@react-stately/data';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import RAC, { ValidationResult, Key, DateValue, TagListProps, ProgressBarProps } from 'react-aria-components';
+import RAC, { ValidationResult, Key, DateValue, SlotProps, TagListProps, ProgressBarProps } from 'react-aria-components';
 export { Form, FormProps, RouterProvider } from 'react-aria-components';
 import * as react from 'react';
-import react__default, { ReactNode, ReactElement, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, Dispatch, SetStateAction, JSX } from 'react';
+import react__default, { ReactNode, ReactElement, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, CSSProperties, Dispatch, SetStateAction, JSX } from 'react';
 import { GapSpaceProp, AspectProp, WidthProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, alignment, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
 export { ThemeProvider, useTheme } from '@marigold/system';
 import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
 import { Props } from 'react-select';
+import { OverlayTriggerState, OverlayTriggerProps } from 'react-stately';
 export { I18nProvider } from '@react-aria/i18n';
 import { AriaTableProps } from '@react-aria/table';
-import { TableStateProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, TableBody, Cell, TableHeader } from '@react-stately/table';
+import { TableStateProps, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1, RowProps as RowProps$1 } from '@react-stately/table';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
 
 type RemovedProps$q = 'isDisabled' | 'isExpanded';
@@ -544,7 +545,7 @@ interface DialogTitleProps extends Omit<HeadlineProps, 'slot'> {
 
 interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
     /**
-     * Wheather compnent is rendered.
+     * Whether the dialog is open by default (controlled).
      * @default false
      */
     open?: boolean;
@@ -1038,6 +1039,85 @@ interface ModalProps extends RAC.ModalOverlayProps {
 }
 declare const _Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react.RefAttributes<HTMLDivElement>>;
 
+interface StyleRenderProps<T> {
+    /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
+    className?: string | ((values: T & {
+        defaultClassName: string | undefined;
+    }) => string);
+    /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
+    style?: CSSProperties | ((values: T & {
+        defaultStyle: CSSProperties;
+    }) => CSSProperties | undefined);
+}
+interface RenderProps<T> extends StyleRenderProps<T> {
+    /** The children of the component. A function may be provided to alter the children based on component state. */
+    children?: ReactNode | ((values: T & {
+        defaultChildren: ReactNode | undefined;
+    }) => ReactNode);
+}
+
+interface AriaNonModalProps {
+    /**
+     * The ref for the non-modal element.
+     */
+    nonModalRef: RefObject<Element | null>;
+    /**
+     * Whether pressing the escape key closes the modal.
+     * @default true
+     */
+    keyboardDismissable?: boolean;
+}
+
+interface NonModalRenderProps {
+    /**
+     * Whether the popover is currently entering. Use this to apply animations.
+     * @selector [data-entering]
+     */
+    isEntering: boolean;
+    /**
+     * Whether the popover is currently exiting. Use this to apply animations.
+     * @selector [data-exiting]
+     */
+    isExiting: boolean;
+    /**
+     * State of the non-modal.
+     */
+    state: OverlayTriggerState;
+}
+interface NonModalInnerProps extends AriaNonModalProps, AriaLabelingProps$1, SlotProps, RenderProps<NonModalRenderProps> {
+    state: OverlayTriggerState;
+    isEntering?: boolean;
+    isExiting: boolean;
+}
+interface NonModalProps extends Omit<OverlayTriggerProps, 'isOpen'>, AriaLabelingProps$1, SlotProps, Pick<NonModalInnerProps, 'style' | 'className' | 'children'> {
+    /**
+     * Whether the overlay is open by default (controlled).
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Whether pressing the escape key closes the modal.
+     * @default true
+     */
+    keyboardDismissable?: boolean;
+    /**
+     * Whether the popover is currently performing an entry animation.
+     * @default undefined
+     */
+    isEntering?: boolean;
+    /**
+     * Whether the popover is currently performing an exit animation.
+     * @default undefined
+     */
+    isExiting?: boolean;
+    /**
+     * Ref to the overlay element.
+     * @default undefined
+     */
+    ref?: RefObject<HTMLElement | null>;
+}
+declare const NonModal: react.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
 interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className'> {
     variant?: string;
     size?: string;
@@ -1080,7 +1160,7 @@ interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
 declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
 
 declare const OverlayContainerProvider: react.Provider<string | undefined>;
-declare const usePortalContainer: () => HTMLElement | null;
+declare const usePortalContainer: () => HTMLElement | undefined;
 
 type RemovedProps$9 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
 interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$9> {
@@ -1713,4 +1793,4 @@ declare const _Tabs: {
     Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$k as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _Calendar, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };
+export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$k as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _Calendar, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };

package/dist/index.d.ts

@@ -1,18 +1,19 @@
-import { Orientation } from '@react-types/shared';
+import { Orientation, RefObject, AriaLabelingProps as AriaLabelingProps$1 } from '@react-types/shared';
 export { Selection } from '@react-types/shared';
 export { useAsyncList, useListData } from '@react-stately/data';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import RAC, { ValidationResult, Key, DateValue, TagListProps, ProgressBarProps } from 'react-aria-components';
+import RAC, { ValidationResult, Key, DateValue, SlotProps, TagListProps, ProgressBarProps } from 'react-aria-components';
 export { Form, FormProps, RouterProvider } from 'react-aria-components';
 import * as react from 'react';
-import react__default, { ReactNode, ReactElement, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, Dispatch, SetStateAction, JSX } from 'react';
+import react__default, { ReactNode, ReactElement, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, CSSProperties, Dispatch, SetStateAction, JSX } from 'react';
 import { GapSpaceProp, AspectProp, WidthProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, alignment, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
 export { ThemeProvider, useTheme } from '@marigold/system';
 import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
 import { Props } from 'react-select';
+import { OverlayTriggerState, OverlayTriggerProps } from 'react-stately';
 export { I18nProvider } from '@react-aria/i18n';
 import { AriaTableProps } from '@react-aria/table';
-import { TableStateProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, TableBody, Cell, TableHeader } from '@react-stately/table';
+import { TableStateProps, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1, RowProps as RowProps$1 } from '@react-stately/table';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
 
 type RemovedProps$q = 'isDisabled' | 'isExpanded';
@@ -544,7 +545,7 @@ interface DialogTitleProps extends Omit<HeadlineProps, 'slot'> {
 
 interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
     /**
-     * Wheather compnent is rendered.
+     * Whether the dialog is open by default (controlled).
      * @default false
      */
     open?: boolean;
@@ -1038,6 +1039,85 @@ interface ModalProps extends RAC.ModalOverlayProps {
 }
 declare const _Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react.RefAttributes<HTMLDivElement>>;
 
+interface StyleRenderProps<T> {
+    /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
+    className?: string | ((values: T & {
+        defaultClassName: string | undefined;
+    }) => string);
+    /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
+    style?: CSSProperties | ((values: T & {
+        defaultStyle: CSSProperties;
+    }) => CSSProperties | undefined);
+}
+interface RenderProps<T> extends StyleRenderProps<T> {
+    /** The children of the component. A function may be provided to alter the children based on component state. */
+    children?: ReactNode | ((values: T & {
+        defaultChildren: ReactNode | undefined;
+    }) => ReactNode);
+}
+
+interface AriaNonModalProps {
+    /**
+     * The ref for the non-modal element.
+     */
+    nonModalRef: RefObject<Element | null>;
+    /**
+     * Whether pressing the escape key closes the modal.
+     * @default true
+     */
+    keyboardDismissable?: boolean;
+}
+
+interface NonModalRenderProps {
+    /**
+     * Whether the popover is currently entering. Use this to apply animations.
+     * @selector [data-entering]
+     */
+    isEntering: boolean;
+    /**
+     * Whether the popover is currently exiting. Use this to apply animations.
+     * @selector [data-exiting]
+     */
+    isExiting: boolean;
+    /**
+     * State of the non-modal.
+     */
+    state: OverlayTriggerState;
+}
+interface NonModalInnerProps extends AriaNonModalProps, AriaLabelingProps$1, SlotProps, RenderProps<NonModalRenderProps> {
+    state: OverlayTriggerState;
+    isEntering?: boolean;
+    isExiting: boolean;
+}
+interface NonModalProps extends Omit<OverlayTriggerProps, 'isOpen'>, AriaLabelingProps$1, SlotProps, Pick<NonModalInnerProps, 'style' | 'className' | 'children'> {
+    /**
+     * Whether the overlay is open by default (controlled).
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Whether pressing the escape key closes the modal.
+     * @default true
+     */
+    keyboardDismissable?: boolean;
+    /**
+     * Whether the popover is currently performing an entry animation.
+     * @default undefined
+     */
+    isEntering?: boolean;
+    /**
+     * Whether the popover is currently performing an exit animation.
+     * @default undefined
+     */
+    isExiting?: boolean;
+    /**
+     * Ref to the overlay element.
+     * @default undefined
+     */
+    ref?: RefObject<HTMLElement | null>;
+}
+declare const NonModal: react.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
 interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className'> {
     variant?: string;
     size?: string;
@@ -1080,7 +1160,7 @@ interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
 declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
 
 declare const OverlayContainerProvider: react.Provider<string | undefined>;
-declare const usePortalContainer: () => HTMLElement | null;
+declare const usePortalContainer: () => HTMLElement | undefined;
 
 type RemovedProps$9 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
 interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$9> {
@@ -1713,4 +1793,4 @@ declare const _Tabs: {
     Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$k as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _Calendar, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };
+export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$k as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _Calendar, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };