npm - @marigold/components - Versions diffs - 12.0.2 → 12.0.3 - Mend

@marigold/components 12.0.2 → 12.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -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;
     /**
@@ -535,14 +535,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 +703,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 +779,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 +789,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 +825,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 +850,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 +915,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 +959,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 +976,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 +1168,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 +1340,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 +1400,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 +1426,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 +1631,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;
     /**
@@ -1722,8 +1730,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 +1782,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 +1862,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 +1878,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 +1896,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 +1915,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 +1968,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, _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, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };

package/dist/index.d.ts CHANGED Viewed

@@ -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;
     /**
@@ -535,14 +535,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 +703,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 +779,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 +789,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 +825,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 +850,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 +915,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 +959,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 +976,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 +1168,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 +1340,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 +1400,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 +1426,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 +1631,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;
     /**
@@ -1722,8 +1730,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 +1782,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 +1862,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 +1878,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 +1896,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 +1915,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 +1968,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, _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, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };

package/dist/index.js CHANGED Viewed

@@ -923,6 +923,7 @@ __export(index_exports, {
   TextField: () => _TextField,
   ThemeProvider: () => import_system15.ThemeProvider,
   Tiles: () => Tiles,
+  TimeField: () => _TimeField,
   Tooltip: () => _Tooltip,
   Underlay: () => Underlay,
   VisuallyHidden: () => import_visually_hidden.VisuallyHidden,
@@ -977,7 +978,7 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var AccordionHeader = ({ children }) => {
   const { classNames: classNames3 } = useAccordionContext();
   const { isExpanded } = (0, import_react3.useContext)(import_react_aria_components.DisclosureStateContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components.Heading, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_aria_components.Button, { slot: "trigger", className: classNames3.header, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components.Heading, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_aria_components.Button, { slot: "trigger", className: classNames3.header, children: [
     children,
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       ChevronDown,
@@ -2717,14 +2718,23 @@ var Grid = ({
   areas,
   columns,
   rows,
+  alignX,
+  alignY,
   height = "auto",
   space = 0,
   ...props
 }) => {
+  var _a, _b, _c, _d;
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "div",
     {
-      className: (0, import_system50.cn)("grid", import_system50.gapSpace[space], import_system50.height[height]),
+      className: (0, import_system50.cn)(
+        "grid",
+        alignX && ((_b = (_a = import_system50.alignment) == null ? void 0 : _a.horizontal) == null ? void 0 : _b.alignmentX[alignX]),
+        alignY && ((_d = (_c = import_system50.alignment) == null ? void 0 : _c.horizontal) == null ? void 0 : _d.alignmentY[alignY]),
+        import_system50.gapSpace[space],
+        import_system50.height[height]
+      ),
       style: {
         gridTemplateAreas: parseGridAreas(areas),
         gridTemplateColumns: parseTemplateValue(columns),
@@ -11078,6 +11088,45 @@ _Tabs.Item = _Tab;
 // src/RouterProvider/RouterProvider.tsx
 var import_react_aria_components75 = require("react-aria-components");
+// src/TimeField/TimeField.tsx
+var import_react77 = require("react");
+var import_react_aria_components76 = require("react-aria-components");
+var import_system108 = require("@marigold/system");
+var import_jsx_runtime126 = require("react/jsx-runtime");
+var _TimeField = (0, import_react77.forwardRef)(
+  ({
+    required,
+    disabled,
+    readOnly,
+    error,
+    variant,
+    size: size2,
+    width = "full",
+    ...rest
+  }, ref) => {
+    const classNames3 = (0, import_system108.useClassNames)({ component: "DateField", variant, size: size2 });
+    const props = {
+      isDisabled: disabled,
+      isReadOnly: readOnly,
+      isInvalid: error,
+      isRequired: required,
+      ...rest
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      FieldBase,
+      {
+        as: import_react_aria_components76.TimeField,
+        variant,
+        size: size2,
+        width,
+        ...props,
+        ref,
+        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react_aria_components76.DateInput, { className: classNames3.field, children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react_aria_components76.DateSegment, { className: classNames3.segment, segment }) })
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -11150,6 +11199,7 @@ var import_react_aria_components75 = require("react-aria-components");
   TextField,
   ThemeProvider,
   Tiles,
+  TimeField,
   Tooltip,
   Underlay,
   VisuallyHidden,

package/dist/index.mjs CHANGED Viewed

@@ -884,7 +884,7 @@ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var AccordionHeader = ({ children }) => {
   const { classNames: classNames3 } = useAccordionContext();
   const { isExpanded } = useContext2(DisclosureStateContext);
-  return /* @__PURE__ */ jsx2(Heading, { children: /* @__PURE__ */ jsxs(Button, { slot: "trigger", className: classNames3.header, children: [
+  return /* @__PURE__ */ jsx2(Heading, { className: "flex-1", children: /* @__PURE__ */ jsxs(Button, { slot: "trigger", className: classNames3.header, children: [
     children,
     /* @__PURE__ */ jsx2(
       ChevronDown,
@@ -2639,7 +2639,7 @@ var _Form = ({ unstyled, maxWidth = "full", ...props }) => /* @__PURE__ */ jsx55
 );
 // src/Grid/Grid.tsx
-import { cn as cn34, gapSpace as gapSpace6, height as twHeight } from "@marigold/system";
+import { alignment, cn as cn34, gapSpace as gapSpace6, height as twHeight } from "@marigold/system";
 // src/Grid/GridArea.tsx
 import { jsx as jsx56 } from "react/jsx-runtime";
@@ -2654,14 +2654,23 @@ var Grid = ({
   areas,
   columns,
   rows,
+  alignX,
+  alignY,
   height = "auto",
   space = 0,
   ...props
 }) => {
+  var _a, _b, _c, _d;
   return /* @__PURE__ */ jsx57(
     "div",
     {
-      className: cn34("grid", gapSpace6[space], twHeight[height]),
+      className: cn34(
+        "grid",
+        alignX && ((_b = (_a = alignment) == null ? void 0 : _a.horizontal) == null ? void 0 : _b.alignmentX[alignX]),
+        alignY && ((_d = (_c = alignment) == null ? void 0 : _c.horizontal) == null ? void 0 : _d.alignmentY[alignY]),
+        gapSpace6[space],
+        twHeight[height]
+      ),
       style: {
         gridTemplateAreas: parseGridAreas(areas),
         gridTemplateColumns: parseTemplateValue(columns),
@@ -2759,7 +2768,7 @@ var Image = ({
 };
 // src/Inline/Inline.tsx
-import { alignment, cn as cn37, gapSpace as gapSpace7 } from "@marigold/system";
+import { alignment as alignment2, cn as cn37, gapSpace as gapSpace7 } from "@marigold/system";
 import { jsx as jsx61 } from "react/jsx-runtime";
 var Inline = ({
   space = 0,
@@ -2776,8 +2785,8 @@ var Inline = ({
       className: cn37(
         "flex flex-wrap",
         gapSpace7[space],
-        alignX && ((_b = (_a = alignment) == null ? void 0 : _a.horizontal) == null ? void 0 : _b.alignmentX[alignX]),
-        alignY && ((_d = (_c = alignment) == null ? void 0 : _c.horizontal) == null ? void 0 : _d.alignmentY[alignY])
+        alignX && ((_b = (_a = alignment2) == null ? void 0 : _a.horizontal) == null ? void 0 : _b.alignmentX[alignX]),
+        alignY && ((_d = (_c = alignment2) == null ? void 0 : _c.horizontal) == null ? void 0 : _d.alignmentY[alignY])
       ),
       children
     }
@@ -9976,7 +9985,7 @@ import { jsx as jsx100 } from "react/jsx-runtime";
 var Split = () => /* @__PURE__ */ jsx100("div", { role: "separator", className: "grow" });
 // src/Stack/Stack.tsx
-import { alignment as alignment2, cn as cn60, gapSpace as gapSpace8 } from "@marigold/system";
+import { alignment as alignment3, cn as cn60, gapSpace as gapSpace8 } from "@marigold/system";
 import { jsx as jsx101 } from "react/jsx-runtime";
 var Stack = ({
   children,
@@ -9993,8 +10002,8 @@ var Stack = ({
       className: cn60(
         "flex flex-col",
         gapSpace8[space],
-        alignX && ((_b = (_a = alignment2) == null ? void 0 : _a.vertical) == null ? void 0 : _b.alignmentX[alignX]),
-        alignY && ((_d = (_c = alignment2) == null ? void 0 : _c.vertical) == null ? void 0 : _d.alignmentY[alignY]),
+        alignX && ((_b = (_a = alignment3) == null ? void 0 : _a.vertical) == null ? void 0 : _b.alignmentX[alignX]),
+        alignY && ((_d = (_c = alignment3) == null ? void 0 : _c.vertical) == null ? void 0 : _d.alignmentY[alignY]),
         stretch && "h-full w-full"
       ),
       ...props,
@@ -11085,6 +11094,45 @@ _Tabs.Item = _Tab;
 // src/RouterProvider/RouterProvider.tsx
 import { RouterProvider } from "react-aria-components";
+// src/TimeField/TimeField.tsx
+import { forwardRef as forwardRef34 } from "react";
+import { DateInput as DateInput2, DateSegment as DateSegment2, TimeField } from "react-aria-components";
+import { useClassNames as useClassNames69 } from "@marigold/system";
+import { jsx as jsx127 } from "react/jsx-runtime";
+var _TimeField = forwardRef34(
+  ({
+    required,
+    disabled,
+    readOnly,
+    error,
+    variant,
+    size: size2,
+    width = "full",
+    ...rest
+  }, ref) => {
+    const classNames3 = useClassNames69({ component: "DateField", variant, size: size2 });
+    const props = {
+      isDisabled: disabled,
+      isReadOnly: readOnly,
+      isInvalid: error,
+      isRequired: required,
+      ...rest
+    };
+    return /* @__PURE__ */ jsx127(
+      FieldBase,
+      {
+        as: TimeField,
+        variant,
+        size: size2,
+        width,
+        ...props,
+        ref,
+        children: /* @__PURE__ */ jsx127(DateInput2, { className: classNames3.field, children: (segment) => /* @__PURE__ */ jsx127(DateSegment2, { className: classNames3.segment, segment }) })
+      }
+    );
+  }
+);
 export {
   Accordion,
   AccordionItem,
@@ -11156,6 +11204,7 @@ export {
   _TextField as TextField,
   ThemeProvider2 as ThemeProvider,
   Tiles,
+  _TimeField as TimeField,
   _Tooltip as Tooltip,
   Underlay,
   VisuallyHidden,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "12.0.2",
+  "version": "12.0.3",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -54,7 +54,7 @@
     "@react-types/table": "3.13.0",
     "react-aria-components": "1.9.0",
     "react-stately": "3.38.0",
-    "@marigold/system": "12.0.2",
+    "@marigold/system": "12.0.3",
     "@marigold/types": "1.3.1"
   },
   "peerDependencies": {
@@ -66,7 +66,7 @@
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "tsup": "8.4.0",
-    "@marigold/icons": "1.3.10",
+    "@marigold/icons": "1.3.11",
     "@marigold/tsconfig": "0.4.0"
   },
   "scripts": {