welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.10

package/dist/types/components/Card/Body.d.ts

@@ -1,6 +1,5 @@
+import { BodyProps } from './types';
 /**
  * @name Card.Body
  */
-export declare const Body: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLDivElement>;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Body: import('react').ForwardRefExoticComponent<Omit<BodyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+/**
+ * @name Card.Footer
+ */
+export declare const 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>>;

package/dist/types/components/Card/Header.d.ts

@@ -0,0 +1,5 @@
+import { HeaderProps } from './types';
+/**
+ * @name Card.Header
+ */
+export declare const Header: import('react').ForwardRefExoticComponent<Omit<HeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,10 @@
-export declare const CardComponent: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLDivElement>;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const Card: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLDivElement>;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
-    Body: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+import { CardProps } from './types';
+export declare const CardComponent: import('../../utils').FunctionComponentWithAs<"div", CardProps>;
+export declare const Card: import('../../utils').FunctionComponentWithAs<"div", CardProps> & {
+    Body: import('react').ForwardRefExoticComponent<Omit<import('./types').BodyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Cover: import('react').ForwardRefExoticComponent<Omit<import('./types').CoverProps, "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>>;
-    Cover: import('react').ForwardRefExoticComponent<Omit<import('./types').CoverProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Header: import('react').ForwardRefExoticComponent<Omit<import('./types').HeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };

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

@@ -1,9 +1,22 @@
-import { ComponentPropsWithRef } from 'react';
-export type BodyProps = ComponentPropsWithRef<'div'>;
-export type CardProps = ComponentPropsWithRef<'div'>;
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type BodyProps = BodyOptions & ComponentPropsWithRef<'div'>;
+export type CardProps = CardOptions & ComponentPropsWithRef<'div'>;
 export type CoverProps = ComponentPropsWithRef<'div'> & CoverOptions;
+export type FooterProps = ComponentPropsWithRef<'div'>;
+export type HeaderProps = ComponentPropsWithRef<'div'> & HeaderOptions;
+interface BodyOptions {
+    metadata?: ReactNode;
+}
+interface CardOptions {
+    disabled?: boolean;
+    size?: 'lg' | 'md' | 'sm';
+}
 interface CoverOptions {
     alt: string;
     src: string;
 }
+interface HeaderOptions {
+    disabled?: boolean;
+    onClose?: () => void;
+}
 export {};

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

@@ -1,3 +1,2 @@
-import { default as React } from 'react';
 import { CheckboxProps } from './types';
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -3,5 +3,7 @@ export interface CheckboxOptions {
     indeterminate?: boolean;
     variant?: Variant;
 }
-export type CheckboxProps = CheckboxOptions & ComponentProps<'input'>;
+export type CheckboxProps = CheckboxOptions & Omit<ComponentProps<'input'>, 'onChange'> & {
+    onChange?: (isChecked: boolean) => void;
+};
 export type Variant = 'danger' | 'success' | 'warning';

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

@@ -1,2 +1,5 @@
 import { CustomHeaderProps } from './types';
-export declare const CustomHeader: ({ changeMonth, changeYear, date, decreaseMonth, decreaseYear, endYear, increaseMonth, increaseYear, isMonthYearPicker, locale, startYear, }: CustomHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomHeader: {
+    ({ changeMonth, changeYear, date, decreaseMonth, decreaseYear, endYear, increaseMonth, increaseYear, isMonthYearPicker, locale, startYear, }: CustomHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,4 +1,7 @@
 import { default as React } from 'react';
-export declare const CustomPopper: ({ children }: {
-    children: React.ReactElement;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomPopper: {
+    ({ children }: {
+        children: React.ReactElement;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,2 +1,5 @@
 import { HeaderProps } from './types';
-export declare const Header: ({ action, className, iconName, onBackButtonClick, subtitle, title, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: {
+    ({ action, className, iconName, onBackButtonClick, subtitle, title, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,2 +1,5 @@
 import { IconBlockProps } from './types';
-export declare const IconBlock: ({ iconName, size }: IconBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconBlock: {
+    ({ iconName, size }: IconBlockProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -10,6 +10,7 @@ export interface AssetDrawerOptions extends DialogOptions<'div'> {
     maxWidth?: `${number}px` | `${number}rem` | number;
 }
 export type AssetDrawerProps = AssetDrawerOptions & ComponentPropsWithRef<'div'>;
+export type BackdropProps = Pick<BaseDialogOptions, 'backdrop' | 'hideOnInteractOutside'>;
 export type HeaderProps = ComponentProps<'div'> & {
     /**
      * Show on right a block, for example an HeaderAction
@@ -36,3 +37,5 @@ export type IconBlockProps = {
     iconName: IconName;
     size?: 'md' | 'sm';
 };
+type BaseDialogOptions = Omit<DialogOptions<'div'>, 'as'>;
+export {};

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

@@ -1,2 +1,2 @@
 import { BackdropProps } from '../types';
-export declare const Backdrop: ({ hideOnInteractOutside, ...rest }: BackdropProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<BackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,5 @@
 import { CloseProps } from '../types';
-export declare const Close: ({ className }: CloseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Close: {
+    ({ className }: CloseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,2 +1,5 @@
 import { TitleProps } from '../types';
-export declare const Title: ({ children, className, ...rest }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Title: {
+    ({ children, className, ...rest }: TitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,18 +1,27 @@
 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;
+    Backdrop: import('react').ForwardRefExoticComponent<Omit<import('./types').BackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Close: {
+        ({ className }: import('./types').CloseProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     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;
+    Title: {
+        ({ children, className, ...rest }: import('./types').TitleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };
 export { useDialogStore as useDrawer } from '@ariakit/react';
 export declare const AssetDrawer: import('../../utils').FunctionComponentWithAs<"div", import('./AssetDrawer/types').AssetDrawerProps> & {
-    Header: ({ action, className, iconName, onBackButtonClick, subtitle, title, }: import('./AssetDrawer/types').HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Header: {
+        ({ action, className, iconName, onBackButtonClick, subtitle, title, }: import('./AssetDrawer/types').HeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };

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

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

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

@@ -0,0 +1,4 @@
+import { GroupProps } from '@ariakit/react';
+import { GroupLabelProps } from './types';
+export declare const Group: import('../../utils').FunctionComponentWithAs<"div", GroupProps>;
+export declare const GroupLabel: import('../../utils').FunctionComponentWithAs<"div", GroupLabelProps>;

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

@@ -1,2 +1,9 @@
+import { Ref } from 'react';
 import { ItemProps } from './types';
 export declare const Item: import('../../utils').FunctionComponentWithAs<"button", ItemProps>;
+export declare const ItemContent: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: Ref<HTMLDivElement>;
+}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ItemDescription: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: Ref<HTMLDivElement>;
+}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,4 @@
+import { SubmenuOptions } from './types';
+export * from './types';
+export { useMenuStore as useDropdownMenu } from '@ariakit/react';
+export declare const Submenu: import('react').ForwardRefExoticComponent<Omit<SubmenuOptions, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -2,8 +2,19 @@ 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>> & {
+    Action: import('../../utils').FunctionComponentWithAs<"button", import('./types').ActionProps>;
     Arrow: import('react').ForwardRefExoticComponent<Omit<import('./types').ArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    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>>;
+    Description: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: import('react').Ref<HTMLDivElement>;
+    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Group: import('../../utils').FunctionComponentWithAs<"div", import('@ariakit/react').GroupProps>;
+    GroupLabel: import('../../utils').FunctionComponentWithAs<"div", import('./types').GroupLabelProps>;
     Item: import('../../utils').FunctionComponentWithAs<"button", import('./types').ItemProps>;
+    Search: import('../../utils').FunctionComponentWithAs<"input", import('./types').SearchProps>;
     Separator: import('react').ForwardRefExoticComponent<Omit<import('./types').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLHRElement>>;
+    Submenu: import('react').ForwardRefExoticComponent<Omit<import('./types').SubmenuOptions, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };

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

@@ -1,12 +1,33 @@
-import { MenuArrowProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuStore } from '@ariakit/react';
+import { MenuArrowProps, MenuGroupLabelProps, MenuItemCheckboxProps, MenuItemCheckProps, MenuItemProps, MenuItemRadioProps, MenuProps, MenuSeparatorProps, MenuStore } from '@ariakit/react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type ActionProps = MenuItemProps;
 export type ArrowProps = MenuArrowProps;
 export interface DropdownMenuOptions extends Omit<MenuProps, 'gutter'> {
-    dataTestId?: string;
-    innerProps?: React.ComponentProps<'div'>;
+    size?: 'lg' | 'md';
     withGutter?: boolean;
 }
-export type ItemProps = MenuItemProps;
-export type SeparatorProps = MenuSeparatorProps;
+export type GroupLabelProps = MenuGroupLabelProps;
+export type ItemCheckboxCheckProps = Omit<ComponentPropsWithRef<'input'>, 'onChange'> & {
+    onChange?: (isChecked: boolean) => void;
+};
+export type ItemCheckboxProps = MenuItemCheckboxProps;
+export type ItemContentProps = ComponentPropsWithRef<'div'>;
+export type ItemDefaultCheckProps = MenuItemCheckProps;
+export type ItemDescriptionProps = ComponentPropsWithRef<'div'>;
+export interface ItemProps extends MenuItemProps {
+    variant?: 'checkbox' | 'checkbox-mark' | 'radio' | 'radio-mark' | 'toggle';
+}
+export type ItemRadioCheckProps = ComponentPropsWithRef<'input'> & ComponentPropsWithRef<'label'>;
+export type ItemRadioProps = MenuItemRadioProps;
+export type ItemToggleCheckProps = ComponentPropsWithRef<'input'>;
+export type SearchProps = MenuItemProps;
+export interface SeparatorProps extends MenuSeparatorProps {
+    disabled?: boolean;
+}
+export interface SubmenuOptions extends Omit<ItemProps, 'store'> {
+    item: ReactNode;
+    size?: 'lg' | 'md';
+}
 export type TriggerProps = {
     store: MenuStore;
 };

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

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

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

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

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

@@ -19,6 +19,8 @@ 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;
+    deleteButtonText?: string;
+    editButtonText?: string;
     fileName?: string;
     forceFileType?: ForceFileType;
     handleAddFile?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;

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

@@ -1,12 +1,12 @@
-export declare const arrows: readonly ["angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom"];
-export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share"];
-export declare const miscellaneous: readonly ["music", "sparkles", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "folder", "folder-open", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
+export declare const arrows: readonly ["angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right"];
+export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share"];
+export declare const chat: string[];
+export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
 export declare const player: readonly ["play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning"];
 export declare const wtf: readonly ["package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
-export declare const files: readonly ["file", "image"];
+export declare const foldersAndFiles: readonly ["folder", "folder-open", "folder-full", "file", "image"];
 export declare const markdown: readonly ["bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline"];
-export declare const table: readonly ["table", "columns"];
 export declare const brands: readonly ["behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier"];
 export declare const welcome: readonly ["symbol", "wttj"];
 export declare const flags: readonly ["flag-fr", "flag-en", "flag-us"];
-export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "sparkles", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "folder", "folder-open", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "table", "columns", "symbol", "wttj", "package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
+export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", ...string[], "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];

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

@@ -1,7 +1,9 @@
+import { CSSProperties } from 'react';
 import { ForwardRefProps } from '../../utils';
 import { icons } from './icons';
 export type IconName = (typeof icons)[number];
 export interface IconOptions {
+    colors?: CSSProperties[];
     size?: '2xl' | '3xl' | 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxl';
 }
 export type IconProps = ForwardRefProps<IconOptions & {

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

@@ -1,2 +1,5 @@
 import { LoaderProps } from './types';
-export declare const Loader: ({ className, size, variant, ...rest }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Loader: {
+    ({ className, size, variant, ...rest }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Modal/Assets/AssetContent.d.ts

@@ -1,2 +1,5 @@
 import { HTMLAttributes, default as React } from 'react';
-export declare const AssetContent: ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
+export declare const AssetContent: {
+    ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Modal/Assets/AssetTitle.d.ts

@@ -1,2 +1,5 @@
 import { TextProps } from '../../Text/types';
-export declare const AssetTitle: ({ children, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AssetTitle: {
+    ({ children, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Modal/Assets/CloseButton.d.ts

@@ -1,2 +1,5 @@
 import { ButtonProps } from '../../Button/types';
-export declare const CloseButton: ({ children, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseButton: {
+    ({ children, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Modal/Assets/Dialog.d.ts

@@ -1,2 +1,5 @@
 import { HTMLAttributes, default as React } from 'react';
-export declare const Dialog: ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: {
+    ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Modal/Assets/Iframe.d.ts

@@ -1 +1,4 @@
-export declare const Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const Iframe: {
+    ({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Modal/Assets/index.d.ts

@@ -1,7 +1,19 @@
-export declare const Assets: (({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element) & {
+export declare const Assets: {
+    ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
     AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Backdrop: import('react').ForwardRefExoticComponent<import('../types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
-    Content: ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
-    Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, ...rest }: import('../../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
+    Content: {
+        ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Iframe: {
+        ({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: {
+        ({ children, ...rest }: import('../../Text/types').TextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };

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

@@ -1,2 +1,5 @@
 import { CloseButtonProps } from '../../CloseButton/types';
-export declare const Close: (props: CloseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Close: {
+    (props: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -13,10 +13,22 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
     Header: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLDivElement>, keyof import('./types').HeaderOptions> & import('./types').HeaderOptions & import('react').RefAttributes<HTMLDivElement>>;
     Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };
-export declare const AssetModal: (({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element) & {
+export declare const AssetModal: {
+    ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
     AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./Assets/types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Backdrop: import('react').ForwardRefExoticComponent<import('./types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
-    Content: ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
-    Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, ...rest }: import('../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
+    Content: {
+        ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Iframe: {
+        ({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: {
+        ({ children, ...rest }: import('../Text/types').TextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };

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

@@ -1,13 +1,24 @@
 import { ForwardRefProps } from '../../utils';
+export interface NavigationTexts {
+    firstPage?: string;
+    lastPage?: string;
+    nextPage?: string;
+    previousPage?: string;
+}
 export interface PaginationOptions {
+    buttonFirstProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    buttonLastProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
     buttonNextProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
     buttonPrevProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
     dataTestId?: string;
     getHref?: (page: number | string) => string;
     listProps?: React.OlHTMLAttributes<HTMLOListElement>;
+    navigationTexts?: NavigationTexts;
     onChange: (page: number | string) => void;
     page: number;
     pageCount: number;
     rangeDisplay?: number;
+    showEdgeControls?: boolean;
+    size?: 'lg' | 'md';
 }
 export type PaginationProps = ForwardRefProps<PaginationOptions, 'nav'>;

package/dist/types/components/PasswordInput/ToggleButton.d.ts

@@ -3,4 +3,7 @@ import { Button } from '../Button';
 export type ToggleButtonProps = React.ComponentPropsWithoutRef<typeof Button> & {
     isHidden: boolean;
 };
-export declare const ToggleButton: ({ isHidden, onClick, ...rest }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleButton: {
+    ({ isHidden, onClick, ...rest }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -2,5 +2,8 @@ import { UsePopover } from './usePopover';
 type ArrowProps = {
     store: UsePopover;
 };
-export declare const Arrow: ({ store }: ArrowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Arrow: {
+    ({ store }: ArrowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

package/dist/types/components/Popover/ContentWrapper.d.ts

@@ -6,4 +6,7 @@ export interface ContentWrapperOptions {
     onClose?: () => void;
     store: UsePopover | UsePopoverHover;
 }
-export declare const ContentWrapper: ({ children, className, onClose, store }: ContentWrapperOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentWrapper: {
+    ({ children, className, onClose, store }: ContentWrapperOptions): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -6,6 +6,6 @@ export interface RadioOptions {
     label?: string;
     maxWidth?: number | string;
     value?: string;
-    variant?: 'danger' | 'default' | 'warning';
+    variant?: 'danger' | 'default';
 }
 export type RadioProps = ComponentPropsWithRef<'input'> & Omit<LabelProps, 'children'> & RadioOptions;

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

@@ -1,2 +1,5 @@
 import { RadioGroupProps } from './types';
-export declare const RadioGroup: ({ className, dataTestId, disabled, hideLabel, id, label, name, onChange, options, renderOption: Component, required, value, ...rest }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroup: {
+    ({ className, dataTestId, disabled, hideLabel, id, label, name, onChange, options, renderOption: Component, required, value, ...rest }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,5 +1,11 @@
 import { StepperItemProps, StepperProps } from './types';
 export declare const Stepper: import('react').ForwardRefExoticComponent<Omit<StepperProps, "ref"> & import('react').RefAttributes<HTMLOListElement>> & {
-    Item: ({ children, icon, isCompleted, isOpen, onClick }: StepperItemProps) => import("react/jsx-runtime").JSX.Element;
-    Separator: () => import("react/jsx-runtime").JSX.Element;
+    Item: {
+        ({ children, icon, isCompleted, isOpen, onClick }: StepperItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        (): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };