welcome-ui 8.4.0 → 9.0.0-alpha.1

package/dist/types/components/Drawer/index.d.ts

@@ -1,52 +1,18 @@
-import { default as React } from 'react';
-import { As, CreateWuiProps } from '../System';
-import * as Ariakit from '@ariakit/react';
-export interface DrawerOptions extends Ariakit.DialogOptions<'div'> {
-    placement?: Placement;
-    size?: Size;
-    withBackdrop?: boolean;
-    withCloseButton?: boolean;
-}
-export type DrawerProps = CreateWuiProps<'div', DrawerOptions>;
-type Placement = 'bottom' | 'left' | 'right' | 'top';
-type Size = 'auto' | 'sm' | 'md' | 'lg' | string;
-export interface DrawerBackdropOptions {
-    hideOnInteractOutside?: boolean;
-}
-export type UseDrawer = Ariakit.DialogStore;
-export type UseDrawerProps = Ariakit.DialogStoreProps;
-export type UseDrawerState = Ariakit.DialogStoreState;
-export declare function useDrawer(options?: UseDrawerProps): UseDrawer;
-/**
- * @name Drawer.Backdrop
- */
-export declare const DrawerBackdrop: React.FC<DrawerBackdropOptions>;
-type TriggerProps = {
-    as?: As;
-    children: React.ReactNode;
-    store: Ariakit.DialogStore;
+import { DrawerProps } from './types';
+export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
+    Backdrop: ({ hideOnInteractOutside, ...rest }: import('./types').BackdropProps) => import("react/jsx-runtime").JSX.Element;
+    Close: ({ className }: import('./types').CloseProps) => import("react/jsx-runtime").JSX.Element;
+    Content: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: import('react').Ref<HTMLDivElement>;
+    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: import('react').Ref<HTMLDivElement>;
+    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Title: ({ children, className, ...rest }: import('./types').TitleProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };
-export declare const Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
-export declare const Drawer: import('../System').CreateWuiComponent<"div", DrawerProps> & {
-    Backdrop: React.FC<DrawerBackdropOptions>;
-    Close: React.FC<import('./Close').CloseProps>;
-    Content: import('../System').CreateWuiComponent<"div", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../System').WuiProps>, never> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
-        as?: As;
-    }, never>>;
-    Footer: import('../System').CreateWuiComponent<"div", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../System').WuiProps>, never> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
-        as?: As;
-    }, never>>;
-    Title: React.FC<import('../Text').TextProps>;
-    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+export { useDialogStore as useDrawer } from '@ariakit/react';
+export declare const AssetDrawer: import('../../utils').FunctionComponentWithAs<"div", import('./AssetDrawer/types').AssetDrawerProps> & {
+    Header: ({ action, className, icon, onBackButtonClick, subtitle, title, }: import('./AssetDrawer/types').HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };
-export declare const AssetDrawer: import('../System').CreateWuiComponent<"div", import('./AssetDrawer').AssetDrawerProps> & {
-    Header: React.FC<{
-        action?: React.ReactNode;
-        icon?: React.FC<import('../Icon').IconProps>;
-        onBackButtonClick?: (props?: unknown) => void;
-        subtitle?: React.ReactNode;
-        title: React.ReactNode;
-    }>;
-    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
-};
-export {};

package/dist/types/components/Drawer/types.d.ts

@@ -0,0 +1,24 @@
+import { DialogOptions, DialogProps, DialogStore } from '@ariakit/react';
+import { ComponentPropsWithRef } from 'react';
+import { CloseButtonProps } from '../CloseButton/types';
+export type { DialogStore as UseDrawer, DialogStoreProps as UseDrawerProps, DialogStoreState as UseDrawerState, } from '@ariakit/react';
+export type BackdropOptions = {
+    hideOnInteractOutside?: boolean;
+};
+export type BackdropProps = BackdropOptions & ComponentPropsWithRef<'div'>;
+export type CloseProps = CloseButtonProps;
+export type ContentProps = ComponentPropsWithRef<'div'>;
+export interface DrawerOptions extends DialogOptions<'div'> {
+    placement?: Placement;
+    size?: Size;
+    withBackdrop?: boolean;
+    withCloseButton?: boolean;
+}
+export type DrawerProps = ComponentPropsWithRef<'div'> & DialogProps<'div'> & DrawerOptions;
+export type FooterProps = ComponentPropsWithRef<'div'>;
+export type TitleProps = ComponentPropsWithRef<'div'>;
+export type TriggerProps = ComponentPropsWithRef<'button'> & {
+    store: DialogStore;
+};
+type Placement = 'bottom' | 'left' | 'right' | 'top';
+type Size = 'auto' | 'sm' | 'md' | 'lg' | string;

package/dist/types/components/DropdownMenu/Arrow.d.ts

@@ -1,4 +1,2 @@
-import { CreateWuiProps } from '../System';
-import * as Ariakit from '@ariakit/react';
-export type ArrowProps = CreateWuiProps<'div', Ariakit.MenuArrowProps>;
-export declare const Arrow: import('../System').CreateWuiComponent<"div", ArrowProps>;
+import { ArrowProps } from './types';
+export declare const Arrow: import('react').ForwardRefExoticComponent<Omit<ArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/Item.d.ts

@@ -1,4 +1,2 @@
-import { CreateWuiProps } from '../System';
-import * as Ariakit from '@ariakit/react';
-export type ItemProps = CreateWuiProps<'button', Omit<Ariakit.MenuItemProps, 'as'>>;
-export declare const Item: import('../System').CreateWuiComponent<"button", ItemProps>;
+import { ItemProps } from './types';
+export declare const Item: import('../../utils').FunctionComponentWithAs<"button", ItemProps>;

package/dist/types/components/DropdownMenu/Separator.d.ts

@@ -1,4 +1,2 @@
-import { CreateWuiProps } from '../System';
-import * as Ariakit from '@ariakit/react';
-export type SeparatorProps = CreateWuiProps<'div', Ariakit.MenuSeparatorProps>;
-export declare const Separator: import('../System').CreateWuiComponent<"div", SeparatorProps>;
+import { SeparatorProps } from './types';
+export declare const Separator: import('react').ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & import('react').RefAttributes<HTMLHRElement>>;

package/dist/types/components/DropdownMenu/Trigger.d.ts

@@ -0,0 +1,2 @@
+import { TriggerProps } from './types';
+export declare const Trigger: import('../../utils').FunctionComponentWithAs<"button", TriggerProps>;

package/dist/types/components/DropdownMenu/index.d.ts

@@ -1,25 +1,9 @@
-import { CreateWuiProps, WuiProps } from '../System';
-import { ThemeValues } from '../../theme';
-import * as Ariakit from '@ariakit/react';
-export interface DropdownMenuOptions extends Omit<Ariakit.MenuProps, 'gutter'> {
-    /** default 4px (space.xs) */
-    gutter?: keyof ThemeValues['space'] | number;
-    /** add custom props from styled system on DropdownMenu inner */
-    innerProps?: WuiProps;
-}
-export type DropdownMenuProps = CreateWuiProps<'div', DropdownMenuOptions>;
-export type UseDropdownMenu = Ariakit.MenuStore;
-export type UseDropdownMenuProps = Ariakit.MenuStoreProps;
-export type UseDropdownMenuState = Ariakit.MenuStoreState;
-type TriggerOptions = {
-    store: UseDropdownMenu;
+import { DropdownMenuOptions } from './types';
+export * from './types';
+export { useMenuStore as useDropdownMenu } from '@ariakit/react';
+export declare const DropdownMenu: import('react').ForwardRefExoticComponent<Omit<DropdownMenuOptions, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
+    Arrow: import('react').ForwardRefExoticComponent<Omit<import('./types').ArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('../../utils').FunctionComponentWithAs<"button", import('./types').ItemProps>;
+    Separator: import('react').ForwardRefExoticComponent<Omit<import('./types').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLHRElement>>;
+    Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };
-type TriggerProps = CreateWuiProps<'button', TriggerOptions>;
-export declare function useDropdownMenu(options?: UseDropdownMenuProps): UseDropdownMenu;
-export declare const DropdownMenu: import('../System').CreateWuiComponent<"div", DropdownMenuProps> & {
-    Arrow: import('../System').CreateWuiComponent<"div", import('./Arrow').ArrowProps>;
-    Item: import('../System').CreateWuiComponent<"button", import('./Item').ItemProps>;
-    Separator: import('../System').CreateWuiComponent<"div", import('./Separator').SeparatorProps>;
-    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
-};
-export {};

package/dist/types/components/DropdownMenu/types.d.ts

@@ -0,0 +1,15 @@
+import { MenuArrowProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuStore } from '@ariakit/react';
+export type ArrowProps = MenuArrowProps;
+export interface DropdownMenuOptions extends Omit<MenuProps, 'gutter'> {
+    dataTestId?: string;
+    innerProps?: React.ComponentProps<'div'>;
+    withGutter?: boolean;
+}
+export type ItemProps = MenuItemProps;
+export type SeparatorProps = MenuSeparatorProps;
+export type TriggerProps = {
+    store: MenuStore;
+};
+export type { MenuStore as UseDropdownMenu } from '@ariakit/react';
+export type { MenuStoreProps as UseDropdownMenuProps } from '@ariakit/react';
+export type { MenuStoreState as UseDropdownMenuState } from '@ariakit/react';

package/dist/types/components/Field/index.d.ts

@@ -1,27 +1,5 @@
-import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
-import { getBaseType } from './utils';
-export interface FieldOptions extends VariantProps {
-    children: JSX.Element;
-    disabled?: boolean;
-    disabledIcon?: JSX.Element;
-    hint?: JSX.Element | string;
-    label?: JSX.Element | string;
-    required?: boolean;
-    transparent?: boolean;
-}
-export type FieldProps = CreateWuiProps<'div', FieldOptions>;
-type VariantProps = {
-    error?: JSX.Element | string;
-    success?: JSX.Element | string;
-    warning?: JSX.Element | string;
-};
-export declare const Field: import('../System').CreateWuiComponent<"div", FieldProps>;
-export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
-    iconPlacement: "left" | "right";
-    size?: import('../../utils').DefaultFieldIconSize;
-}>> & string;
-export declare const IconGroupWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
-    size: import('../../utils').DefaultFieldIconSize;
-}>> & string;
-export { getBaseType };
+import { FieldOptions, FieldState } from './types';
+export declare const FieldContext: import('react').Context<FieldState>;
+export declare function useDefaultID(defaultID?: string): string;
+export declare function useField(): FieldState;
+export declare const Field: import('../../utils').FunctionComponentWithAs<"div", FieldOptions>;

package/dist/types/components/Field/types.d.ts

@@ -0,0 +1,37 @@
+import { HTMLAttributes } from 'react';
+import { HintProps } from '../Hint/types';
+import { LabelProps } from '../Label/types';
+export interface FieldOptions extends VariantProps {
+    children: React.ReactNode;
+    disabled?: boolean;
+    disabledIcon?: React.ReactNode;
+    hideLabel?: boolean;
+    hint?: React.ReactNode;
+    hintProps?: HintProps;
+    /**
+     * If true, the field will be displayed inline (horizontally) instead of block (vertically).
+     */
+    inline?: boolean;
+    label: React.ReactNode;
+    labelProps?: LabelProps;
+    required?: boolean;
+}
+export type FieldState = {
+    disabled?: boolean;
+    /**
+     * Function that provides the necessary accessibility props to the input element.
+     */
+    getInputProps: FieldGetInputPropsFunction;
+    hintID: string;
+    labelID: string;
+    required?: boolean;
+    variant?: FieldStateVariant;
+};
+export type FieldStateVariant = 'danger' | 'success' | 'warning';
+type FieldGetInputPropsFunction = <T extends HTMLAttributes<HTMLElement>>(ownProps?: T) => T;
+type VariantProps = {
+    error?: React.ReactNode;
+    success?: React.ReactNode;
+    warning?: React.ReactNode;
+};
+export {};

package/dist/types/components/FieldGroup/index.d.ts

@@ -1,11 +1 @@
-import { default as React } from 'react';
-import { LabelOptions } from '../Label';
-import { CreateWuiProps } from '../System';
-export interface FieldGroupOptions {
-    children: React.ReactNode;
-    label?: React.ReactElement;
-    required?: LabelOptions['required'];
-}
-export type FieldGroupProps = CreateWuiProps<'fieldset', FieldGroupOptions>;
-export declare const FieldGroup: import('../System').CreateWuiComponent<"fieldset", FieldGroupProps>;
-export declare const StyledFieldGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;
+export declare const FieldGroup: import('react').ForwardRefExoticComponent<import('./types').FieldGroupOptions & import('react').HTMLAttributes<HTMLFieldSetElement> & import('react').RefAttributes<HTMLFieldSetElement>>;

package/dist/types/components/FieldGroup/types.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, default as React } from 'react';
+import { LabelProps } from '../Label/types';
+export interface FieldGroupOptions {
+    hideLabel?: boolean;
+    label: React.ReactNode;
+    required?: LabelProps['required'];
+}
+export type FieldGroupProps = FieldGroupOptions & HTMLAttributes<HTMLFieldSetElement>;

package/dist/types/components/FileDrop/components/FilePreview.d.ts

@@ -0,0 +1,2 @@
+import { FilePreviewProps } from '../types';
+export declare const FilePreview: ({ file, fileName, forceFileType, previewButtonText, }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FileDrop/components/Message.d.ts

@@ -0,0 +1,2 @@
+import { MessageProps } from '../types';
+export declare const Message: ({ disabled, fileButtonText, hint, openFile, title, }: MessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FileDrop/components/Preview.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { FileDropChildren } from '../types';
+export declare const Preview: React.FC<FileDropChildren>;

package/dist/types/components/FileDrop/index.d.ts

@@ -1,52 +1,3 @@
 import { default as React } from 'react';
-import { Accept, DropEvent, DropzoneProps, DropzoneState } from 'react-dropzone';
-import { ForceFileType } from '../Files';
-import { CreateWuiProps } from '../System';
-import { CreateEvent } from '../../utils/create-event';
-export type FileDropChildren = {
-    disabled?: boolean;
-    error?: string;
-    file?: FileType;
-    fileName?: string;
-    fileUrl?: FileUrlType;
-    forceFileType?: ForceFileType;
-    isAnImage?: boolean;
-    isHoverAccept?: DropzoneState['isDragAccept'];
-    isHoverReject?: DropzoneState['isDragReject'];
-    openFile?: OpenType;
-    wordings?: WordingsType;
-};
-export interface FileDropOptions {
-    /** Pass a comma-separated string of file types e.g. "image/png" or "image/png,image/jpeg" */
-    accept?: Accept;
-    children?: (state: FileDropChildren) => JSX.Element;
-    fileName?: string;
-    forceFileType?: ForceFileType;
-    handleAddFile?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;
-    handleRemoveFile?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;
-    isClearable?: boolean;
-    isEditable?: boolean;
-    name?: string;
-    onBlur?: () => void;
-    onChange?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;
-    onError?: (event?: string) => void;
-    value: FileType;
-    /** Pass an object with optional fields title, hint, fileButtonText and/or previewButtonText (string or JSX.Element) */
-    wordings?: WordingsType;
-}
-export type FileDropProps = CreateWuiProps<'div', FileDropOptions> & Omit<DropzoneProps, 'children'>;
-export interface FileWithPreview extends File {
-    preview?: string;
-}
-type FileType = FileWithPreview | string;
-type FileUrlType = string | URL;
-type OpenType = DropzoneState['open'];
-type WordingsType = {
-    fileButtonText?: JSX.Element | string;
-    hint?: JSX.Element | string;
-    previewButtonText?: JSX.Element | string;
-    title?: JSX.Element | string;
-};
-export declare const FileDrop: import('../System').CreateWuiComponent<"div", FileDropProps>;
-export declare const ImagePreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;
-export {};
+import { FileDropProps } from './types';
+export declare const FileDrop: React.ForwardRefExoticComponent<Omit<FileDropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/FileDrop/types.d.ts

@@ -0,0 +1,60 @@
+import { ComponentPropsWithRef, HTMLAttributes } from 'react';
+import { Accept, DropEvent, DropzoneProps, DropzoneState } from 'react-dropzone';
+import { ForceFileType } from '../Files/types';
+import { CreateEvent } from '../../utils/create-event';
+export type FileDropChildren = {
+    disabled?: boolean;
+    error?: string;
+    file?: FileType;
+    fileName?: string;
+    fileUrl?: FileUrlType;
+    forceFileType?: ForceFileType;
+    isAnImage?: boolean;
+    isHoverAccept?: DropzoneState['isDragAccept'];
+    isHoverReject?: DropzoneState['isDragReject'];
+    openFile?: OpenType;
+    wordings?: WordingsType;
+};
+export interface FileDropOptions {
+    /** Pass a comma-separated string of file types e.g. "image/png" or "image/png,image/jpeg" */
+    accept?: Accept;
+    children?: (state: FileDropChildren) => JSX.Element;
+    fileName?: string;
+    forceFileType?: ForceFileType;
+    handleAddFile?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;
+    handleRemoveFile?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;
+    isClearable?: boolean;
+    isEditable?: boolean;
+    name?: string;
+    onBlur?: () => void;
+    onChange?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;
+    onError?: (event?: string) => void;
+    value: FileType;
+    /** Pass an object with optional fields title, hint, fileButtonText and/or previewButtonText (string or JSX.Element) */
+    wordings?: WordingsType;
+}
+export type FileDropProps = ComponentPropsWithRef<'div'> & FileDropOptions & HTMLAttributes<HTMLDivElement> & Omit<DropzoneProps, 'children'>;
+export type FilePreviewProps = FileDropChildren['wordings'] & FilePreviewOptions;
+export interface FileWithPreview extends File {
+    preview?: string;
+}
+export type MessageProps = FileDropChildren['wordings'] & MessageOptions;
+interface FilePreviewOptions {
+    file: FileDropChildren['file'];
+    fileName?: string;
+    forceFileType?: ForceFileType;
+}
+type FileType = FileWithPreview | string;
+type FileUrlType = string | URL;
+interface MessageOptions {
+    disabled?: boolean;
+    openFile?: FileDropChildren['openFile'];
+}
+type OpenType = DropzoneState['open'];
+type WordingsType = {
+    fileButtonText?: JSX.Element | string;
+    hint?: JSX.Element | string;
+    previewButtonText?: JSX.Element | string;
+    title?: JSX.Element | string;
+};
+export {};

package/dist/types/components/FileDrop/utils.d.ts

@@ -1,3 +1,3 @@
-import { FileDropChildren } from './index';
+import { FileDropChildren } from './types';
 export declare const isAnImage: (file: FileDropChildren["file"]) => boolean;
 export declare const getPreviewUrl: (file: FileDropChildren["file"]) => FileDropChildren["fileUrl"];

package/dist/types/components/FileUpload/index.d.ts

@@ -1,35 +1,2 @@
-import { default as React } from 'react';
-import { FileType } from '../Files';
-import { CreateWuiProps } from '../System';
-import { TagProps } from '../Tag';
-import { createEvent } from '../../utils/create-event';
-export interface FileUploadOptions {
-    /** Pass a comma-separated string of file types e.g. "image/png" or "image/png,image/jpeg" */
-    accept?: string;
-    children?: (props: {
-        disabled: boolean;
-        files: FileWithPreviewType[];
-        onRemoveFile: HandleRemoveType;
-        openFile: () => void;
-    }) => React.ReactNode;
-    handleAddFile?: (files: FileWithPreviewType | FileWithPreviewType[]) => void;
-    handleRemoveFile?: HandleRemoveType;
-    maxSize?: number;
-    onBlur?: () => void;
-    onChange?: (event: ReturnType<typeof createEvent>) => void;
-    preview?: typeof DefaultPreview;
-}
-export type FileUploadPreviewProps = {
-    file: FileType;
-    onRemove: TagProps['onRemove'];
-};
-export type FileUploadProps = CreateWuiProps<'input', FileUploadOptions>;
-type FileWithPreview = File & {
-    name?: string;
-    preview?: string;
-};
-type FileWithPreviewType = FileWithPreview | string;
-type HandleRemoveType = (file: FileWithPreviewType) => void;
-declare const DefaultPreview: React.FC<FileUploadPreviewProps>;
-export declare const FileUpload: import('../System').CreateWuiComponent<"input", FileUploadProps>;
-export {};
+import { FileUploadProps } from './types';
+export declare const FileUpload: import('react').ForwardRefExoticComponent<Omit<FileUploadProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/components/FileUpload/types.d.ts

@@ -0,0 +1,28 @@
+import { ComponentPropsWithRef } from 'react';
+import { FileType } from '../Files/types';
+import { CreateEvent } from '../../utils/create-event';
+export type FileUploadPreviewProps = {
+    file: FileType;
+    onRemove: () => void;
+};
+export type FileUploadProps = FileUploadOptions & Omit<ComponentPropsWithRef<'input'>, 'children'>;
+export type FileWithPreview = (File & {
+    name?: string;
+    preview?: string;
+}) | string;
+interface FileUploadOptions {
+    /** Pass a comma-separated string of file types e.g. "image/png" or "image/png,image/jpeg" */
+    accept?: string;
+    children?: (props: {
+        disabled: boolean;
+        files: FileWithPreview[];
+        onRemoveFile: (file: FileWithPreview) => void;
+        openFile: () => void;
+    }) => React.ReactNode;
+    handleAddFile?: (files: FileWithPreview | FileWithPreview[]) => void;
+    handleRemoveFile?: (file: FileWithPreview) => void;
+    onBlur?: () => void;
+    onChange?: (event: CreateEvent) => void;
+    preview?: React.FC<FileUploadPreviewProps>;
+}
+export {};

package/dist/types/components/Files/index.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { IconProps } from '../Icon';
-export type FileType = File | string;
-export type ForceFileType = 'audio' | 'image' | 'video';
+import { FileType, ForceFileType } from './types';
 export declare function getFileIcon(file: FileType, forceFileType?: ForceFileType): React.FC<IconProps>;
 export declare function getFileName(file: FileType): string;
 export declare function getFileSize(file: FileType): string;

package/dist/types/components/Files/index.test.d.ts

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

package/dist/types/components/Files/types.d.ts

@@ -1,4 +1,5 @@
-export type Type = (string & {}) | Types[keyof Types];
+import { LiteralUnion } from '../../utils/ts-utils';
+export type Type = LiteralUnion<Types[keyof Types]>;
 export interface Types {
     '7z': 'application/x-7z-compressed';
     aac: 'audio/aac';
@@ -69,4 +70,6 @@ interface TypesWithString extends Types {
     [key: string]: string;
 }
 export declare const types: TypesWithString;
+export type FileType = File | string;
+export type ForceFileType = 'audio' | 'image' | 'video';
 export {};

package/dist/types/components/Hint/index.d.ts

@@ -1,10 +1,2 @@
-import { CreateWuiProps } from '../System';
-export interface HintOptions {
-    checkableField?: boolean;
-    variant?: 'danger' | 'success' | 'warning';
-}
-export type HintProps = CreateWuiProps<'div', HintOptions>;
-export declare const Hint: import('../System').CreateWuiComponent<"div", HintProps>;
-export declare const StyledHint: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
-    variant: HintOptions["variant"];
-}>> & string;
+import { HintProps } from './types';
+export declare const Hint: import('react').ForwardRefExoticComponent<Omit<HintProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/types/components/Hint/index.test.d.ts

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

package/dist/types/components/Hint/types.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef } from 'react';
+export type HintProps = ComponentPropsWithRef<'span'> & HintOptions;
+interface HintOptions {
+    children: React.ReactNode;
+    variant?: 'danger' | 'success' | 'warning';
+}
+export {};

package/dist/types/components/Icon/Icon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './Icon.types';
+export declare const Icon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default Icon;

package/dist/types/components/Icon/Icon.test.d.ts

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

package/dist/types/components/Icon/Icon.types.d.ts

@@ -0,0 +1,14 @@
+import { ForwardRefProps } from '../../utils';
+export interface IconOptions {
+    size?: 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxl';
+}
+export type IconProps = ForwardRefProps<IconOptions & {
+    content?: {
+        block: string;
+        height?: number;
+        isFlag?: boolean;
+        stroked?: boolean;
+        viewBox?: string;
+        width?: number;
+    };
+}, 'svg'>;

package/dist/types/components/Icon/components/Actions/content.json.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M94.326 7.634a2.36 2.36 0 0 0-1.985-1.984l-.005-.001c-.41-.059-8.428-1.215-18.62-.294-13.75 1.24-24.848 5.73-32.101 12.984-3.839 3.838-6.608 8.386-8.596 13.157l-19.132 4.862a2.36 2.36 0 0 0-1.693 1.66 2.36 2.36 0 0 0 .606 2.291l15.493 15.497c-.2 7.364.556 12.735.637 13.272a2.359 2.359 0 0 0 1.986 1.986c.24.035 4.462.648 10.618.648.835 0 1.717-.016 2.62-.042l15.52 15.525a2.354 2.354 0 0 0 2.292.607 2.36 2.36 0 0 0 1.66-1.694l4.873-19.19c5.192-2.162 9.623-5.024 13.141-8.543C99.051 40.96 94.527 8.987 94.326 7.635ZM33.388 66.602c-.664-6.8-1.989-31.377 11.56-44.93C58.473 8.143 83.068 9.454 89.868 10.11c.664 6.8 1.99 31.377-11.56 44.93-13.526 13.529-38.12 12.218-44.92 11.562Zm.78 10.144a2.358 2.358 0 0 0-2.963 1.527c-.893 2.792-2.2 5.063-3.884 6.748-5.057 5.058-13.743 5.366-17.578 5.229-.144-3.832.155-12.5 5.233-17.577 1.685-1.685 3.955-2.993 6.745-3.885a2.359 2.359 0 0 0 1.529-2.964 2.36 2.36 0 0 0-2.964-1.528c-3.514 1.124-6.421 2.82-8.644 5.043-8.237 8.24-6.52 22.8-6.443 23.415A2.356 2.356 0 0 0 7.245 94.8c.187.024 1.669.201 3.872.201 5.028-.001 13.81-.917 19.537-6.646 2.221-2.221 3.917-5.13 5.042-8.645a2.36 2.36 0 0 0-1.528-2.963Zm21.41-32.338c-4.906-4.908-4.906-12.891 0-17.798 4.907-4.906 12.889-4.906 17.794 0 4.905 4.907 4.905 12.89 0 17.798a12.546 12.546 0 0 1-8.897 3.68 12.544 12.544 0 0 1-8.897-3.68Zm8.897-1.029a7.815 7.815 0 0 0 5.564-2.305 7.817 7.817 0 0 0 2.304-5.565 7.819 7.819 0 0 0-2.305-5.566 7.82 7.82 0 0 0-5.563-2.305c-2.101 0-4.078.82-5.564 2.305a7.824 7.824 0 0 0-2.305 5.566c0 2.103.82 4.078 2.305 5.565a7.813 7.813 0 0 0 5.564 2.305Z\" clip-rule=\"evenodd\"/>",
+  "height": 15,
+  "width": 15
+};
+
+export default _default;

package/dist/types/components/Icon/components/Actions/index.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../../Icon.types';
+export declare const ActionsIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Icon/components/Activity/content.json.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M96.808 48.71a9.723 9.723 0 0 0-.541-1.782 9.44 9.44 0 0 0-.87-1.63 10.31 10.31 0 0 0-1.18-1.455 9.579 9.579 0 0 0-1.454-1.183 8.975 8.975 0 0 0-1.63-.87 9.441 9.441 0 0 0-1.778-.544c-3.097-.625-6.382.394-8.583 2.597a9.376 9.376 0 0 0-1.182 1.455 9.44 9.44 0 0 0-.867 1.63 9.536 9.536 0 0 0-.545 1.783c-.054.277-.092.555-.125.83l-6.852 1.143-6.52-40.186a2.377 2.377 0 0 0-2.261-1.996c-1.069-.048-2.135.723-2.398 1.827L43.53 79.901l-12.72-42.87c-.307-1.029-1.213-1.717-2.337-1.7a2.377 2.377 0 0 0-2.25 1.815l-5.341 21.918-15.894 2.647a2.38 2.38 0 0 0 .78 4.695L23.209 63.5a2.378 2.378 0 0 0 1.919-1.783l3.628-14.893 12.752 42.973a2.38 2.38 0 0 0 2.279 1.702l.066-.001a2.377 2.377 0 0 0 2.246-1.83l15.8-66.645 4.994 30.78c.102.624.447 1.183.96 1.551.514.37 1.151.519 1.775.414l9.106-1.516a9.55 9.55 0 0 0 2.038 3.05c1.765 1.782 4.224 2.788 6.723 2.788.61 0 1.249-.054 1.86-.177a10.681 10.681 0 0 0 1.777-.543 9.964 9.964 0 0 0 1.631-.886 8.816 8.816 0 0 0 1.453-1.181A9.583 9.583 0 0 0 97 50.574c0-.612-.068-1.238-.192-1.863Z\" clip-rule=\"evenodd\"/>",
+  "height": 15,
+  "width": 15
+};
+
+export default _default;

package/dist/types/components/Icon/components/Activity/index.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../../Icon.types';
+export declare const ActivityIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Icon/components/Add/content.json.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M55.3 43.89V20.74c0-3.722-1.21-6.74-5.3-6.74s-5.3 3.018-5.3 6.74v24.685l-24.722 2.651c-3.697.423-6.355 2.322-5.934 6.02.39 3.44 3.307 4.54 6.689 4.54l23.966-2.522V79.26C44.7 82.982 46.277 86 50 86c3.726 0 5.301-3.018 5.301-6.74V54.576l24.724-2.653c3.698-.423 6.354-2.322 5.932-6.02-.42-3.699-3.757-4.928-7.46-4.494\" clip-rule=\"evenodd\"/>",
+  "height": 15,
+  "width": 15
+};
+
+export default _default;

package/dist/types/components/Icon/components/Add/index.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../../Icon.types';
+export declare const AddIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Icon/components/Address/content.json.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M94.08 31.581 73.352 15.725a2.4 2.4 0 0 0-1.723-.476l-20.907 2.355V7.346c0-.669-.29-1.306-.794-1.75a2.391 2.391 0 0 0-1.849-.582L37.844 6.168a2.356 2.356 0 0 0-2.105 2.331v10.793l-26.634 3A2.357 2.357 0 0 0 7 24.623v36.38c0 .668.289 1.306.794 1.751a2.391 2.391 0 0 0 1.849.58l26.096-2.939v34.258c0 .67.288 1.306.793 1.752a2.396 2.396 0 0 0 1.85.58l10.237-1.153a2.357 2.357 0 0 0 2.104-2.332V58.707l21.445-2.415a2.386 2.386 0 0 0 1.411-.673l20.727-20.525a2.326 2.326 0 0 0-.227-3.513ZM70.804 51.723l-59.057 6.65V26.718l26.625-2.998.01-.002 10.236-1.153.004-.001L71.21 20.02l17.833 13.644-18.238 18.059Z\" clip-rule=\"evenodd\"/>",
+  "height": 15,
+  "width": 15
+};
+
+export default _default;

package/dist/types/components/Icon/components/Address/index.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../../Icon.types';
+export declare const AddressIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;