welcome-ui 0.0.0-dev.1761579941363 → 0.0.0-dev.1761661363660

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 { DatePickerProps as 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;
+};

package/dist/types/theme/generate-theme.d.ts

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

package/dist/types/theme/index.d.ts

@@ -1,132 +0,0 @@
-import { CSSScalar, ITheme as StyledComponentDefaultTheme, DefaultTheme as XStyledDefaultTheme } from '@xstyled/styled-components';
-import { ThemeAccordions } from '../components/Accordion/theme';
-import { ThemeAlerts } from '../components/Alert/theme';
-import { ThemeAvatars } from '../components/Avatar/theme';
-import { ThemeBadges } from '../components/Badge/theme';
-import { ThemeBreadcrumbs } from '../components/Breadcrumb/theme';
-import { ThemeButtons } from '../components/Button/theme';
-import { ThemeCards } from '../components/Card/theme';
-import { ThemeCheckboxes } from '../components/Checkbox/theme';
-import { ThemeDateTimePickerCommon } from '../components/DateTimePickerCommon/theme';
-import { ThemeDrawers } from '../components/Drawer/theme';
-import { ThemeDropdownMenu } from '../components/DropdownMenu/theme';
-import { ThemeFileDrops } from '../components/FileDrop/theme';
-import { ThemeHints } from '../components/Hint/theme';
-import { ThemeIcons } from '../components/Icon/theme';
-import { ThemeLabels } from '../components/Label/theme';
-import { ThemeLinks } from '../components/Link/theme';
-import { ThemeLoaders } from '../components/Loader/theme';
-import { ThemeModals } from '../components/Modal/theme';
-import { ThemePagination } from '../components/Pagination/theme';
-import { ThemePopovers } from '../components/Popover/theme';
-import { ThemeRadios } from '../components/Radio/theme';
-import { ThemeRadioTabs } from '../components/RadioTab/theme';
-import { ThemeSliders } from '../components/Slider/theme';
-import { ThemeSwipers } from '../components/Swiper/theme';
-import { ThemeTables } from '../components/Table/theme';
-import { ThemeTabs } from '../components/Tabs/theme';
-import { ThemeTags } from '../components/Tag/theme';
-import { ThemeTextareas } from '../components/Textarea/theme';
-import { ThemeToasts } from '../components/Toast/theme';
-import { ThemeToggles } from '../components/Toggle/theme';
-import { ThemeTooltips } from '../components/Tooltip/theme';
-import { ThemeVariantIcon } from '../components/VariantIcon/theme';
-import { ThemeBorderWidths } from './borders';
-import { ThemeColors } from './colors';
-import { darkTheme } from './dark';
-import { ThemeDefaultFields } from './defaultFields';
-import { ThemeFocus } from './focus';
-import { ThemeFontFaces } from './fonts';
-import { ThemeRadii } from './radii';
-import { ThemeScreens } from './screens';
-import { ThemeSelection } from './selection';
-import { ThemeShadows } from './shadows';
-import { ThemeSpace } from './space';
-import { ThemeTimingFunction, ThemeTransitions } from './transitions';
-import { ThemeFonts, ThemeFontSizes, ThemeFontWeights, ThemeLetterSpacings, ThemeLineHeights, ThemeTexts, ThemeTextsFontColors, ThemeTextsFontFamily, ThemeTextsFontWeights, ThemeTextsTextTransform } from './typography';
-import { ThemeUnderline } from './underline';
-export type ThemeColorTokens = keyof ThemeColors;
-export type ThemeFontsUrl = 'https://cdn.welcome-ui.com/fonts' | 'https://cdn.welcometothejungle.com/fonts' | string;
-export type ThemeProps = {
-    [param: string]: unknown;
-    defaultFontFamily?: string;
-    defaultFontSize?: number;
-    defaultLetterSpacing?: string;
-    defaultLineHeight?: number;
-    fontsUrl?: ThemeFontsUrl;
-    headingFontFamily?: string;
-    iconFontFamily?: string;
-};
-export interface ThemeValues extends StyledComponentsTheme, XStyledTheme {
-    accordions: ThemeAccordions;
-    alerts: ThemeAlerts;
-    avatars: ThemeAvatars;
-    badges: ThemeBadges;
-    borderWidths: ThemeBorderWidths;
-    breadcrumbs: ThemeBreadcrumbs;
-    buttons: ThemeButtons;
-    cards: ThemeCards;
-    checkboxes: ThemeCheckboxes;
-    colors: ThemeColors;
-    dateTimePickerCommon: ThemeDateTimePickerCommon;
-    defaultFields: ThemeDefaultFields;
-    defaultLetterSpacing: string;
-    defaultLineHeight: number;
-    drawers: ThemeDrawers;
-    dropdownMenu: ThemeDropdownMenu;
-    fileDrops: ThemeFileDrops;
-    focus: ThemeFocus;
-    fontFaces: ThemeFontFaces;
-    fonts: ThemeFonts;
-    fontSizes: ThemeFontSizes;
-    fontsUrl: ThemeFontsUrl;
-    fontWeights: ThemeFontWeights;
-    hints: ThemeHints;
-    icons: ThemeIcons;
-    inset: ThemeSpace;
-    labels: ThemeLabels;
-    letterSpacings: ThemeLetterSpacings;
-    lineHeights: ThemeLineHeights;
-    links: ThemeLinks;
-    loaders: ThemeLoaders;
-    modals: ThemeModals;
-    pagination: ThemePagination;
-    popovers: ThemePopovers;
-    radii: ThemeRadii;
-    radios: ThemeRadios;
-    radiosTab: ThemeRadioTabs;
-    screens: ThemeScreens;
-    selection: ThemeSelection;
-    shadows: ThemeShadows;
-    sliders: ThemeSliders;
-    space: ThemeSpace;
-    swipers: ThemeSwipers;
-    tables: ThemeTables;
-    tabs: ThemeTabs;
-    tags: ThemeTags;
-    textareas: ThemeTextareas;
-    texts: ThemeTexts;
-    textsFontColors: ThemeTextsFontColors;
-    textsFontFamily: ThemeTextsFontFamily;
-    textsFontWeights: ThemeTextsFontWeights;
-    textsTextTransform: ThemeTextsTextTransform;
-    timingFunction: ThemeTimingFunction;
-    toasts: ThemeToasts;
-    toEm: (int: number) => string;
-    toggles: ThemeToggles;
-    tooltips: ThemeTooltips;
-    toPx: (int: number) => string;
-    toRem: (int: number) => string;
-    transformers: {
-        border: (value: CSSScalar) => CSSScalar;
-        px: (value: CSSScalar) => CSSScalar;
-    };
-    transitions: ThemeTransitions;
-    underline: ThemeUnderline;
-    variantIcon: ThemeVariantIcon;
-}
-type OverrideKeys = 'borderWidths' | 'colors' | 'fonts' | 'fontSizes' | 'fontWeights' | 'letterSpacings' | 'lineHeights' | 'radii' | 'screens' | 'shadows' | 'sizes' | 'space' | 'texts';
-type StyledComponentsTheme = Omit<StyledComponentDefaultTheme, OverrideKeys>;
-type XStyledTheme = Omit<XStyledDefaultTheme, OverrideKeys>;
-export declare const createTheme: (options?: ThemeProps) => ThemeValues;
-export { darkTheme };