@marigold/components 12.0.2 → 12.0.4

package/dist/index.d.mts

@@ -1,10 +1,10 @@
 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 { GapSpaceProp, AspectProp, WidthProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, PlaceItemsProp, MaxWidthProp, HeightProp, TextAlignProp, ObjectFitProp, ObjectPositionProp, alignment, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
+import { GapSpaceProp, AspectProp, WidthProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, PlaceItemsProp, MaxWidthProp, HeightProp, alignment, TextAlignProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
 export { DateFormat, NumericFormat, ThemeProvider, useTheme } from '@marigold/system';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import RAC, { ValidationResult, Key, DialogProps as DialogProps$1, DateValue, SlotProps, TagListProps, ProgressBarProps } from 'react-aria-components';
+import RAC, { ValidationResult, Key, DialogProps as DialogProps$1, DateValue, SlotProps, TagListProps, ProgressBarProps, TimeValue } from 'react-aria-components';
 export { RouterProvider } from 'react-aria-components';
 import * as react from 'react';
 import react__default, { ReactNode, ReactElement, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, CSSProperties, Dispatch, SetStateAction, JSX } from 'react';
@@ -17,8 +17,8 @@ import { AriaTableProps } from '@react-aria/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$r = 'isDisabled' | 'isExpanded';
-interface DisclosureProps extends Omit<RAC.DisclosureProps, RemovedProps$r> {
+type RemovedProps$s = 'isDisabled' | 'isExpanded';
+interface DisclosureProps extends Omit<RAC.DisclosureProps, RemovedProps$s> {
     /** Whether the item is disabled. */
     disabled?: RAC.DisclosureProps['isDisabled'];
     /** Whether the item is expanded (controlled). */
@@ -34,8 +34,8 @@ interface AccordionHeaderProps {
     children?: ReactNode;
 }
 
-type RemovedProps$q = 'isDisabled';
-interface AccordionProps extends Omit<RAC.DisclosureGroupProps, RemovedProps$q> {
+type RemovedProps$r = 'isDisabled';
+interface AccordionProps extends Omit<RAC.DisclosureGroupProps, RemovedProps$r> {
     /** Whether all items are disabled. */
     disabled?: RAC.DisclosureGroupProps['isDisabled'];
     variant?: string;
@@ -152,8 +152,8 @@ interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefA
 }
 declare const _ListBox: ListBoxComponent;
 
-type RemovedProps$p = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
-interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$p>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$q = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
+interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$q>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
     /**
      * The value of the input (uncontrolled).
      */
@@ -220,8 +220,8 @@ interface AutocompleteComponent extends ForwardRefExoticComponent<AutocompletePr
 }
 declare const _Autocomplete: AutocompleteComponent;
 
-type RemovedProps$o = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
-interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$o>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$p = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
+interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$p>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
     /**
@@ -302,8 +302,8 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
 }
 declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$n = 'isDisabled' | 'isPending';
-interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$n> {
+type RemovedProps$o = 'isDisabled' | 'isPending';
+interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$o> {
     variant?: string;
     size?: string;
     /**
@@ -361,8 +361,8 @@ interface CenterProps extends GapSpaceProp, AriaRegionProps {
 }
 declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$m = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
-interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$m>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$n = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
+interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     /**
      * The children of the component
      */
@@ -402,8 +402,8 @@ interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$m
 }
 declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, width, orientation, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$l = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
-interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$l> {
+type RemovedProps$m = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
+interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$m> {
     variant?: string;
     size?: string;
     /**
@@ -508,6 +508,61 @@ interface ContainerProps extends GapSpaceProp, AriaRegionProps {
 }
 declare const Container: ({ contentLength, align, alignItems, space, children, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
 
+interface ContextualHelpContentProps {
+    children: React.ReactNode;
+    variant?: string;
+    size?: string;
+}
+declare const ContextualHelpContent: ({ children, variant, size, }: ContextualHelpContentProps) => react_jsx_runtime.JSX.Element;
+
+interface ContextualHelpTitleProps {
+    children: React.ReactNode;
+    variant?: string;
+    size?: string;
+}
+declare const ContextualHelpTitle: ({ children, variant, size, }: ContextualHelpTitleProps) => react_jsx_runtime.JSX.Element;
+
+declare const icons$1: {
+    help: () => react_jsx_runtime.JSX.Element;
+    info: () => react_jsx_runtime.JSX.Element;
+};
+interface ContextualHelpComponent extends ForwardRefExoticComponent<ContextualHelpProps & RefAttributes<HTMLInputElement>> {
+    /**
+     * Options for the Combobox.
+     */
+    Title: typeof ContextualHelpTitle;
+    Content: typeof ContextualHelpContent;
+}
+/**
+ * Placement of the popover.
+ * @default bottom start
+ */
+type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top start' | 'bottom start';
+/**
+ * Props for the ContextualHelp component.
+ */
+interface ContextualHelpProps {
+    /** Size of the button and popover. */
+    size?: 'small' | 'medium' | 'large';
+    /** Content rendered inside the popover. */
+    children: ReactNode;
+    /** Visual variant of the icon (e.g. info or help). */
+    variant?: keyof typeof icons$1;
+    /** Placement of the popover relative to the button. */
+    placement?: Placement;
+    /** Optional width size for the popover */
+    width?: 'small' | 'medium' | 'large';
+    /** Offset (in px) between button and popover. */
+    offset?: number;
+    /** Whether the popover is open by default (uncontrolled). */
+    defaultOpen?: boolean;
+    /** Controls the open state of the popover (controlled). */
+    open?: boolean;
+    /** Handler that is called when the open state changes. */
+    onOpenChange?: (isOpen: boolean) => void;
+}
+declare const _ContextualHelp: ContextualHelpComponent;
+
 interface DialogActions {
     /**
      * Children of the component.
@@ -535,14 +590,14 @@ interface DialogTitleProps {
 }
 declare const DialogTitle: ({ variant, size, children }: DialogTitleProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$k = 'children' | 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled';
+type RemovedProps$l = 'children' | 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled';
 interface ModalProps$1 extends RAC.ModalOverlayProps {
     open?: boolean;
     dismissable?: boolean;
     keyboardDismissable?: boolean;
     size?: string;
 }
-interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'>, Omit<ModalProps$1, RemovedProps$k> {
+interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'>, Omit<ModalProps$1, RemovedProps$l> {
 }
 declare const _DialogTrigger: ({ open, dismissable, keyboardDismissable, ...rest }: DialogTriggerProps) => ReactNode;
 
@@ -703,9 +758,17 @@ interface GridProps extends GapSpaceProp, HeightProp, AriaRegionProps {
      * Children of the layout.
      */
     children?: ReactNode;
+    /**
+     * Horizontal alignment for the children.
+     */
+    alignX?: keyof typeof alignment.horizontal.alignmentX;
+    /**
+     * Vertical alignment for the children.
+     */
+    alignY?: keyof typeof alignment.horizontal.alignmentY;
 }
 declare const Grid: {
-    ({ children, areas, columns, rows, height, space, ...props }: GridProps): react_jsx_runtime.JSX.Element;
+    ({ children, areas, columns, rows, alignX, alignY, height, space, ...props }: GridProps): react_jsx_runtime.JSX.Element;
     Area: ({ name, children }: GridAreaProps) => react_jsx_runtime.JSX.Element;
 };
 
@@ -771,8 +834,8 @@ interface InlineProps extends GapSpaceProp, AriaRegionProps {
 }
 declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$j = 'className' | 'style' | 'size';
-interface InputProps extends Omit<RAC.InputProps, RemovedProps$j> {
+type RemovedProps$k = 'className' | 'style' | 'size';
+interface InputProps extends Omit<RAC.InputProps, RemovedProps$k> {
     icon?: ReactElement<any>;
     action?: ReactElement<any>;
     variant?: string;
@@ -781,8 +844,8 @@ interface InputProps extends Omit<RAC.InputProps, RemovedProps$j> {
 }
 declare const _Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 
-type RemovedProps$i = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'label' | 'children' | 'style';
-interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$i>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$j = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'label' | 'children' | 'style';
+interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$j>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
     /**
@@ -817,8 +880,8 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
 }
 declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
 
-type RemovedProps$h = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
-interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$h> {
+type RemovedProps$i = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
+interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$i> {
     /**
      * Disables the Calendar.
      * @default false
@@ -842,8 +905,8 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
 }
 declare const _Calendar: ({ disabled, readOnly, size, variant, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$g = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
-interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$g>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$h = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
+interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$h>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     /**
      * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
      */
@@ -907,15 +970,15 @@ type InsetProps = (AriaRegionProps & {
 });
 declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$f = 'className';
-interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$f> {
+type RemovedProps$g = 'className';
+interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$g> {
     size?: string;
     variant?: string;
 }
 declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$e = 'className' | 'isDisabled' | 'slot';
-interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$e> {
+type RemovedProps$f = 'className' | 'isDisabled' | 'slot';
+interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$f> {
     variant?: string;
     size?: string;
     /**
@@ -951,14 +1014,14 @@ declare const List: {
     Item: ({ children, ...props }: ListItemProps) => react_jsx_runtime.JSX.Element;
 };
 
-type RemovedProps$d = 'className' | 'style' | 'children';
-interface MenuSectionProps extends Omit<RAC.SectionProps<object>, RemovedProps$d> {
+type RemovedProps$e = 'className' | 'style' | 'children';
+interface MenuSectionProps extends Omit<RAC.SectionProps<object>, RemovedProps$e> {
     title?: string;
     children: ReactNode;
 }
 
-type RemovedProps$c = 'style' | 'className';
-type MenuItemProps = Omit<RAC.MenuItemProps, RemovedProps$c>;
+type RemovedProps$d = 'style' | 'className';
+type MenuItemProps = Omit<RAC.MenuItemProps, RemovedProps$d>;
 
 interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className' | 'children'> {
     keyboardDismissDisabled?: boolean;
@@ -968,8 +1031,8 @@ interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDism
 }
 declare const _Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
 
-type RemovedProps$b = 'isOpen' | 'className' | 'style' | 'children';
-interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$b>, Omit<RAC.MenuProps<object>, RemovedProps$b> {
+type RemovedProps$c = 'isOpen' | 'className' | 'style' | 'children';
+interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$c>, Omit<RAC.MenuProps<object>, RemovedProps$c> {
     /**
      * Whether the menu is open.
      * @default false
@@ -1160,8 +1223,8 @@ interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 's
 }
 declare const Multiselect: ({ disabled, readOnly, items, selectedItems, defaultSelectedItems, defaultValue, error, errorMessage, size, variant, placeholder, description, onChange, onSelectionChange, ...rest }: MultipleSelectProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$a = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
-interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$a>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$b = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
+interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$b>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
     /**
@@ -1332,8 +1395,8 @@ declare function MarigoldProvider<T extends Theme>({ children, className, theme,
 declare const OverlayContainerProvider: react.Provider<string | undefined>;
 declare const usePortalContainer: () => HTMLElement | undefined;
 
-type RemovedProps$9 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
-interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$9> {
+type RemovedProps$a = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
+interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$a> {
     variant?: string;
     size?: string;
     /**
@@ -1392,8 +1455,8 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$9> {
 }
 declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$8 = 'className' | 'style' | 'children' | 'isDisabled';
-interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$8> {
+type RemovedProps$9 = 'className' | 'style' | 'children' | 'isDisabled';
+interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$9> {
     variant?: string;
     size?: string;
     /**
@@ -1418,8 +1481,8 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
     Group: typeof _RadioGroup;
 }
 
-type RemovedProps$7 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
-interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$7>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$8 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
+interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$8>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     /**
      * Action element to display in the search field.
      */
@@ -1623,8 +1686,8 @@ interface StackProps extends GapSpaceProp, AriaRegionProps {
 }
 declare const Stack: ({ children, space, stretch, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$6 = 'children' | 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
-interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$6> {
+type RemovedProps$7 = 'children' | 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
+interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$7> {
     variant?: string;
     size?: string;
     /**
@@ -1676,6 +1739,11 @@ interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' |
      * Content to display when there are no rows in the table.
      */
     emptyState?: () => ReactNode;
+    /**
+     * Control the vertical alignment of table content.
+     * @default middle
+     */
+    alignY?: Exclude<JSX.IntrinsicElements['td']['valign'], 'baseline' | 'sub' | 'super' | 'bottom'>;
 }
 interface RowProps extends RowProps$1<any> {
     variant?: string;
@@ -1722,8 +1790,8 @@ interface TextProps extends AriaLabelingProps, Omit<RAC.TextProps, 'elementType'
 }
 declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$5 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
-interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$5>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
+interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$6>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
     /**
@@ -1774,8 +1842,8 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$5>, Pick<R
 }
 declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
-type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
-interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$5 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
+interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$5>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
     /**
@@ -1854,8 +1922,8 @@ interface TilesProps extends GapSpaceProp, AriaRegionProps {
 }
 declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$3 = 'isDisabled' | 'isOpen' | 'children';
-interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$3> {
+type RemovedProps$4 = 'isDisabled' | 'isOpen' | 'children';
+interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$4> {
     /**
      * The children of the component.
      */
@@ -1870,8 +1938,8 @@ interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, Rem
     open?: boolean;
 }
 
-type RemovedProps$2 = 'className' | 'isOpen' | 'style';
-interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps$2> {
+type RemovedProps$3 = 'className' | 'isOpen' | 'style';
+interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps$3> {
     /**
      * The children of the component.
      */
@@ -1888,8 +1956,8 @@ declare const _Tooltip: {
     Trigger: ({ delay, children, disabled, open, ...rest }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
 };
 
-type RemovedProps$1 = 'className' | 'style' | 'children' | 'isRequired';
-interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps$1>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps<'label'>, 'label' | 'description'> {
+type RemovedProps$2 = 'className' | 'style' | 'children' | 'isRequired';
+interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps$2>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps<'label'>, 'label' | 'description'> {
     variant?: string;
     size?: string;
     /**
@@ -1907,8 +1975,8 @@ interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps$1>, Pick<Ta
     emptyState?: TagListProps<object>['renderEmptyState'];
 }
 
-type RemovedProps = 'className' | 'style' | 'isDisabled';
-interface TagProps extends Omit<RAC.TagProps, RemovedProps> {
+type RemovedProps$1 = 'className' | 'style' | 'isDisabled';
+interface TagProps extends Omit<RAC.TagProps, RemovedProps$1> {
     variant?: string;
     size?: string;
     children?: ReactNode;
@@ -1960,4 +2028,51 @@ 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, 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, Drawer, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, _Form as Form, type FormProps, 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$l 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, 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, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };
+type RemovedProps = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'slot';
+interface TimeFieldProps extends Omit<RAC.TimeFieldProps<TimeValue>, RemovedProps>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+    variant?: string;
+    size?: string;
+    /**
+     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+     * @default full
+     */
+    width?: WidthProp['width'];
+    /**
+     * If `true`, the input is disabled.
+     * @default false
+     */
+    disabled?: RAC.TimeFieldProps<TimeValue>['isDisabled'];
+    /**
+     * If `true`, the input is required.
+     * @default false
+     */
+    required?: RAC.TimeFieldProps<TimeValue>['isRequired'];
+    /**
+     * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+     * @default false
+     */
+    error?: RAC.TimeFieldProps<TimeValue>['isInvalid'];
+    /**
+     * If `true`, the input is readOnly.
+     * @default false
+     */
+    readOnly?: RAC.TimeFieldProps<TimeValue>['isReadOnly'];
+    /**
+     * Whether to display the time in 12 or 24 hour format
+     * @default 24
+     */
+    hourCycle?: 12 | 24 | undefined;
+    /**
+     * Determines the smallest unit that is displayed in the time picker.
+     * @default minute
+     */
+    granularity?: 'hour' | 'minute' | 'second';
+    /**
+     * Whether to always show leading zeros in the hour field. Default is determined by the user's locale.
+     * @default none
+     */
+    shouldForceLeadingZeros?: boolean;
+}
+declare const _TimeField: react.ForwardRefExoticComponent<TimeFieldProps & react.RefAttributes<HTMLInputElement>>;
+
+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, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, _Form as Form, type FormProps, 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$m 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, 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, _TimeField as TimeField, type TimeFieldProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };