welcome-ui 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/types/components/DateTimePickerCommon/theme.d.ts

@@ -0,0 +1,9 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeDateTimePickerCommon = {
+    item: {
+        selected: CSSObject;
+        today: CSSObject;
+    };
+};
+export declare const getDateTimePickerCommon: (theme: ThemeValues) => ThemeDateTimePickerCommon;

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

@@ -0,0 +1,6 @@
+import { Locale } from 'date-fns';
+import { SelectOption, SelectOptions } from '../Select';
+export declare const DEFAULT_DATE: Date;
+export declare const getDate: (date: string | number | Date, interval?: number) => Date;
+export declare const getMonths: (locale: Locale) => SelectOptions["options"];
+export declare const getYears: (startYear: number, endYear: number) => SelectOption[];

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { IconProps } from '../../Icon';
+type HeaderProps = {
+    /**
+     * Show on right a block, for example an HeaderAction
+     */
+    action?: React.ReactNode;
+    /**
+     * Icon from @welcome-ui/icon on the gray square
+     */
+    icon?: React.FC<IconProps>;
+    /**
+     * Add a back icon on header and call function on click
+     */
+    onBackButtonClick?: (props?: unknown) => void;
+    /**
+     * List of tags
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Title of asset
+     */
+    title: React.ReactNode;
+};
+export declare const Header: React.FC<HeaderProps>;
+export type IconBlockProps = {
+    icon: React.FC<IconProps>;
+    size?: 'sm' | 'md';
+};
+export declare const IconBlock: React.FC<IconBlockProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { CreateWuiProps } from '../../System';
+import * as Ariakit from '@ariakit/react';
+export type AssetDrawerProps = CreateWuiProps<'div', Ariakit.DialogOptions>;
+export declare const AssetDrawerComponent: import('../../System').CreateWuiComponent<"div", AssetDrawerProps>;

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

@@ -0,0 +1,3 @@
+import { IconBlockProps } from './Header';
+export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const IconBlock: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<IconBlockProps, "size">, never>;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { CloseButtonProps } from '../CloseButton';
+import * as Ariakit from '@ariakit/react';
+export type CloseProps = Ariakit.DialogDismissProps & CloseButtonProps;
+export declare const Close: React.FC<CloseProps>;

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

@@ -0,0 +1,4 @@
+import { CreateWuiProps } from '../System';
+type ContentProps = CreateWuiProps<'div'>;
+export declare const Content: import('../System').CreateWuiComponent<"div", ContentProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { CreateWuiProps } from '../System';
+type FooterProps = CreateWuiProps<'div'>;
+export declare const Footer: import('../System').CreateWuiComponent<"div", FooterProps>;
+export {};

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

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

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

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { As, CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+type Placement = 'top' | 'right' | 'bottom' | 'left';
+type Size = 'sm' | 'md' | 'lg' | 'auto' | string;
+export interface DrawerOptions extends Ariakit.DialogOptions<'div'> {
+    placement?: Placement;
+    size?: Size;
+    withBackdrop?: boolean;
+    withCloseButton?: boolean;
+}
+export type DrawerProps = CreateWuiProps<'div', DrawerOptions>;
+export type UseDrawer = Ariakit.DialogStore;
+export type UseDrawerProps = Ariakit.DialogStoreProps;
+export type UseDrawerState = Ariakit.DialogStoreState;
+export declare function useDrawer(options?: UseDrawerProps): UseDrawer;
+export interface DrawerBackdropOptions {
+    hideOnInteractOutside?: boolean;
+}
+/**
+ * @name Drawer.Backdrop
+ */
+export declare const DrawerBackdrop: React.FC<DrawerBackdropOptions>;
+type TriggerProps = {
+    as?: As;
+    children: React.ReactNode;
+    store: Ariakit.DialogStore;
+};
+export declare const Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+export declare const Drawer: import('../System').CreateWuiComponent<"div", DrawerProps> & {
+    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+    Backdrop: React.FC<DrawerBackdropOptions>;
+    Close: React.FC<import('./Close').CloseProps>;
+    Title: React.FC<import('..').TextProps>;
+    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>>;
+};
+export declare const AssetDrawer: import('../System').CreateWuiComponent<"div", import('./AssetDrawer').AssetDrawerProps> & {
+    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+    Header: React.FC<{
+        action?: React.ReactNode;
+        icon?: React.FC<import('..').IconProps>;
+        onBackButtonClick?: (props?: unknown) => void;
+        subtitle?: React.ReactNode;
+        title: React.ReactNode;
+    }>;
+};
+export {};

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

@@ -0,0 +1,10 @@
+import { DrawerOptions } from '.';
+import * as Ariakit from '@ariakit/react';
+export declare const Drawer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<DrawerOptions, "size" | "placement">, never>;
+export declare const Backdrop: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+    hideOnInteractOutside: Ariakit.DialogProps["hideOnInteractOutside"];
+}, never>;
+export declare const Title: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const CloseButton: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('..').ButtonProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Footer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,17 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type Size = 'sm' | 'md' | 'lg';
+export type ThemeDrawers = {
+    backdrop: CSSObject;
+    closeButton: CSSObject;
+    content: CSSObject;
+    default: CSSObject;
+    footer: CSSObject;
+    sizes: {
+        horizontal: Record<Size, Record<'width', string>>;
+        vertical: Record<Size, Record<'height', string>>;
+    };
+    title: CSSObject;
+};
+export declare const getDrawers: (theme: ThemeValues) => ThemeDrawers;
+export {};

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

@@ -0,0 +1,4 @@
+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>;

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

@@ -0,0 +1,4 @@
+export declare const Arrow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const ArrowItem: import('styled-components').StyledComponent<"svg", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    $transform: string;
+}, never>;

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

@@ -0,0 +1,4 @@
+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>;

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

@@ -0,0 +1 @@
+export declare const Item: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,4 @@
+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>;

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

@@ -0,0 +1 @@
+export declare const Separator: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,25 @@
+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;
+export declare function useDropdownMenu(options?: UseDropdownMenuProps): UseDropdownMenu;
+type TriggerOptions = {
+    store: UseDropdownMenu;
+};
+type TriggerProps = CreateWuiProps<'button', TriggerOptions>;
+export declare const DropdownMenu: import('../System').CreateWuiComponent<"div", DropdownMenuProps> & {
+    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+    Item: import('../System').CreateWuiComponent<"button", import('./Item').ItemProps>;
+    Separator: import('../System').CreateWuiComponent<"div", import('./Separator').SeparatorProps>;
+    Arrow: import('../System').CreateWuiComponent<"div", import('./Arrow').ArrowProps>;
+};
+export {};

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

@@ -0,0 +1 @@
+export declare const Inner: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,8 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeDropdownMenu = {
+    inner: CSSObject;
+    item: CSSObject;
+    separator: CSSObject;
+};
+export declare const getDropdownMenu: (theme: ThemeValues) => ThemeDropdownMenu;

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

@@ -0,0 +1,26 @@
+import { CreateWuiProps } from '../System';
+import { getBaseType } from './utils';
+type VariantProps = {
+    error?: string | JSX.Element;
+    success?: string | JSX.Element;
+    warning?: string | JSX.Element;
+};
+export interface FieldOptions extends VariantProps {
+    children: JSX.Element;
+    disabled?: boolean;
+    disabledIcon?: JSX.Element;
+    hint?: string | JSX.Element;
+    label?: string | JSX.Element;
+    required?: boolean;
+    transparent?: boolean;
+}
+export type FieldProps = CreateWuiProps<'div', FieldOptions>;
+export declare const Field: import('../System').CreateWuiComponent<"div", FieldProps>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    iconPlacement: "left" | "right";
+    size?: import('../../utils/field-styles').FieldIconSize;
+}, never>;
+export declare const IconGroupWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    size: import('../../utils/field-styles').FieldIconSize;
+}, never>;
+export { getBaseType };

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

@@ -0,0 +1,21 @@
+import { WuiProps } from '../System';
+import { FieldIconSize } from '../../utils/field-styles';
+type StyledFieldProps = {
+    checked?: boolean;
+    flexDirection: WuiProps['flexDirection'];
+    isCheckable?: boolean;
+    isRadioGroup?: boolean;
+    withHintText?: boolean;
+};
+export declare const Field: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, StyledFieldProps, never>;
+export declare const Label: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const LabelWithHint: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+type IconWrapperProps = {
+    iconPlacement: 'left' | 'right';
+    size?: FieldIconSize;
+};
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & IconWrapperProps, never>;
+export declare const IconGroupWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    size: FieldIconSize;
+}, never>;
+export {};

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

@@ -0,0 +1,5 @@
+import { FieldOptions } from '.';
+export declare const getBaseType: (type: string) => string;
+export declare const getVariant: ({ error, success, warning, }: Pick<FieldOptions, "error" | "success" | "warning">) => "danger" | "warning" | "success";
+export declare const generateRandomId: () => string;
+export declare const forwardedProps: string[];

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

@@ -0,0 +1,11 @@
+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').StyledComponent<"fieldset", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1 @@
+export declare const FieldGroup: import('styled-components').StyledComponent<"fieldset", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ForceFileType } from '../Files';
+import { FileDropChildren } from './index';
+export interface MessageProps {
+    file: FileDropChildren['file'];
+    fileName?: string;
+    forceFileType?: ForceFileType;
+}
+export declare const FilePreview: React.FC<MessageProps & FileDropChildren['wordings']>;

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { FileDropChildren } from './index';
+export interface MessageProps {
+    disabled?: boolean;
+    openFile?: FileDropChildren['openFile'];
+}
+export declare const Message: React.FC<MessageProps & FileDropChildren['wordings']>;

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

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

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

@@ -0,0 +1,52 @@
+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 interface FileWithPreview extends File {
+    preview?: string;
+}
+type FileType = string | FileWithPreview;
+type FileUrlType = string | URL;
+type OpenType = DropzoneState['open'];
+type WordingsType = {
+    fileButtonText?: string | JSX.Element;
+    hint?: string | JSX.Element;
+    previewButtonText?: string | JSX.Element;
+    title?: string | JSX.Element;
+};
+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: DropEvent | React.ChangeEvent<HTMLInputElement> | CreateEvent) => void;
+    handleRemoveFile?: (event: DropEvent | React.ChangeEvent<HTMLInputElement> | CreateEvent) => void;
+    isClearable?: boolean;
+    isEditable?: boolean;
+    name?: string;
+    onBlur?: () => void;
+    onChange?: (event: DropEvent | React.ChangeEvent<HTMLInputElement> | CreateEvent) => 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 declare const FileDrop: import('../System').CreateWuiComponent<"div", FileDropProps>;
+export declare const ImagePreview: import('styled-components').StyledComponent<"img", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export {};

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

@@ -0,0 +1,9 @@
+export interface StyledFileDropProps {
+    disabled?: boolean;
+    isDragAccept?: boolean;
+    isDragReject?: boolean;
+}
+export declare const FileDrop: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, StyledFileDropProps, never>;
+export declare const FilePreview: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const ImagePreview: import('styled-components').StyledComponent<"img", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Actions: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,9 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeFileDrops = {
+    default: CSSObject;
+    disabled: CSSObject;
+    dragAccept: Record<string, unknown>;
+    dragReject: Record<string, unknown>;
+};
+export declare const getFileDrops: (theme: ThemeValues) => ThemeFileDrops;

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

@@ -0,0 +1,3 @@
+import { FileDropChildren } from './index';
+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

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import { createEvent } from '../../utils/create-event';
+import { FileType } from '../Files';
+import { TagProps } from '../Tag';
+type FileWithPreview = File & {
+    name?: string;
+    preview?: string;
+};
+type FileWithPreviewType = FileWithPreview | string;
+type HandleRemoveType = (file: FileWithPreviewType) => void;
+export type FileUploadPreviewProps = {
+    file: FileType;
+    onRemove: TagProps['onRemove'];
+};
+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 FileUploadProps = CreateWuiProps<'input', FileUploadOptions>;
+declare const DefaultPreview: React.FC<FileUploadPreviewProps>;
+export declare const FileUpload: import('../System').CreateWuiComponent<"input", FileUploadProps>;
+export {};

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

@@ -0,0 +1 @@
+export declare const Input: import('styled-components').StyledComponent<"input", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

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

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

@@ -0,0 +1,72 @@
+export interface Types {
+    '7z': 'application/x-7z-compressed';
+    aac: 'audio/aac';
+    aif: 'audio/x-aiff';
+    aifc: 'audio/x-aiff';
+    aiff: 'audio/x-aiff';
+    au: 'audio/basic';
+    avi: 'video/x-msvideo';
+    bmp: 'image/x-ms-bmp';
+    bz: 'application/x-bzip';
+    bz2: 'application/x-bzip2';
+    csv: 'text/csv';
+    doc: 'application/msword';
+    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+    gif: 'image/gif';
+    gz: 'application/gzip';
+    ico: 'image/x-icon';
+    jpe: 'image/jpeg';
+    jpeg: 'image/jpeg';
+    jpg: 'image/jpeg';
+    m1v: 'video/mpeg';
+    mid: 'audio/midi';
+    midi: 'audio/x-midi';
+    mov: 'video/quicktime';
+    movie: 'video/x-sgi-movie';
+    mp2: 'audio/mpeg';
+    mp3: 'audio/mpeg';
+    mp4: 'video/mp4';
+    mpa: 'video/mpeg';
+    mpe: 'video/mpeg';
+    mpeg: 'video/mpeg';
+    mpg: 'video/mpeg';
+    pbm: 'image/x-portable-bitmap';
+    pdf: 'application/pdf';
+    pgm: 'image/x-portable-graymap';
+    png: 'image/png';
+    pnm: 'image/x-portable-anymap';
+    pot: 'application/vnd.ms-powerpoint';
+    ppa: 'application/vnd.ms-powerpoint';
+    ppm: 'image/x-portable-pixmap';
+    pps: 'application/vnd.ms-powerpoint';
+    ppt: 'application/vnd.ms-powerpoint';
+    pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation';
+    ps: 'application/postscript';
+    pwz: 'application/vnd.ms-powerpoint';
+    qt: 'video/quicktime';
+    ra: 'audio/x-pn-realaudio';
+    rar: 'application/vnd.rar';
+    ras: 'image/x-cmu-raster';
+    rgb: 'image/x-rgb';
+    snd: 'audio/basic';
+    svg: 'image/svg+xml';
+    tif: 'image/tiff';
+    tiff: 'image/tiff';
+    wav: 'audio/x-wav';
+    weba: 'audio/webm';
+    webm: 'video/webm';
+    webp: 'image/webp';
+    wiz: 'application/msword';
+    xbm: 'image/x-xbitmap';
+    xls: 'application/vnd.ms-excel';
+    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+    xpm: 'image/x-xpixmap';
+    xwd: 'image/x-xwindowdump';
+    zip: 'application/zip';
+}
+export type Type = Types[keyof Types] | (string & {});
+interface TypesWithString extends Types {
+    [key: string]: string;
+}
+export declare const types: TypesWithString;
+export {};

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

@@ -0,0 +1,19 @@
+import { CreateWuiProps, WuiProps } from '../System';
+export interface FlexOptions {
+    /** same as alignItems */
+    align?: WuiProps['alignItems'];
+    /** same as flexBasis */
+    basis?: WuiProps['flexBasis'];
+    /** same as flexDirection */
+    direction?: WuiProps['flexDirection'];
+    /** same as flexGrow */
+    grow?: WuiProps['flexGrow'];
+    /** same as justifyContent */
+    justify?: WuiProps['justifyContent'];
+    /** same as flexShrink */
+    shrink?: WuiProps['flexShrink'];
+    /** same as flexWrap */
+    wrap?: WuiProps['flexWrap'];
+}
+export type FlexProps = CreateWuiProps<'div', FlexOptions>;
+export declare const Flex: import('../System').CreateWuiComponent<"div", FlexProps>;

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

@@ -0,0 +1,14 @@
+import { CreateWuiProps, WuiProps } from '../System';
+export interface ItemOptions {
+    /** same as gridArea */
+    area?: WuiProps['gridArea'];
+    /** same as gridColumn */
+    column?: WuiProps['gridColumn'];
+    /** same as gridRow */
+    row?: WuiProps['row'];
+}
+export type ItemProps = CreateWuiProps<'div', ItemOptions>;
+/**
+ * @name Grid.Item
+ */
+export declare const Item: import('../System').CreateWuiComponent<"div", ItemProps>;

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

@@ -0,0 +1,31 @@
+import { CreateWuiProps, WuiProps } from '../System';
+export interface GridOptions {
+    /** same as gridArea */
+    area?: WuiProps['gridArea'];
+    /** same as gridAutoColumns */
+    autoColumns?: WuiProps['gridAutoColumns'];
+    /** same as gridAutoFlow */
+    autoFlow?: WuiProps['gridAutoFlow'];
+    /** same as gridAutoRows */
+    autoRows?: WuiProps['gridAutoRows'];
+    /** same as gridColumn */
+    column?: WuiProps['gridColumn'];
+    /** same as columnGap */
+    columnGap?: WuiProps['columnGap'];
+    /** same as gridGap */
+    gap?: WuiProps['gap'];
+    /** same as gridRow */
+    row?: WuiProps['gridRow'];
+    /** same as gridRowGap */
+    rowGap?: WuiProps['rowGap'];
+    /** same as gridTemplateAreas */
+    templateAreas?: WuiProps['gridTemplateAreas'];
+    /** same as gridTemplateColumns */
+    templateColumns?: WuiProps['gridTemplateColumns'];
+    /** same as gridTemplateRows */
+    templateRows?: WuiProps['gridTemplateRows'];
+}
+export type GridProps = CreateWuiProps<'div', GridOptions>;
+export declare const Grid: import('../System').CreateWuiComponent<"div", GridProps> & {
+    Item: import('../System').CreateWuiComponent<"div", import('./Item').ItemProps>;
+};

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

@@ -0,0 +1,10 @@
+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').StyledComponent<string, import('@xstyled/system').Theme, {
+    variant: HintOptions["variant"];
+}, never>;

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

@@ -0,0 +1,4 @@
+import { HintOptions } from '.';
+export declare const Hint: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+    variant: HintOptions["variant"];
+}, never>;