welcome-ui 8.4.0 → 9.0.0-alpha.1

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

@@ -1,6 +1 @@
-import { CreateWuiProps } from '../System';
-export interface AspectRatioOptions {
-    ratio?: number;
-}
-export type AspectRatioProps = CreateWuiProps<'div', AspectRatioOptions>;
-export declare const AspectRatio: import('../System').CreateWuiComponent<"div", AspectRatioProps>;
+export declare const AspectRatio: import('../../utils').FunctionComponentWithAs<"div", import('./types').AspectRatioOptions>;

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

@@ -0,0 +1,14 @@
+export interface AspectRatioOptions {
+    /**
+     * The aspect ratio of the component.
+     * @default '4-3'
+     *
+     * Options:
+     * - 'square' → 1 / 1
+     * - '4-3'    → 4 / 3
+     * - '3-2'    → 3 / 2
+     * - 'video'  → 16 / 9
+     */
+    ratio?: '3-2' | '4-3' | 'square' | 'video';
+}
+export type AspectRatioProps = AspectRatioOptions;

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

@@ -1,13 +1,6 @@
-import { default as React } from 'react';
-import { ShapeOptions } from '../Shape';
-import { CreateWuiProps } from '../System';
-import { AvatarColors, Size } from './theme';
-export interface AvatarOptions {
-    color?: AvatarColors;
-    getInitials?: (name: string) => string;
-    name: string;
-    size?: Size;
-    src?: string;
-}
-export type AvatarProps = CreateWuiProps<'div', AvatarOptions & ShapeOptions>;
-export declare const Avatar: React.FC<AvatarProps>;
+export declare const colors: readonly ["secondary-blue", "secondary-green", "secondary-orange", "secondary-pink", "secondary-teal", "secondary-violet"];
+export declare const Avatar: import('react').ForwardRefExoticComponent<import('./types').AvatarOptions & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    as?: "div";
+} & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,11 @@
+import { PolymorphicProps } from '../../theme/types';
+import { colors } from './index';
+export interface AvatarOptions {
+    getInitials?: (name: string) => string;
+    name: string;
+    size?: Size;
+    src?: string;
+}
+export type AvatarProps<T extends React.ElementType = 'div'> = AvatarOptions & PolymorphicProps<T>;
+export type Colors = (typeof colors)[number];
+export type Size = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';

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

@@ -1,3 +1,3 @@
-import { ThemeColorTokens } from '../../theme';
-export declare function getColorByLength(colors: ThemeColorTokens, text?: string): string;
+import { Colors } from './types';
 export declare function getInitials(name?: string): string;
+export declare const getColorFromName: (name: string) => Colors;

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

@@ -1,11 +1,2 @@
-import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
-export type BadgeOptions = {
-    children: number | React.ReactElement | string;
-    disabled?: boolean;
-    size?: 'md' | 'sm';
-    variant?: 'default' | 'primary';
-    withNumberAbbreviation?: boolean;
-};
-export type BadgeProps = CreateWuiProps<'div', BadgeOptions>;
-export declare const Badge: import('../System').CreateWuiComponent<"div", BadgeProps>;
+import { BadgeProps } from './types';
+export declare const Badge: import('react').ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef, HTMLAttributes } from 'react';
+export type BadgeProps = BadgeOptions & ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement>;
+interface BadgeOptions {
+    children: number | React.ReactElement | string;
+    disabled?: boolean;
+    size?: 'md' | 'sm';
+    variant?: 'default' | 'primary';
+    withNumberAbbreviation?: boolean;
+}
+export {};

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

@@ -1,13 +1,5 @@
-import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
-export interface ItemOptions {
-    children: React.ReactNode;
-    isActive?: boolean;
-    separator?: React.ReactNode | string;
-    to?: string;
-}
-export type ItemProps = CreateWuiProps<'a', ItemOptions>;
+import { BreadcrumbItemProps } from './types';
 /**
  * @name Breadcrumb.Item
  */
-export declare const Item: import('../System').CreateWuiComponent<"a", ItemProps>;
+export declare const Item: import('react').ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;

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

@@ -1,16 +1,6 @@
 import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
-import { ThemeColorTokens } from '../../theme';
-export interface BreadcrumbOptions {
-    children: React.ReactNode | React.ReactNode[];
-    /** color from theme, add for scroll gradient on mobile */
-    gradientBackground?: ThemeColorTokens;
-    /** set clickable or not the last child */
-    lastChildNotClickable?: boolean;
-    separator?: React.ReactNode | string;
-}
-export type BreadcrumbProps = CreateWuiProps<'div', BreadcrumbOptions>;
-export declare const BreadcrumbComponent: import('../System').CreateWuiComponent<"div", BreadcrumbProps>;
-export declare const Breadcrumb: import('../System').CreateWuiComponent<"div", BreadcrumbProps> & {
-    Item: import('../System').CreateWuiComponent<"a", import('./Item').ItemProps>;
+import { BreadcrumbProps } from './types';
+export declare const BreadcrumbComponent: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<Omit<import('./types').BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 };

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

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

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

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef, HTMLAttributes } from 'react';
+interface BreadcrumbOptions {
+    children: React.ReactNode | React.ReactNode[];
+    /** set clickable or not the last child */
+    lastChildNotClickable?: boolean;
+    separator?: React.ReactNode | string;
+}
+export type BreadcrumbProps = BreadcrumbOptions & ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement>;
+interface BreadcrumbItemOptions {
+    children: React.ReactNode;
+    'data-testid'?: string;
+    isActive?: boolean;
+    separator?: React.ReactNode | string;
+    to?: string;
+}
+export type BreadcrumbItemProps = BreadcrumbItemOptions & ComponentPropsWithRef<'a'> & HTMLAttributes<HTMLAnchorElement>;
+export {};

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

@@ -1,26 +1,2 @@
-import { CreateWuiProps } from '../System';
-import { Size, Variant } from './theme';
-export interface ButtonOptions {
-    /** AI button with 3 variants: primary / tertiary / ghost */
-    ai?: boolean;
-    /**
-     * Danger button with 3 variants: primary / tertiary / ghost
-     * Take precedence hover the AI prop
-     */
-    danger?: boolean;
-    disabled?: boolean;
-    isLoading?: boolean;
-    shape?: 'circle' | 'square';
-    size?: Size;
-    variant?: Variant;
-}
-export type ButtonProps = CreateWuiProps<'button', ButtonOptions>;
-/**
- * @tag button
- */
-export declare const Button: import('../System').CreateWuiComponent<"button", ButtonProps>;
-export declare const StyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('@ariakit/react').ButtonOptions<"button"> & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLButtonElement>;
-}, keyof import('@ariakit/react').ButtonOptions<T>> & {
-    [index: `data-${string}`]: unknown;
-}, ButtonOptions>> & string & Omit<(props: import('@ariakit/react').ButtonProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, keyof import('react').Component<any, {}, any>>;
+import { ButtonProps } from './types';
+export declare const Button: import('../../utils').FunctionComponentWithAs<"button", ButtonProps>;

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

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

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

@@ -0,0 +1,15 @@
+import { ButtonProps as AriakitButtonProps } from '@ariakit/react';
+import { ReactNode } from 'react';
+import { MergeProps } from '../../utils/forwardRefWithAs';
+export type ButtonProps = MergeProps<ButtonOptions, AriakitButtonProps>;
+export type ButtonShape = 'circle' | 'default' | 'square';
+export type ButtonSize = 'lg' | 'md' | 'sm' | 'xs';
+export type ButtonVariant = 'ghost' | 'ghost-ai' | 'ghost-danger' | 'primary' | 'primary-ai' | 'primary-danger' | 'secondary' | 'tertiary' | 'tertiary-ai' | 'tertiary-danger';
+interface ButtonOptions {
+    children?: ReactNode;
+    isLoading?: boolean;
+    shape?: ButtonShape;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+}
+export {};

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

@@ -1,15 +1,4 @@
-import { default as React } from 'react';
-import { Button, ButtonProps } from '../Button';
-import { CreateWuiProps } from '../System';
-export interface ButtonGroupOptions {
-    children: ChildrenProps;
-    /** Disable all your buttons components */
-    disabled?: boolean;
-    size?: ButtonProps['size'];
-    variant?: ButtonProps['variant'];
-}
-export type ButtonGroupProps = CreateWuiProps<'div', ButtonGroupOptions>;
-type ChildrenProps = ChildType | ChildType[];
-type ChildType = boolean | null | React.ReactElement<typeof Button> | undefined;
-export declare const ButtonGroup: import('../System').CreateWuiComponent<"div", ButtonGroupProps>;
-export {};
+import { ButtonGroupProps, ButtonGroupState } from './types';
+export declare const ButtonGroupContext: import('react').Context<ButtonGroupState>;
+export declare function useButtonGroup(): ButtonGroupState;
+export declare const ButtonGroup: import('../../utils').FunctionComponentWithAs<"div", ButtonGroupProps>;

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

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

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

@@ -0,0 +1,7 @@
+import { ButtonSize, ButtonVariant } from '../Button/types';
+export type ButtonGroupProps = {
+    disabled?: boolean;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+};
+export type ButtonGroupState = Pick<ButtonGroupProps, 'disabled' | 'size' | 'variant'>;

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

@@ -0,0 +1,6 @@
+/**
+ * @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>>;

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

@@ -1,10 +1,5 @@
-import { default as React } from 'react';
-import { ShapeProps } from '../Shape';
-export interface CoverOptions {
-    src: string;
-}
-export type CoverProps = CoverOptions & ShapeProps;
+import { CoverProps } from './types';
 /**
  * @name Card.Cover
  */
-export declare const Cover: React.FC<CoverProps>;
+export declare const Cover: import('react').ForwardRefExoticComponent<Omit<CoverProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,11 @@
-import { CreateWuiProps } from '../System';
-export type CardProps = CreateWuiProps<'div'>;
-export declare const CardComponent: import('../System').CreateWuiComponent<"div", CardProps>;
-export declare const Card: import('../System').CreateWuiComponent<"div", CardProps> & {
-    Body: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<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>, never>> & string;
-    Cover: import('react').FC<import('./Cover').CoverProps>;
+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"> & {
+        ref?: import('react').Ref<HTMLDivElement>;
+    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Cover: import('react').ForwardRefExoticComponent<Omit<import('./types').CoverProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };

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

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

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

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+export type BodyProps = ComponentPropsWithRef<'div'>;
+export type CardProps = ComponentPropsWithRef<'div'>;
+export type CoverProps = ComponentPropsWithRef<'div'> & CoverOptions;
+interface CoverOptions {
+    src: string;
+}
+export {};

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

@@ -1,13 +1,3 @@
 import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
-import { DefaultFieldStylesProps } from '../../utils/field-styles';
-export interface CheckboxOptions extends DefaultFieldStylesProps {
-    checked?: boolean;
-    Component?: React.ElementType;
-    disabled?: boolean;
-    indeterminate?: boolean;
-    name?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-export type CheckboxProps = CreateWuiProps<'input', CheckboxOptions>;
-export declare const Checkbox: import('../System').CreateWuiComponent<"input", CheckboxProps>;
+import { CheckboxProps } from './types';
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+export interface CheckboxOptions {
+    indeterminate?: boolean;
+    variant?: Variant;
+}
+export type CheckboxProps = CheckboxOptions & ComponentProps<'input'>;
+export type Variant = 'danger' | 'success' | 'warning';

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

@@ -1,3 +1,2 @@
-import { ButtonProps } from '../Button';
-export type CloseButtonProps = ButtonProps;
-export declare const CloseButton: import('../System').CreateWuiComponent<"button", ButtonProps>;
+import { CloseButtonProps } from './types';
+export declare const CloseButton: import('react').ForwardRefExoticComponent<Omit<CloseButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../Button/types';
+export type CloseButtonProps = ButtonProps & CloseButtonOptions;
+interface CloseButtonOptions {
+    animatePresence?: boolean;
+}
+export {};

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

@@ -1,15 +1,3 @@
-import { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
-import { CustomHeaderProps, CustomInputOptions, StyledDatePicker } from '../DateTimePickerCommon';
-import { CreateWuiProps } from '../System';
-export interface DatePickerOptions {
-    onBlur?: CustomInputOptions['handleBlur'];
-    onChange?: (date?: Date) => void;
-    onFocus?: CustomInputOptions['handleFocus'];
-    placeholder?: ReactDatePickerProps['placeholderText'];
-    preventVirtualKeyboard?: boolean;
-    transparent?: boolean;
-    useWeekdaysShort?: boolean;
-    value: Date | string;
-}
-export type DatePickerProps = CreateWuiProps<typeof StyledDatePicker, DatePickerOptions & Omit<CustomInputOptions, 'focused' | 'handleBlur' | 'handleFocus' | 'onReset' | 'value'> & Omit<ReactDatePickerProps, 'locale' | keyof DatePickerOptions> & Partial<Pick<CustomHeaderProps, 'endYear' | 'startYear'>> & Pick<CustomHeaderProps, 'locale'>>;
-export declare const DatePicker: import('../System').CreateWuiComponent<"input", DatePickerProps>;
+import { default as React } from 'react';
+import { DatePickerProps } from './types';
+export declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
+import { InputTextOptions } from '../InputText/types';
+import { CustomHeaderProps } from '../DateTimePickerCommon/types';
+export interface DatePickerOptions {
+    onChange?: (date?: Date) => void;
+    placeholder?: string;
+    preventVirtualKeyboard?: boolean;
+    useWeekdaysShort?: boolean;
+    value?: Date | string;
+}
+export type DatePickerProps = ComponentProps<'div'> & DatePickerOptions & Omit<ReactDatePickerProps, 'locale' | keyof DatePickerOptions> & Partial<Pick<CustomHeaderProps, 'endYear' | 'startYear'>> & Pick<CustomHeaderProps, 'locale'> & Pick<InputTextOptions, 'icon' | 'iconPlacement' | 'size' | 'transparent'>;

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

@@ -1,8 +1,3 @@
-import { DatePickerProps } from '../DatePicker';
-import { CreateWuiProps } from '../System';
-import { TimePickerProps } from '../TimePicker';
-import { LocalesKey } from './utils';
-export type DateTimePickerProps = CreateWuiProps<'input', Pick<DatePickerProps, 'onChange' | 'size' | 'transparent' | 'value'> & Pick<TimePickerProps, 'onChange' | 'size' | 'transparent' | 'value'> & {
-    locale?: LocalesKey;
-}>;
-export declare const DateTimePicker: import('../System').CreateWuiComponent<"input", DateTimePickerProps>;
+import { default as React } from 'react';
+import { DateTimePickerProps } from './types';
+export declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<DateTimePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
+import { CustomHeaderProps } from '../DateTimePickerCommon/types';
+import { InputTextOptions } from '../InputText/types';
+export type DateTimePickerProps = ComponentProps<'div'> & DateTimePickerOptions & Omit<ReactDatePickerProps, 'locale' | keyof DateTimePickerOptions> & Pick<CustomHeaderProps, 'locale'> & Pick<InputTextOptions, 'size' | 'transparent'>;
+interface DateTimePickerOptions {
+    onChange?: (date?: Date) => void;
+    value?: Date | string;
+}
+export {};

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

@@ -1,18 +1,2 @@
-import { Locale } from 'date-fns';
-import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
-export interface CustomHeaderOptions {
-    changeMonth: () => void;
-    changeYear: () => void;
-    date: Date;
-    decreaseMonth?: () => void;
-    decreaseYear?: () => void;
-    endYear: number;
-    increaseMonth?: () => void;
-    increaseYear?: () => void;
-    isMonthYearPicker?: boolean;
-    locale?: Locale;
-    startYear: number;
-}
-export type CustomHeaderProps = CreateWuiProps<'div', CustomHeaderOptions>;
-export declare const CustomHeader: React.FC<CustomHeaderProps>;
+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;

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

@@ -0,0 +1,17 @@
+import { Locale } from 'date-fns';
+import { ComponentProps } from 'react';
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+export interface CustomHeaderOptions {
+    changeMonth: () => void;
+    changeYear: () => void;
+    date: Date;
+    decreaseMonth?: () => void;
+    decreaseYear?: () => void;
+    endYear: number;
+    increaseMonth?: () => void;
+    increaseYear?: () => void;
+    isMonthYearPicker?: boolean;
+    locale?: Locale;
+    startYear: number;
+}
+export type CustomHeaderProps = ComponentProps<'div'> & CustomHeaderOptions & ReactDatePickerCustomHeaderProps;

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

@@ -1,6 +1,6 @@
 import { Locale } from 'date-fns';
-import { SelectOption, SelectOptions } from '../Select';
+import { SelectOption, SelectOptions } from '../Select/types';
 export declare const DEFAULT_DATE: Date;
-export declare const getDate: (date: Date | number | string, interval?: number) => Date;
+export declare const getDate: (date: Date | number | string, interval?: number) => Date | null;
 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

@@ -1,31 +1,2 @@
-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 Icon component 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?: 'md' | 'sm';
-};
-export declare const IconBlock: React.FC<IconBlockProps>;
-export {};
+import { HeaderProps } from './types';
+export declare const Header: ({ action, className, icon, onBackButtonClick, subtitle, title, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { DialogOptions } from '@ariakit/react';
+import { ComponentProps, ComponentPropsWithRef } from 'react';
+import { IconProps } from '../../Icon';
+export interface AssetDrawerOptions extends DialogOptions<'div'> {
+    maxWidth?: number | string;
+}
+export type AssetDrawerProps = AssetDrawerOptions & ComponentPropsWithRef<'div'>;
+export type HeaderProps = ComponentProps<'div'> & {
+    /**
+     * Show on right a block, for example an HeaderAction
+     */
+    action?: React.ReactNode;
+    /**
+     * Icon from Icon component 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 type IconBlockProps = {
+    icon: React.FC<IconProps>;
+    size?: 'md' | 'sm';
+};

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

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

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

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

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

@@ -0,0 +1,3 @@
+export declare const 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>>;

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

@@ -0,0 +1,3 @@
+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/Drawer/components/Title.d.ts

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

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

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