welcome-ui 8.3.0 → 9.0.0-alpha.0

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

@@ -0,0 +1,28 @@
+import { ComponentPropsWithRef } from 'react';
+export interface RangeOptions extends Omit<SliderOptions, 'onChange' | 'type' | 'value'> {
+    onChange: (value: RangeType) => void;
+    type?: 'fields' | 'inline';
+    value: RangeType;
+}
+export type RangeProps = Omit<ComponentPropsWithRef<'div'>, 'onChange'> & RangeOptions;
+export type RangeType = {
+    max: number;
+    min: number;
+};
+export interface SliderOptions extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    borderSelectorColor?: string;
+    disabled?: boolean;
+    hint?: string;
+    label?: string;
+    max: number;
+    min: number;
+    onChange: (value: number) => void;
+    step?: number;
+    tooltip?: boolean;
+    type?: Type;
+    value: number;
+    values?: number[];
+}
+export type SliderProps = Omit<ComponentPropsWithRef<'div'>, 'onChange'> & SliderOptions;
+type Type = 'inline' | 'left-field' | 'right-field';
+export {};

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

@@ -1,38 +1,5 @@
-import { CreateWuiProps } from '../System';
-export interface UseSwiperProps {
-    autoplay?: boolean;
-    /** If true the swiper will begin at the middle */
-    centeredSlides?: boolean;
-    duration?: number;
-    /** Won't be used if centeredSlides is true */
-    firstSlideToShow?: number;
-    fullWidth?: boolean;
-    id?: string;
-    loop?: boolean;
-    /** Size of left and right navigation arrows */
-    navigationSize?: 'lg' | 'md' | 'sm' | 'xs';
-    /** Number of slides to show per view */
-    slidesPerView?: {
-        desktop: number;
-        mobile: number;
-        tablet: number;
-    };
-    /** Space between each slides */
-    spaceBetween?: number;
-    /** Use black colors for the pagination and arrows in case of slides too bright */
-    withDarkUI?: boolean;
-    /** Show left and rigth navigation arrows on mobile/tablet or/and desktop */
-    withNavigation?: {
-        desktop: boolean;
-        mobile: boolean;
-    };
-    /** Show bottom pagination on mobile/tablet or/and desktop */
-    withPagination?: {
-        desktop: boolean;
-        mobile: boolean;
-    };
-}
-export declare const useSwiper: (options?: UseSwiperProps) => {
+import { SwiperProps, UseSwiperOptions } from './types';
+export declare const useSwiper: (options?: UseSwiperOptions) => {
     autoplay: boolean;
     centeredSlides: boolean;
     currentPage: number;
@@ -41,7 +8,7 @@ export declare const useSwiper: (options?: UseSwiperProps) => {
     firstSlideToShow: number;
     fullWidth: boolean;
     id: string;
-    navigationSize: "sm" | "md" | "xs" | "lg";
+    navigationSize: "lg" | "md" | "sm" | "xs";
     ref: import('react').MutableRefObject<HTMLUListElement>;
     setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
     setShowLeftArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
@@ -65,15 +32,4 @@ export declare const useSwiper: (options?: UseSwiperProps) => {
         mobile: boolean;
     };
 };
-export type SwiperInitialProps = {
-    children: JSX.Element | JSX.Element[];
-    dataTestId?: string;
-    store: UseSwiper;
-};
-export type SwiperProps = CreateWuiProps<'div', SwiperInitialProps>;
-export type UseSwiper = ReturnType<typeof useSwiper>;
-export declare const Swiper: {
-    ({ children, dataTestId, store, ...rest }: SwiperProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const StyledSwiper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Swiper: ({ children, className, store, ...rest }: SwiperProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,41 @@
+import { ComponentProps } from 'react';
+import { useSwiper } from '.';
+export type SwiperProps = ComponentProps<'div'> & SwiperOptions;
+export interface UseSwiperOptions {
+    autoplay?: boolean;
+    /** If true the swiper will begin at the middle */
+    centeredSlides?: boolean;
+    duration?: number;
+    /** Won't be used if centeredSlides is true */
+    firstSlideToShow?: number;
+    fullWidth?: boolean;
+    id?: string;
+    loop?: boolean;
+    /** Size of left and right navigation arrows */
+    navigationSize?: 'lg' | 'md' | 'sm' | 'xs';
+    /** Number of slides to show per view */
+    slidesPerView?: {
+        desktop: number;
+        mobile: number;
+        tablet: number;
+    };
+    /** Space between each slides */
+    spaceBetween?: number;
+    /** Use black colors for the pagination and arrows in case of slides too bright */
+    withDarkUI?: boolean;
+    /** Show left and rigth navigation arrows on mobile/tablet or/and desktop */
+    withNavigation?: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    /** Show bottom pagination on mobile/tablet or/and desktop */
+    withPagination?: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+}
+interface SwiperOptions {
+    children: JSX.Element | JSX.Element[];
+    store: ReturnType<typeof useSwiper>;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export declare const useInterval: (callback: () => void, delay: number) => void;
+export declare const getSlideWidth: (slidesPerView: number, spaceBetween: number) => string;

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

@@ -1,18 +1,9 @@
-import { CreateWuiProps } from '../System';
-export interface TableOptions {
-    /**
-     * Add space on first and last child on the Td and Th component
-     */
-    indent?: boolean;
-}
-export type TableProps = CreateWuiProps<'div', TableOptions>;
-export declare const TableComponent: import('../System').CreateWuiComponent<"div", TableProps>;
-export declare const Table: import('../System').CreateWuiComponent<"div", TableProps> & {
-    Tbody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;
-    Td: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;
-    Th: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;
-    Thead: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;
-    Tr: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
-        variant?: "danger" | "default" | "info" | "success" | "warning";
-    }>> & string;
+import { TableProps, TableTrProps } from './types';
+export declare const TableComponent: import('react').ForwardRefExoticComponent<Omit<TableProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Table: import('react').ForwardRefExoticComponent<Omit<TableProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
+    Tbody: (props: React.HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
+    Td: (props: React.TdHTMLAttributes<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
+    Th: (props: React.ThHTMLAttributes<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
+    Thead: (props: React.HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
+    Tr: ({ className, onClick, variant, ...rest }: TableTrProps) => import("react/jsx-runtime").JSX.Element;
 };

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

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

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

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, HTMLAttributes } from 'react';
+export type TableProps = ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement> & TableOptions;
+export type TableTrProps = ComponentPropsWithoutRef<'tr'> & HTMLAttributes<HTMLTableRowElement> & TableTrOptions;
+interface TableOptions {
+    /**
+     * Add space on first and last child on the Td and Th component
+     */
+    indent?: boolean;
+}
+interface TableTrOptions {
+    /**
+     * Change the cursor to pointer to indicate the row is clickable
+     */
+    onClick?: (props?: unknown) => void;
+    /**
+     * Change the background color of the row to represent a specific state
+     */
+    variant?: 'danger' | 'info' | 'success' | 'warning';
+}
+export {};

package/dist/types/components/Tabs/components/ActiveBar/index.d.ts

@@ -0,0 +1,2 @@
+import { ActiveBarProps } from '../../types';
+export declare const ActiveBar: ({ activeTab, listRef, orientation }: ActiveBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Tabs/components/TabList/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TabListProps } from '../../types';
+export declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<"div">>;

package/dist/types/components/Tabs/components/TabPanel/index.d.ts

@@ -0,0 +1,2 @@
+import { TabPanelProps } from '../../types';
+export declare const TabPanel: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,18 +1,8 @@
-import { CreateWuiProps } from '../System';
-import * as Ariakit from '@ariakit/react';
-export type TabOptions = {
-    store: UseTab;
+import { TabProps } from './types';
+export declare const TabComponent: import('../../utils').FunctionComponentWithAs<"button", TabProps>;
+export declare const Tab: import('../../utils').FunctionComponentWithAs<"button", TabProps> & {
+    List: import('react').ForwardRefExoticComponent<import('./types').TabListProps & import('react').RefAttributes<"div">>;
+    Panel: import('react').ForwardRefExoticComponent<import('./types').TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;
 };
-export type TabProps = CreateWuiProps<'button', TabOptions>;
-/**
- * @name Tabs
- */
-export declare const TabComponent: import('../System').CreateWuiComponent<"button", TabProps>;
-export declare const Tab: import('../System').CreateWuiComponent<"button", TabProps> & {
-    List: import('../System').CreateWuiComponent<"div", import('./TabList').TabListProps>;
-    Panel: import('../System').CreateWuiComponent<"div", import('./TabPanel').TabPanelProps>;
-};
-export type UseTab = Ariakit.TabStore;
-export type UseTabProps = Ariakit.TabStoreProps;
-export type UseTabState = Ariakit.TabStoreState;
-export declare function useTab(options?: UseTabProps): UseTab;
+export { useTabStore as useTab } from '@ariakit/react';
+export type { TabStore as UseTab, TabStoreProps as UseTabProps, TabStoreState as UseTabState, } from '@ariakit/react';

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

@@ -0,0 +1,33 @@
+import { TabStore, TabStoreProps } from '@ariakit/react';
+import { PolymorphicProps } from '../../theme/types';
+import { UseTab, UseTabState } from '.';
+export interface ActiveBarProps {
+    activeTab: HTMLElement;
+    listRef: React.MutableRefObject<undefined>;
+    orientation: Omit<UseTabState['orientation'], 'both'>;
+}
+export interface ActiveBarReturn {
+    offset?: number;
+    orientation?: Omit<UseTabState['orientation'], 'both'>;
+    size?: number;
+}
+export type Size = 'md' | 'sm';
+export type TabListProps = {
+    children: React.ReactNode;
+    className?: string;
+    size?: Size;
+    store: UseTab;
+};
+export interface TabOptions {
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+    size?: Size;
+    store: TabStore;
+}
+export type TabPanelProps = {
+    children: React.ReactNode;
+    store: UseTab;
+    tabId?: string;
+};
+export type TabProps<T extends React.ElementType = 'button'> = PolymorphicProps<T> & TabOptions & TabStoreProps;

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

@@ -1 +1,8 @@
+import { ForwardedRef, default as React } from 'react';
+import { UseTabState } from '.';
 export declare const getParentScale: (element: HTMLElement | null) => number;
+export declare function useForkRef(refA: ForwardedRef<unknown>, refB: ForwardedRef<unknown>): (instance: unknown) => void;
+export declare function useTrackActiveTabs(selectedId: UseTabState['selectedId'], children: React.ReactNode): {
+    activeTab: HTMLElement | null;
+    tabs: React.ReactNode;
+};

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

@@ -1,14 +1,2 @@
-import { CreateWuiProps } from '../System';
-import { Size, Variant } from './theme';
-import * as S from './styles';
-export interface TagOptions {
-    href?: string;
-    onClick?: () => void;
-    onRemove?: () => void;
-    size?: Size;
-    to?: string;
-    variant?: Variant;
-}
-export type TagProps = CreateWuiProps<'div', TagOptions>;
-export declare const Tag: import('../System').CreateWuiComponent<"div", TagProps>;
-export declare const StyledTag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, S.StyledTagProps & import('../System').WuiProps>> & string;
+import { TagOptions } from './types';
+export declare const Tag: import('../../utils').FunctionComponentWithAs<"div", TagOptions>;

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

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

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

@@ -0,0 +1,11 @@
+import { ButtonProps } from '../Button/types';
+export interface TagOptions {
+    icon?: React.ReactNode;
+    onRemove?: () => void;
+    removeButtonProps?: ButtonProps;
+    size?: TagSize;
+    variant?: TagVariant;
+}
+type TagSize = 'md' | 'sm' | 'xs';
+type TagVariant = 'ai' | 'blue' | 'danger' | 'default' | 'default' | 'green' | 'info' | 'orange' | 'pink' | 'primary' | 'success' | 'teal' | 'violet' | 'warning';
+export {};

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

@@ -1,27 +1,17 @@
-import { CSSProperties } from 'react';
-import { CreateWuiProps } from '../System';
-declare const TAG_NAMES: {
-    h0: string;
-    h1: string;
-    h2: string;
-    h3: string;
-    h4: string;
-    h5: string;
-    h6: string;
-    lg: string;
-    md: string;
-    sm: string;
-    'subtitle-md': string;
-    'subtitle-sm': string;
-    xs: string;
+import { TextProps } from './types';
+export declare const TAG_NAMES: {
+    readonly h0: "h1";
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+    readonly h5: "h5";
+    readonly h6: "h6";
+    readonly lg: "p";
+    readonly md: "p";
+    readonly sm: "p";
+    readonly 'subtitle-md': "span";
+    readonly 'subtitle-sm': "span";
+    readonly xs: "p";
 };
-export interface TextOptions {
-    lines?: number;
-    variant?: Variant;
-    withDash?: boolean;
-    wordBreak?: CSSProperties['wordBreak'];
-}
-export type TextProps = CreateWuiProps<'p', TextOptions>;
-type Variant = keyof typeof TAG_NAMES;
-export declare const Text: import('../System').CreateWuiComponent<"p", TextProps>;
-export {};
+export declare const Text: import('../../utils').FunctionComponentWithAs<"p", TextProps>;

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

@@ -0,0 +1,8 @@
+import { PolymorphicProps } from '../../theme/types';
+import { TAG_NAMES } from '.';
+export interface TextOptions {
+    lines?: number;
+    variant?: keyof typeof TAG_NAMES;
+    withDash?: boolean;
+}
+export type TextProps<T extends React.ElementType = 'p'> = PolymorphicProps<T> & TextOptions;

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

@@ -1,18 +1 @@
-import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
-import { DefaultFieldStylesProps } from '../../utils/field-styles';
-export interface TextareaOptions extends DefaultFieldStylesProps {
-    autoFocus?: boolean;
-    disabled?: boolean;
-    maxLength?: number;
-    minRows?: number;
-    name?: string;
-    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
-    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
-    placeholder?: string;
-    value?: string;
-}
-export type TextareaProps = CreateWuiProps<'textarea', TextareaOptions>;
-export declare const Textarea: import('../System').CreateWuiComponent<"textarea", TextareaProps>;
+export declare const Textarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('./types').TextareaOptions & import('react').RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface TextareaOptions {
+    minRows?: number;
+    variant?: 'danger' | 'success' | 'warning';
+}
+export type TextareaProps = ComponentPropsWithoutRef<'textarea'> & TextareaOptions;

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

@@ -1,13 +1,2 @@
-import { ReactDatePickerProps } from 'react-datepicker';
-import { CustomInputOptions, StyledTimePicker } from '../DateTimePickerCommon';
-import { CreateWuiProps } from '../System';
-export interface TimePickerOptions {
-    onBlur?: CustomInputOptions['handleBlur'];
-    onChange?: (date?: Date) => void;
-    onFocus?: CustomInputOptions['handleFocus'];
-    placeholder?: ReactDatePickerProps['placeholderText'];
-    transparent?: boolean;
-    value: Date | string;
-}
-export type TimePickerProps = CreateWuiProps<typeof StyledTimePicker, Omit<ReactDatePickerProps, keyof TimePickerOptions> & Pick<CustomInputOptions, 'icon' | 'iconPlacement' | 'size'> & TimePickerOptions>;
-export declare const TimePicker: import('../System').CreateWuiComponent<"input", TimePickerProps>;
+import { TimePickerProps } from './types';
+export declare const TimePicker: import('react').ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

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

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

package/dist/types/components/Toast/components/Growl.d.ts

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

package/dist/types/components/Toast/components/Snackbar.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../../Button/types';
+import { SnackbarProps } from '../types';
+/**
+ * @name Toast.Snackbar
+ */
+export declare const Snackbar: import('react').ForwardRefExoticComponent<Omit<SnackbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SnackbarAction: import('../../../utils').FunctionComponentWithAs<"button", ButtonProps>;

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

@@ -1,25 +1,9 @@
-import { default as React } from 'react';
-import { ToastPosition } from 'react-hot-toast/headless';
-import { TextProps } from '../Text';
-import { GrowlProps } from './Growl';
-import { SnackbarProps } from './Snackbar';
-export type ToastOptions = {
-    duration?: number;
-    id?: string;
-    onClose?: () => void;
-    position?: ToastPosition;
-};
-type NotificationsProps = {
-    pauseOnHover?: boolean;
-};
-export declare const Notifications: React.FC<NotificationsProps>;
+import { TextProps } from '../Text/types';
+import { ToastOptions } from './types';
 export declare const toast: (component: JSX.Element, options?: ToastOptions) => string;
-export declare const remove: (id?: string) => void;
-export declare const dismiss: (id?: string) => void;
-export declare const Toast: {
-    Growl: import('../System').CreateWuiComponent<"div", GrowlProps>;
-    Snackbar: import('../System').CreateWuiComponent<"div", SnackbarProps>;
-    SnackbarAction: import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>;
-    Title: React.FC<TextProps>;
+export declare const Toast: import('react').FC<import('react-hot-toast').ToasterProps> & {
+    Growl: import('react').ForwardRefExoticComponent<Omit<import('./types').GrowlProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Snackbar: import('react').ForwardRefExoticComponent<Omit<import('./types').SnackbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    SnackbarAction: import('../../utils').FunctionComponentWithAs<"button", import('../Button/types').ButtonProps>;
+    Title: ({ children, className, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
 };
-export type { GrowlProps, SnackbarProps };

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

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

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

@@ -0,0 +1,36 @@
+import { ComponentPropsWithRef, HTMLAttributes } from 'react';
+import { Toast, ToastPosition } from 'react-hot-toast/headless';
+export type GrowlProps = ComponentPropsWithRef<'div'> & GrowlOptions & HTMLAttributes<HTMLDivElement>;
+export type SnackbarProps = ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement> & SnackbarOptions;
+export type ToastOptions = {
+    duration?: number;
+    id?: string;
+    onClose?: () => void;
+    position?: ToastPosition;
+};
+export type ToastVariant = 'ai' | 'beige' | 'danger' | 'info' | 'success' | 'warning';
+export type ToastWrapperProps = {
+    toast: CustomToastOptions & Toast;
+    updateHeight: (toastId: string, height: number) => void;
+};
+type CustomToastOptions = {
+    onClose?: () => void;
+};
+interface GrowlOptions {
+    'data-testid'?: string;
+    hasCloseButton?: boolean;
+    hideIcon?: boolean;
+    onClose?: () => void;
+    variant?: ToastVariant;
+}
+interface SnackbarOptions {
+    /** add correct separator for call to action
+     * use SnackbarAction
+     */
+    cta?: JSX.Element;
+    hasCloseButton?: boolean;
+    hideIcon?: boolean;
+    onClose?: () => void;
+    variant?: ToastVariant;
+}
+export {};

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

@@ -1,10 +1,2 @@
-import { CheckboxProps } from '../Checkbox';
-import { CreateWuiProps } from '../System';
-import { Size } from './theme';
-export type ToggleOptions = Omit<CheckboxProps, 'Component' | 'hasIcon' | 'iconPlacement' | 'indeterminate' | 'isClearable' | 'transparent'> & {
-    checkedIcon?: JSX.Element;
-    size?: Size;
-    uncheckedIcon?: JSX.Element;
-};
-export type ToggleProps = CreateWuiProps<'input', ToggleOptions>;
-export declare const Toggle: import('../System').CreateWuiComponent<"input", ToggleProps>;
+import { ToggleProps } from './types';
+export declare const Toggle: import('react').ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

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

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

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

@@ -0,0 +1,9 @@
+import { CheckboxCheckOptions } from '@ariakit/react';
+import { ComponentPropsWithRef, InputHTMLAttributes } from 'react';
+export type ToggleProps = Omit<CheckboxCheckOptions<'input'> & ComponentPropsWithRef<'input'> & InputHTMLAttributes<HTMLInputElement>, 'size'> & ToggleOptions;
+interface ToggleOptions {
+    checkedIcon?: JSX.Element;
+    size?: 'md' | 'sm' | 'xs';
+    uncheckedIcon?: JSX.Element;
+}
+export {};

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

@@ -1,11 +1,3 @@
 import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
-import * as Ariakit from '@ariakit/react';
-export type TooltipOptions = Pick<Ariakit.TooltipOptions, 'gutter'> & Pick<Ariakit.TooltipStoreProps, 'placement'> & {
-    children: React.ReactNode;
-    content: JSX.Element | string;
-    fixed?: boolean;
-    withArrow?: boolean;
-};
-export type TooltipProps = CreateWuiProps<'div', TooltipOptions>;
-export declare const Tooltip: import('../System').CreateWuiComponent<"div", TooltipProps>;
+import { TooltipProps } from './types';
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,11 @@
+import { TooltipProps as AriakitTooltipProps, TooltipStoreProps as AriakitTooltipStoreProps } from '@ariakit/react';
+export interface TooltipOptions {
+    children: React.ReactNode;
+    content: JSX.Element | string;
+    fixed?: boolean;
+    gutter?: number;
+    placement?: TooltipPlacement;
+    withArrow?: boolean;
+}
+export type TooltipPlacement = AriakitTooltipStoreProps['placement'];
+export type TooltipProps = Omit<AriakitTooltipProps, 'children' | 'content'> & TooltipOptions;

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

@@ -1,9 +1,2 @@
-import { CreateWuiProps } from '../System';
-import { Size, Variant } from './theme';
-export interface VariantIconOptions {
-    icon?: JSX.Element;
-    size?: Size;
-    variant?: Variant;
-}
-export type VariantIconProps = CreateWuiProps<'div', VariantIconOptions>;
-export declare const VariantIcon: import('../System').CreateWuiComponent<"div", VariantIconProps>;
+import { VariantIconProps } from './types';
+export declare const VariantIcon: import('react').ForwardRefExoticComponent<Omit<VariantIconProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef, HTMLAttributes } from 'react';
+import { IconProps } from '../Icon';
+export type VariantIconProps = ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement> & VariantIconOptions;
+interface VariantIconOptions {
+    size?: IconProps['size'];
+    variant?: 'ai' | 'danger' | 'info' | 'success' | 'warning';
+}
+export {};

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

@@ -1,2 +1 @@
-import { BoxProps } from '../Box';
-export declare const WelcomeLoader: import('../System').CreateWuiComponent<"div", BoxProps>;
+export declare const WelcomeLoader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/constants/field-icon-size.d.ts

@@ -0,0 +1,4 @@
+import { DefaultFieldIconSize, Size } from '../types';
+export declare const FIELD_ICON_SIZE: {
+    [key in Size]: DefaultFieldIconSize;
+};