welcome-ui 1.0.0-beta.3 → 1.0.0-beta.5

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import { Range as RangeType } from './Range';
+export type Type = 'left-field' | 'right-field' | 'inline';
+export type { RangeType };
+export declare const thumbWidth = 20;
+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 = CreateWuiProps<'div', SliderOptions>;
+export declare const round: (value: number, step: number) => number;
+export declare const ensureMinMax: (value: number, min: number, max: number, step: number) => number;
+export declare const SliderComponent: import('../System').CreateWuiComponent<"div", SliderProps>;
+export declare const Slider: import('../System').CreateWuiComponent<"div", SliderProps> & {
+    Range: import('../System').CreateWuiComponent<"div", import('./Range').RangeProps>;
+};

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

@@ -0,0 +1,19 @@
+type BorderProps = {
+    borderSelectorColor?: string;
+    disabled?: boolean;
+};
+export declare const Slider: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, BorderProps, never>;
+export declare const RangeInput: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, BorderProps, never>;
+export declare const Track: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+type RangeProps = {
+    disabled?: boolean;
+};
+export declare const Range: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, RangeProps, never>;
+export declare const Thick: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const ThickLabel: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Hint').HintProps>, import('@xstyled/system').Theme, {}, never>;
+type OutputProps = {
+    isVisible?: boolean;
+};
+export declare const Output: import('styled-components').StyledComponent<"output", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & OutputProps, never>;
+export declare const Tooltip: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export {};

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

@@ -0,0 +1,11 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeSliders = {
+    default: CSSObject;
+    disabled: CSSObject;
+    focused: CSSObject;
+    output: CSSObject;
+    rangeInput: CSSObject;
+    selector: CSSObject;
+};
+export declare const getSliders: (theme: ThemeValues) => ThemeSliders;

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

@@ -0,0 +1,7 @@
+import { CreateWuiProps } from '../System';
+export interface StackOptions {
+    direction?: 'column' | 'row';
+    spacing?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+}
+export type StackProps = CreateWuiProps<'div', StackOptions>;
+export declare const Stack: import('../System').CreateWuiComponent<"div", StackProps>;

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

@@ -0,0 +1,80 @@
+import { default as React } from 'react';
+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?: 'xs' | 'sm' | 'md' | 'lg';
+    /** 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) => {
+    centeredSlides: boolean;
+    firstSlideToShow: number;
+    currentSlidesPerView: number;
+    currentPage: number;
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    fullWidth: boolean;
+    id: string;
+    navigationSize: "xs" | "sm" | "md" | "lg";
+    slidesPerView: {
+        desktop: number;
+        mobile: number;
+        tablet: number;
+    };
+    spaceBetween: number;
+    withNavigation: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    withPagination: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    autoplay: boolean;
+    shouldLoop: boolean;
+    duration: number;
+    withDarkUI: boolean;
+    ref: React.MutableRefObject<HTMLUListElement>;
+    setShowLeftArrow: React.Dispatch<React.SetStateAction<boolean>>;
+    setShowRightArrow: React.Dispatch<React.SetStateAction<boolean>>;
+    showLeftArrow: boolean;
+    showRightArrow: boolean;
+};
+export type UseSwiper = ReturnType<typeof useSwiper>;
+export type SwiperInitialProps = {
+    children: JSX.Element | JSX.Element[];
+    dataTestId?: string;
+    store: UseSwiper;
+};
+export type SwiperProps = CreateWuiProps<'div', SwiperInitialProps>;
+export declare const Swiper: {
+    ({ children, dataTestId, store, ...rest }: SwiperProps): JSX.Element;
+    displayName: string;
+};
+export declare const StyledSwiper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, CreateWuiProps<"div">, never>;

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

@@ -0,0 +1,138 @@
+import { CreateWuiProps } from '../System';
+export declare const Swiper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, CreateWuiProps<"div">, never>;
+export declare const Arrow: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {
+    disabled: boolean;
+} & Pick<{
+    centeredSlides: boolean;
+    firstSlideToShow: number;
+    currentSlidesPerView: number;
+    currentPage: number;
+    setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
+    fullWidth: boolean;
+    id: string;
+    navigationSize: "xs" | "sm" | "md" | "lg";
+    slidesPerView: {
+        desktop: number;
+        mobile: number;
+        tablet: number;
+    };
+    spaceBetween: number;
+    withNavigation: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    withPagination: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    autoplay: boolean;
+    shouldLoop: boolean;
+    duration: number;
+    withDarkUI: boolean;
+    ref: import('react').MutableRefObject<HTMLUListElement>;
+    setShowLeftArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    setShowRightArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    showLeftArrow: boolean;
+    showRightArrow: boolean;
+}, "withNavigation" | "withDarkUI">, never>;
+export declare const Pagination: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<{
+    centeredSlides: boolean;
+    firstSlideToShow: number;
+    currentSlidesPerView: number;
+    currentPage: number;
+    setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
+    fullWidth: boolean;
+    id: string;
+    navigationSize: "xs" | "sm" | "md" | "lg";
+    slidesPerView: {
+        desktop: number;
+        mobile: number;
+        tablet: number;
+    };
+    spaceBetween: number;
+    withNavigation: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    withPagination: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    autoplay: boolean;
+    shouldLoop: boolean;
+    duration: number;
+    withDarkUI: boolean;
+    ref: import('react').MutableRefObject<HTMLUListElement>;
+    setShowLeftArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    setShowRightArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    showLeftArrow: boolean;
+    showRightArrow: boolean;
+}, "withPagination">, never>;
+export declare const Bullet: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+    active: boolean;
+} & Pick<{
+    centeredSlides: boolean;
+    firstSlideToShow: number;
+    currentSlidesPerView: number;
+    currentPage: number;
+    setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
+    fullWidth: boolean;
+    id: string;
+    navigationSize: "xs" | "sm" | "md" | "lg";
+    slidesPerView: {
+        desktop: number;
+        mobile: number;
+        tablet: number;
+    };
+    spaceBetween: number;
+    withNavigation: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    withPagination: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    autoplay: boolean;
+    shouldLoop: boolean;
+    duration: number;
+    withDarkUI: boolean;
+    ref: import('react').MutableRefObject<HTMLUListElement>;
+    setShowLeftArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    setShowRightArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    showLeftArrow: boolean;
+    showRightArrow: boolean;
+}, "withDarkUI">, never>;
+export declare const Container: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<{
+    centeredSlides: boolean;
+    firstSlideToShow: number;
+    currentSlidesPerView: number;
+    currentPage: number;
+    setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
+    fullWidth: boolean;
+    id: string;
+    navigationSize: "xs" | "sm" | "md" | "lg";
+    slidesPerView: {
+        desktop: number;
+        mobile: number;
+        tablet: number;
+    };
+    spaceBetween: number;
+    withNavigation: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    withPagination: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    autoplay: boolean;
+    shouldLoop: boolean;
+    duration: number;
+    withDarkUI: boolean;
+    ref: import('react').MutableRefObject<HTMLUListElement>;
+    setShowLeftArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    setShowRightArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    showLeftArrow: boolean;
+    showRightArrow: boolean;
+}, "slidesPerView" | "fullWidth" | "spaceBetween">, never>;

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

@@ -0,0 +1,11 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeSwipers = {
+    navigation: {
+        bullet: {
+            active: CSSObject;
+            default: CSSObject;
+        };
+    };
+};
+export declare const getSwipers: (theme: ThemeValues) => ThemeSwipers;

package/dist/types/components/Swiper/use-interval.d.ts

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

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

@@ -0,0 +1,18 @@
+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> & {
+    Thead: import('styled-components').StyledComponent<"thead", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+    Tbody: import('styled-components').StyledComponent<"tbody", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+    Th: import('styled-components').StyledComponent<"th", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+    Tr: import('styled-components').StyledComponent<"tr", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+        variant?: "default" | "danger" | "warning" | "success" | "info";
+    }, never>;
+    Td: import('styled-components').StyledComponent<"td", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+};

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

@@ -0,0 +1,13 @@
+import { TableOptions } from './index';
+export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & TableOptions, never>;
+export declare const Content: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Table: import('styled-components').StyledComponent<"table", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Thead: import('styled-components').StyledComponent<"thead", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Tbody: import('styled-components').StyledComponent<"tbody", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+type TrVariant = 'default' | 'info' | 'danger' | 'warning' | 'success';
+export declare const Tr: import('styled-components').StyledComponent<"tr", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    variant?: TrVariant;
+}, never>;
+export declare const Th: import('styled-components').StyledComponent<"th", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Td: import('styled-components').StyledComponent<"td", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export {};

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

@@ -0,0 +1,15 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeTables = {
+    td: CSSObject;
+    th: CSSObject;
+    tr: {
+        clickable: CSSObject;
+        danger: CSSObject;
+        default: CSSObject;
+        info: CSSObject;
+        success: CSSObject;
+        warning: CSSObject;
+    };
+};
+export declare const getTables: (theme: ThemeValues) => ThemeTables;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { UseTabState } from '.';
+export interface ActiveBarReturn {
+    offset?: number;
+    orientation?: UseTabState['orientation'];
+    size?: number;
+}
+export interface ActiveBarOptions {
+    activeTab: HTMLElement;
+    listRef: React.MutableRefObject<undefined>;
+}
+export type ActiveBarProps = Pick<UseTabState, 'orientation'> & ActiveBarOptions;
+export declare const ActiveBar: React.FC<ActiveBarProps>;

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

@@ -0,0 +1,13 @@
+import { CreateWuiProps } from '../System';
+import { UseTab } from '.';
+export interface SizeOptions {
+    size?: 'sm' | 'md';
+}
+export type TabListOptions = SizeOptions & {
+    store: UseTab;
+};
+export type TabListProps = CreateWuiProps<'div', TabListOptions>;
+/**
+ * @name Tabs.TabList
+ */
+export declare const TabList: import('../System').CreateWuiComponent<"div", TabListProps>;

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

@@ -0,0 +1,11 @@
+import { CreateWuiProps } from '../System';
+import { UseTab } from '.';
+import * as Ariakit from '@ariakit/react';
+export type TabPanelOptions = {
+    store: UseTab;
+};
+export type TabPanelProps = CreateWuiProps<typeof Ariakit.TabPanel, TabPanelOptions>;
+/**
+ * @name Tabs.TabPanel
+ */
+export declare const TabPanel: import('../System').CreateWuiComponent<"div", TabPanelProps>;

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

@@ -0,0 +1,18 @@
+import { CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+export type TabOptions = {
+    store: UseTab;
+};
+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;

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

@@ -0,0 +1,9 @@
+import { ActiveBarReturn } from './ActiveBar';
+import { SizeOptions } from './TabList';
+import * as Ariakit from '@ariakit/react';
+export declare const TabList: import('styled-components').StyledComponent<(props: Ariakit.TabListProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, {
+    size: SizeOptions;
+}, never>;
+export declare const Tab: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const TabPanel: import('styled-components').StyledComponent<(props: Ariakit.TabPanelProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, Pick<Ariakit.TabStoreState, "orientation">, never>;
+export declare const ActiveBar: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, ActiveBarReturn, never>;

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

@@ -0,0 +1,28 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type Size = 'sm' | 'md';
+export type ThemeTabs = {
+    activeBar: {
+        horizontal: CSSObject;
+        vertical: CSSObject;
+    };
+    badge: CSSObject;
+    icon: CSSObject;
+    item: {
+        active: CSSObject;
+        default: CSSObject;
+        disabled: CSSObject;
+        focus: CSSObject;
+        size: Record<Size, CSSObject>;
+    };
+    panel: {
+        horizontal: CSSObject;
+        vertical: CSSObject;
+    };
+    tabsBorder: {
+        horizontal: CSSObject;
+        vertical: CSSObject;
+    };
+};
+export declare const getTabs: (theme: ThemeValues) => ThemeTabs;
+export {};

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

@@ -0,0 +1 @@
+export declare const getParentScale: (element: HTMLElement | null) => number;

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

@@ -0,0 +1,17 @@
+import { CreateWuiProps } from '../System';
+import { ThemeSecondaryColors } from '../../theme/colors';
+import * as S from './styles';
+type Size = 'xs' | 'sm' | 'md';
+type Variant = ThemeSecondaryColors | 'default' | 'info' | 'success' | 'danger' | 'warning' | 'primary';
+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').StyledComponent<string, import('@xstyled/system').Theme, S.StyledTagProps & import('../System').WuiProps, never>;
+export {};

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

@@ -0,0 +1,15 @@
+import { WuiProps } from '../System';
+import { TagOptions } from './index';
+export interface StyledTagProps {
+    hasClickAction: boolean;
+    hasLink: boolean;
+    hasRemoveAction: boolean;
+    length: number;
+    size: TagOptions['size'];
+    variant: TagOptions['variant'];
+}
+export declare const Tag: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, StyledTagProps & WuiProps, never>;
+export declare const ActionIcon: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    size: TagOptions["size"];
+}, never>;
+export declare const Button: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,14 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+import { ThemeSecondaryColors } from '../../theme/colors';
+export type Size = 'xs' | 'sm' | 'md';
+export type Variant = ThemeSecondaryColors | 'default' | 'danger' | 'info' | 'success' | 'warning' | 'primary';
+export type ThemeTags = {
+    default: CSSObject;
+    hover: Record<Variant, CSSObject>;
+    icon: Record<Size, string>;
+    shape: Record<Size, CSSObject>;
+    sizes: Record<Size, CSSObject>;
+    variants: Record<Variant, CSSObject>;
+};
+export declare const getTags: (theme: ThemeValues) => ThemeTags;

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

@@ -0,0 +1,25 @@
+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;
+    xs: string;
+    'subtitle-md': string;
+    'subtitle-sm': string;
+};
+type Variant = keyof typeof TAG_NAMES;
+export interface TextOptions {
+    lines?: number;
+    variant?: Variant;
+    withDash?: boolean;
+}
+export type TextProps = CreateWuiProps<'p', TextOptions>;
+export declare const Text: import('../System').CreateWuiComponent<"p", TextProps>;
+export {};

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { TextareaOptions } from './index';
+export declare const Textarea: import('styled-components').StyledComponent<"textarea", import('@xstyled/system').Theme, TextareaOptions, never>;

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

@@ -0,0 +1,4 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeTextareas = CSSObject;
+export declare const getTextareas: (theme: ThemeValues) => ThemeTextareas;

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

@@ -0,0 +1,13 @@
+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: string | Date;
+}
+export type TimePickerProps = CreateWuiProps<typeof StyledTimePicker, Omit<ReactDatePickerProps, keyof TimePickerOptions> & Pick<CustomInputOptions, 'size' | 'icon' | 'iconPlacement'> & TimePickerOptions>;
+export declare const TimePicker: import('../System').CreateWuiComponent<"input", TimePickerProps>;

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

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

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

@@ -0,0 +1,12 @@
+import { CreateWuiProps } from '../System';
+export interface GrowlOptions {
+    hasCloseButton?: boolean;
+    icon?: JSX.Element | null;
+    onClose?: () => void;
+    variant?: 'default' | 'info' | 'success' | 'danger' | 'warning';
+}
+export type GrowlProps = CreateWuiProps<'div', GrowlOptions>;
+/**
+ * @name Toast.Growl
+ */
+export declare const Growl: import('../System').CreateWuiComponent<"div", GrowlProps>;

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

@@ -0,0 +1,18 @@
+import { ButtonProps } from '../Button';
+import { CreateWuiProps } from '../System';
+export interface SnackbarOptions {
+    /** add correct separator for call to action
+     * use SnackbarAction
+     */
+    cta?: JSX.Element;
+    hasCloseButton?: boolean;
+    icon?: JSX.Element | null;
+    onClose?: () => void;
+    variant?: 'default' | 'info' | 'success' | 'danger' | 'warning';
+}
+export type SnackbarProps = CreateWuiProps<'div', SnackbarOptions>;
+/**
+ * @name Toast.Snackbar
+ */
+export declare const Snackbar: import('../System').CreateWuiComponent<"div", SnackbarProps>;
+export declare const SnackbarAction: import('../System').CreateWuiComponent<"button", ButtonProps>;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { Toast, ToastPosition } from 'react-hot-toast/headless';
+type ToastWrapperProps = {
+    calculateOffset: (toast: Toast, opts?: {
+        defaultPosition?: ToastPosition;
+        gutter?: number;
+        reverseOrder?: boolean;
+    }) => number;
+    toast: Toast & CustomToastOptions;
+    updateHeight: (toastId: string, height: number) => void;
+};
+type CustomToastOptions = {
+    onClose?: () => void;
+};
+export declare const ToastWrapper: React.FC<ToastWrapperProps>;
+export {};