@strapi/design-system 1.18.0 → 2.0.0-beta.0

package/dist/Button/Button.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { Variant, ButtonSizes } from './constants';
+import { BaseButtonProps } from '../BaseButton';
+export declare const ButtonWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
+    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
+    background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("../themes/colors").Colors | undefined;
+    color?: keyof import("../themes/colors").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
+    paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
+    marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
+    marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("../themes/colors").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    borderStyle?: import("csstype").Property.BorderStyle | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+    children?: React.ReactNode;
+    as?: string | React.ComponentType<any> | undefined;
+    forwardedAs?: string | React.ComponentType<any> | undefined;
+} & {
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    direction?: import("csstype").Property.FlexDirection | undefined;
+    gap?: any;
+    inline?: boolean | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    wrap?: import("csstype").Property.FlexWrap | undefined;
+} & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, Required<Pick<ButtonProps, "size" | "variant">>, never>;
+export interface ButtonProps extends BaseButtonProps {
+    endIcon?: React.ReactNode;
+    fullWidth?: boolean;
+    loading?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    size?: ButtonSizes;
+    startIcon?: React.ReactNode;
+    variant?: Variant;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/Button/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const SUCCESS_LIGHT = "success-light";
+export declare const DANGER_LIGHT = "danger-light";
+export declare const DEFAULT = "default";
+export declare const TERTIARY = "tertiary";
+export declare const SECONDARY = "secondary";
+export declare const DANGER = "danger";
+export declare const SUCCESS = "success";
+export declare const GHOST = "ghost";
+export declare const LIGHT_VARIANTS: readonly ["success-light", "danger-light"];
+export declare const VARIANTS: readonly ["default", "tertiary", "secondary", "danger", "success", "ghost", "success-light", "danger-light"];
+export declare const BUTTON_SIZES: readonly ["S", "M", "L"];
+export type Variant = (typeof VARIANTS)[number];
+export type ButtonSizes = (typeof BUTTON_SIZES)[number];

package/dist/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/Button/utils.d.ts

@@ -0,0 +1,18 @@
+import { DefaultTheme } from 'styled-components';
+import { Variant } from './constants';
+export declare const getVariantColorName: (variant: Variant) => 'success' | 'danger' | 'neutral' | 'primary';
+export declare const getDisabledStyle: ({ theme }: {
+    theme: DefaultTheme;
+}) => string;
+export declare const getHoverStyle: ({ theme, variant }: {
+    theme: DefaultTheme;
+    variant: Variant;
+}) => string;
+export declare const getActiveStyle: ({ theme, variant }: {
+    theme: DefaultTheme;
+    variant: Variant;
+}) => string;
+export declare const getVariantStyle: ({ theme, variant }: {
+    theme: DefaultTheme;
+    variant: Variant;
+}) => string;

package/dist/Card/Card.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '../Box';
+export interface CardProps extends BoxProps {
+    id?: string;
+}
+export declare const Card: ({ id, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card/CardAction.d.ts

@@ -0,0 +1,55 @@
+import { FlexProps } from '../Flex';
+export type CardActionPosition = 'end' | 'start';
+export declare const CardAction: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
+    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
+    background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("../themes/colors").Colors | undefined;
+    color?: keyof import("../themes/colors").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
+    paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
+    marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
+    marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("../themes/colors").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    borderStyle?: import("csstype").Property.BorderStyle | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+    children?: import("react").ReactNode;
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    direction?: import("csstype").Property.FlexDirection | undefined;
+    gap?: any;
+    inline?: boolean | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    wrap?: import("csstype").Property.FlexWrap | undefined;
+} & {
+    direction: string;
+    gap: number;
+} & {
+    position: FlexProps['position'] | CardActionPosition;
+}, "direction" | "gap">;

package/dist/Card/CardAsset.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type CardAssetSizes = 'S' | 'M';
+export interface CardAssetProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    size?: CardAssetSizes;
+    children?: React.ReactNode;
+}
+export declare const CardAsset: ({ size, children, ...props }: CardAssetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card/CardBadge.d.ts

@@ -0,0 +1,3 @@
+import { BadgeProps } from '../Badge';
+export type CardBadgeProps = BadgeProps;
+export declare const CardBadge: (props: CardBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card/CardBody.d.ts

@@ -0,0 +1,3 @@
+import { FlexProps } from '../Flex';
+export type CardBodyProps = FlexProps;
+export declare const CardBody: (props: CardBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card/CardCheckbox.d.ts

@@ -0,0 +1,3 @@
+import { BaseCheckboxProps } from '../BaseCheckbox';
+export type CardCheckboxProps = BaseCheckboxProps;
+export declare const CardCheckbox: (props: CardCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card/CardContent.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { BoxProps } from '../Box';
+export interface CardContentProps extends BoxProps {
+    children: React.ReactNode;
+}
+export declare const CardContent: ({ children, ...props }: CardContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card/CardContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const CardContext: React.Context<{
+    id: string;
+}>;
+export declare const useCard: () => {
+    id: string;
+};

package/dist/Card/CardHeader.d.ts

@@ -0,0 +1,3 @@
+import { FlexProps } from '../Flex';
+export type CardHeaderProps = FlexProps;
+export declare const CardHeader: (props: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card/CardTimer.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { BoxProps } from '../Box';
+export interface CardTimerProps extends BoxProps {
+    children: React.ReactNode;
+}
+export declare const CardTimer: ({ children, ...props }: CardTimerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card/CardTitle.d.ts

@@ -0,0 +1,5 @@
+import { TypographyProps } from '../Typography';
+export type CardTitleProps = TypographyProps;
+export declare const CardTitle: (props: CardTitleProps) => import("react/jsx-runtime").JSX.Element;
+export type CardSubtitleProps = Omit<TypographyProps, 'textColor' | 'as'>;
+export declare const CardSubtitle: (props: CardSubtitleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Card';
+export * from './CardAction';
+export * from './CardAsset';
+export * from './CardBadge';
+export * from './CardBody';
+export * from './CardCheckbox';
+export * from './CardContent';
+export * from './CardHeader';
+export * from './CardTimer';
+export * from './CardTitle';

package/dist/CarouselInput/Carousel.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { BoxProps } from '../Box';
+export interface CarouselProps extends BoxProps {
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+    label: string;
+    nextLabel: string;
+    onNext: () => void;
+    onPrevious: () => void;
+    previousLabel: string;
+    secondaryLabel?: string;
+    selectedSlide: number;
+}
+export type CarouselElement = HTMLDivElement;
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;

package/dist/CarouselInput/CarouselActions.d.ts

@@ -0,0 +1,10 @@
+import { FlexProps } from '../Flex';
+export interface CarouselActionsProps extends FlexProps {
+    horizontal?: boolean;
+    /**
+     * @preserve
+     * @deprecated use `gap` instead
+     */
+    spacing?: FlexProps['gap'];
+}
+export declare const CarouselActions: ({ horizontal, spacing, ...props }: CarouselActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CarouselInput/CarouselImage.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '../Box';
+export interface CarouselImageProps extends BoxProps<'img'> {
+    alt: string;
+    src: string;
+}
+export declare const CarouselImage: (props: CarouselImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CarouselInput/CarouselInput.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { CarouselProps } from './Carousel';
+import { FieldProps, FieldLabelProps } from '../Field';
+export interface CarouselInputProps extends CarouselProps, Pick<FieldProps, 'hint' | 'error' | 'required'> {
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+    labelAction?: FieldLabelProps['action'];
+}
+export declare const CarouselInput: React.ForwardRefExoticComponent<CarouselInputProps & React.RefAttributes<HTMLDivElement>>;

package/dist/CarouselInput/CarouselSlide.d.ts

@@ -0,0 +1,7 @@
+import { FlexProps } from '../Flex';
+export interface CarouselSlideProps extends FlexProps {
+    children: React.ReactNode;
+    label: string;
+    selected?: boolean;
+}
+export declare const CarouselSlide: ({ label, children, selected, ...props }: CarouselSlideProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CarouselInput/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Carousel';
+export * from './CarouselInput';
+export * from './CarouselActions';
+export * from './CarouselImage';
+export * from './CarouselSlide';

package/dist/Checkbox/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { BaseCheckboxProps } from '../BaseCheckbox';
+import { FieldProps } from '../Field';
+interface CheckboxProps extends BaseCheckboxProps, Pick<FieldProps, 'hint' | 'error'> {
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Checkbox';

package/dist/Combobox/Combobox.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { Combobox as ComboboxPrimitive } from '@strapi/ui-primitives';
+import { FieldLabelProps, FieldProps } from '../Field';
+export interface ComboboxInputProps extends Pick<ComboboxPrimitive.RootProps, 'allowCustomValue' | 'value' | 'autocomplete' | 'textValue' | 'disabled' | 'defaultTextValue' | 'required' | 'disabled' | 'isPrintableCharacter'>, Pick<FieldProps, 'error' | 'id'>, Omit<ComboboxPrimitive.TextInputProps, 'required' | 'disabled' | 'value' | 'onChange' | 'size'> {
+    children: React.ReactNode;
+    className?: string;
+    clearLabel?: string;
+    creatable?: boolean;
+    createMessage?: (inputValue: string) => string;
+    defaultFilterValue?: string;
+    defaultTextValue?: string;
+    defaultOpen?: boolean;
+    open?: boolean;
+    filterValue?: string;
+    hasMoreItems?: boolean;
+    loading?: boolean;
+    loadingMessage?: string;
+    noOptionsMessage?: (inputValue: string) => string;
+    onChange?: (value?: string) => void;
+    onClear?: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLDivElement>) => void;
+    onCreateOption?: (inputValue: string) => void;
+    onFilterValueChange?: (filterValue?: string) => void;
+    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onLoadMore?: (entry: IntersectionObserverEntry) => void;
+    onOpenChange?: (open?: boolean) => void;
+    onTextValueChange?: (textValue?: string) => void;
+    placeholder?: string;
+    size?: 'S' | 'M';
+    startIcon?: React.ReactNode;
+}
+export type ComboboxInputElement = HTMLInputElement;
+export declare const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps & React.RefAttributes<HTMLInputElement>>;
+interface ComboboxPropsWithoutLabel extends ComboboxInputProps, Pick<FieldProps, 'hint'> {
+    labelAction?: FieldLabelProps['action'];
+}
+export type ComboboxProps = (ComboboxPropsWithoutLabel & {
+    label: string;
+    'aria-label'?: never;
+}) | (ComboboxPropsWithoutLabel & {
+    label?: never;
+    'aria-label': string;
+});
+export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+type CreatableComboboxPropsWithoutLabel = Omit<ComboboxPropsWithoutLabel, 'onCreateOption'> & Required<Pick<ComboboxPropsWithoutLabel, 'onCreateOption'>>;
+export type CreatableComboboxProps = (CreatableComboboxPropsWithoutLabel & {
+    label: string;
+    'aria-label'?: never;
+}) | (CreatableComboboxPropsWithoutLabel & {
+    label?: never;
+    'aria-label': string;
+});
+export declare const CreatableCombobox: (props: CreatableComboboxProps) => import("react/jsx-runtime").JSX.Element;
+export interface ComboboxOptionProps extends ComboboxPrimitive.ItemProps {
+    children: React.ReactNode;
+}
+export declare const Option: React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const OptionBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $hasHover?: boolean | undefined;
+}, never>;
+export {};

package/dist/Combobox/ComboboxList.d.ts

@@ -0,0 +1,10 @@
+interface ComboboxListProps {
+    options: unknown[];
+}
+/**
+ * @preserve
+ * @deprecated
+ * This component was deprecated in 1.6.2. It will be removed in the next major release 2.0.0.
+ */
+export declare const ComboboxList: ({ options }: ComboboxListProps) => JSX.Element;
+export {};

package/dist/Combobox/ComboboxOption.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxOptionProps } from './Combobox';
+export declare const ComboboxOption: import("react").ForwardRefExoticComponent<ComboboxOptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { ComboboxOptionProps };

package/dist/Combobox/index.d.ts

@@ -0,0 +1,3 @@
+export { Combobox, CreatableCombobox } from './Combobox';
+export type { ComboboxProps } from './Combobox';
+export * from './ComboboxOption';

package/dist/DatePicker/DatePicker.d.ts

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { CalendarDate } from '@internationalized/date';
+import { FieldProps } from '../Field';
+import { FlexProps } from '../Flex';
+interface DatePickerContextValue {
+    calendarDate: CalendarDate;
+    content: DatePickerContentElement | null;
+    contentId: string;
+    disabled: boolean;
+    locale: string;
+    minDate: CalendarDate;
+    maxDate: CalendarDate;
+    open: boolean;
+    onCalendarDateChange: (date: CalendarDate) => void;
+    onContentChange: (content: DatePickerContentElement | null) => void;
+    onOpenChange: (isOpen: boolean) => void;
+    onTextInputChange: (textInput: DatePickerTextInputElement | null) => void;
+    onTextValueChange: (textValue: string) => void;
+    onTriggerChange: (trigger: DatePickerTriggerElement | null) => void;
+    onValueChange: (value: CalendarDate | undefined) => void;
+    required: boolean;
+    textInput: DatePickerTextInputElement | null;
+    textValue?: string;
+    timeZone: string;
+    trigger: DatePickerTriggerElement | null;
+    value?: CalendarDate;
+}
+interface DatePickerInputProps extends Pick<FieldProps, 'required' | 'id' | 'error'>, Pick<Partial<DatePickerContextValue>, 'disabled' | 'locale'>, Pick<TextInputProps, 'placeholder'>, Pick<CalendarProps, 'monthSelectLabel' | 'yearSelectLabel'>, Pick<TriggerProps, 'size'>, Omit<TextInputProps, 'size' | 'onChange' | 'value' | 'id' | 'ref'> {
+    calendarLabel?: string;
+    className?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    /**
+     * @default Now
+     */
+    initialDate?: Date | string;
+    /**
+     * onChange function, passed from a parent component, it takes the actual date value and it is used inside the different handlers related to the change event for the DatePicker and the TimePicker and also the clear event for the TimePicker
+     */
+    onChange?: (date: Date | undefined) => void;
+    selectedDate?: Date | string;
+    /**
+     * @deprecated This is no longer used.
+     */
+    ariaLabel?: string;
+    /**
+     * @preserve
+     * @deprecated This is no longer used.
+     */
+    selectedDateLabel?: (date: string) => string;
+    onClear?: (e: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLDivElement>) => void;
+    clearLabel?: string;
+}
+declare const DatePickerInput: React.ForwardRefExoticComponent<DatePickerInputProps & React.RefAttributes<HTMLInputElement>>;
+type DatePickerTriggerElement = HTMLDivElement;
+interface TriggerProps extends FlexProps {
+    hasError?: boolean;
+    /**
+     * @default "M"
+     */
+    size?: 'S' | 'M';
+}
+type DatePickerTextInputElement = HTMLInputElement;
+interface TextInputProps extends React.ComponentPropsWithRef<'input'> {
+}
+type DatePickerContentElement = DatePickerContentImplElement;
+type DatePickerContentImplElement = HTMLDivElement;
+interface CalendarProps extends FlexProps<'div'> {
+    monthSelectLabel?: string;
+    yearSelectLabel?: string;
+}
+interface DatePickerProps extends Pick<FieldProps, 'hint'>, DatePickerInputProps {
+    label: string;
+}
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
+type DatePickerElement = DatePickerTextInputElement;
+export { DatePicker, DatePickerInput };
+export type { DatePickerProps, DatePickerInputProps, DatePickerElement };

package/dist/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';

package/dist/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { CalendarDateTime } from '@internationalized/date';
+import { DatePickerInputProps } from '../DatePicker/DatePicker';
+import { FieldProps, FieldLabelProps } from '../Field';
+import { TimePickerProps } from '../TimePicker';
+export interface DateTimePickerProps extends Omit<DatePickerInputProps, 'step' | 'onChange' | 'error' | 'selectedDate'>, Pick<TimePickerProps, 'step' | 'selectButtonTitle'>, Pick<FieldProps, 'name' | 'hint' | 'error'> {
+    /**
+     * Label for the DatePicker field
+     * @default "Date"
+     */
+    dateLabel?: string;
+    /**
+     * Label for the TimePicker field
+     * @default "Time"
+     */
+    timeLabel?: string;
+    /**
+     * Label used to describe the DateTimePicker fieldset
+     */
+    label: string;
+    /**
+     * Label Action
+     */
+    labelAction?: FieldLabelProps['action'];
+    onChange?: (date: Date | undefined) => void;
+    /**
+     * Value. The Date passed as value
+     */
+    value?: Date | null;
+}
+export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLInputElement>>;
+export declare const convertUTCDateToCalendarDateTime: (date: Date | string, resetTime?: boolean) => CalendarDateTime;

package/dist/DateTimePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './DateTimePicker';

package/dist/DesignSystemProvider.d.ts

@@ -0,0 +1,10 @@
+import { ThemeProviderProps } from './ThemeProvider';
+interface DesignSystemContextValue {
+    locale: string;
+}
+declare const useDesignSystem: (consumerName: string) => DesignSystemContextValue;
+interface DesignSystemProviderProps extends ThemeProviderProps, Partial<DesignSystemContextValue> {
+}
+declare const DesignSystemProvider: ({ locale, ...restProps }: DesignSystemProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { useDesignSystem, DesignSystemProvider };
+export type { DesignSystemProviderProps, DesignSystemContextValue };

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '../Box';
+export interface DialogProps extends BoxProps {
+    onClose: () => void;
+    title: string;
+    isOpen: boolean;
+}
+export declare const Dialog: ({ onClose, title, as, isOpen, id, zIndex, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Dialog/DialogBody.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface DialogBodyProps {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+}
+export declare const DialogBody: ({ children, icon }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Dialog/DialogFooter.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface DialogFooterProps {
+    startAction?: React.ReactNode;
+    endAction?: React.ReactNode;
+}
+export declare const DialogFooter: ({ startAction, endAction }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Dialog';
+export * from './DialogBody';
+export * from './DialogFooter';

package/dist/DismissibleLayer/index.d.ts

@@ -0,0 +1,3 @@
+import * as DismissibleLayerPrimitive from '@radix-ui/react-dismissable-layer';
+export declare const DismissibleLayer: import("react").ForwardRefExoticComponent<DismissibleLayerPrimitive.DismissableLayerProps & import("react").RefAttributes<HTMLDivElement>>;
+export type DismissibleLayerProps = DismissibleLayerPrimitive.DismissableLayerProps;

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '../Box';
+export interface DividerProps extends Omit<BoxProps<'hr'>, 'as' | 'background'> {
+    /**
+     * @preserve
+     * @deprecated use `margin` style props instead
+     */
+    unsetMargin?: boolean;
+}
+export declare const Divider: ({ unsetMargin, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';

package/dist/EmptyStateLayout/EmptyStateLayout.d.ts

@@ -0,0 +1,7 @@
+import { FlexProps } from '../Flex';
+export interface EmptyStateLayoutProps extends Pick<FlexProps, 'hasRadius' | 'shadow'> {
+    action?: React.ReactNode;
+    content: string;
+    icon: React.ReactNode;
+}
+export declare const EmptyStateLayout: ({ icon, content, action, hasRadius, shadow, }: EmptyStateLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/EmptyStateLayout/index.d.ts

@@ -0,0 +1 @@
+export * from './EmptyStateLayout';

package/dist/EmptyStateLayout/story-assets/Illo.d.ts

@@ -0,0 +1 @@
+export declare const Illo: () => import("react/jsx-runtime").JSX.Element;

package/dist/Field/Field.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { BoxProps } from '../Box';
+export interface FieldProps extends BoxProps {
+    children: React.ReactNode;
+    error?: string | boolean;
+    hint?: React.ReactNode;
+    id?: string;
+    name?: string;
+    /**
+     * @default false
+     */
+    required?: boolean;
+}
+export declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Field/FieldAction.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { FlexProps } from '../Flex';
+export interface FieldActionProps extends FlexProps<'button'> {
+    label: string;
+    children: React.ReactNode;
+}
+export declare const FieldAction: React.ForwardRefExoticComponent<FieldActionProps & React.RefAttributes<HTMLButtonElement>>;