@strapi/design-system 1.16.0 → 1.17.0-typescript.0

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,8 @@
+import { StackProps } from '../Stack';
+export type CardActionPosition = 'end' | 'start';
+export declare const CardAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    horizontal: true;
+    spacing: 2;
+} & {
+    position: StackProps['position'] | CardActionPosition;
+}, "spacing" | "horizontal">;

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,6 @@
+export declare const CardContext: import("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,8 @@
+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: import("react").ForwardRefExoticComponent<CarouselInputProps & import("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/__tests__/Combobox.spec.d.ts

@@ -0,0 +1 @@
+export {};

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/__tests__/DatePicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

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/__tests__/DateTimePicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

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, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Dialog/DialogBody.d.ts

@@ -0,0 +1,6 @@
+import 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 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/__tests__/Dialog.spec.d.ts

@@ -0,0 +1 @@
+export {};

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 { ReactNode } from 'react';
+import { BoxProps } from '../Box';
+export interface FieldProps extends BoxProps {
+    children: ReactNode;
+    error?: string | boolean;
+    hint?: ReactNode;
+    id?: string;
+    name?: string;
+    /**
+     * @default false
+     */
+    required?: boolean;
+}
+export declare const Field: import("react").ForwardRefExoticComponent<FieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Field/FieldAction.d.ts

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

package/dist/Field/FieldContext.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface FieldContextValue {
+    error?: string | boolean;
+    hint?: ReactNode;
+    name?: string;
+    id: string;
+    required: boolean;
+}
+export declare const FieldContext: import("react").Context<FieldContextValue>;
+export declare const useField: () => FieldContextValue;

package/dist/Field/FieldError.d.ts

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

package/dist/Field/FieldHint.d.ts

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

package/dist/Field/FieldInput.d.ts

@@ -0,0 +1,61 @@
+import { ChangeEventHandler } from 'react';
+import { DefaultTheme } from 'styled-components';
+export interface FieldInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    endAction?: React.ReactNode;
+    startAction?: React.ReactNode;
+    disabled?: boolean;
+    size?: keyof DefaultTheme['sizes']['input'];
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const FieldInput: import("react").ForwardRefExoticComponent<FieldInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "pointerEvents" | "position" | "textAlign" | "textTransform" | "transform" | "zIndex" | "animation" | "overflow" | "transition"> & {
+    _hover?: ((theme: 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;
+} & {
+    disabled: boolean;
+    hasError: boolean;
+}, never>;

package/dist/Field/FieldLabel.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { TypographyProps } from '../Typography';
+export interface FieldLabelProps extends TypographyProps<'label'> {
+    action?: ReactNode;
+    /**
+     * @preserve
+     * @deprecated "required" should be given to Field component to share the value across components
+     */
+    required?: boolean;
+}
+export declare const FieldLabel: import("react").ForwardRefExoticComponent<FieldLabelProps & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/Field/__tests__/Field.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Field/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Field';
+export * from './FieldLabel';
+export * from './FieldInput';
+export * from './FieldHint';
+export * from './FieldError';
+export * from './FieldContext';
+export * from './FieldAction';

package/dist/Flex/Flex.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'styled-components';
+import { BoxProps } from '../Box';
+import { ResponsiveValue } from '../helpers/handleResponsiveValues';
+export type FlexProps<TElement extends keyof JSX.IntrinsicElements = 'div'> = BoxProps<TElement> & {
+    alignItems?: CSSProperties['alignItems'];
+    direction?: CSSProperties['flexDirection'];
+    /**
+     * Supports responsive values
+     */
+    gap?: ResponsiveValue;
+    inline?: boolean;
+    justifyContent?: CSSProperties['justifyContent'];
+    wrap?: CSSProperties['flexWrap'];
+};
+export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FlexProps<"div">, never>;