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

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

@@ -0,0 +1,15 @@
+import { SearchOptions } from './index';
+export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const InputWrapper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Input: import('styled-components').StyledComponent<"input", import('@xstyled/system').Theme, SearchOptions, never>;
+export declare const Menu: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Item: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+    isExisting?: boolean;
+    isHighlighted?: boolean;
+    isSelected?: boolean;
+}, never>;
+export declare const Indicators: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const DropDownIndicator: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+    isOpen?: boolean;
+    size: SearchOptions["size"];
+}, never>;

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

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+import { DownshiftProps } from 'downshift';
+import { CreateWuiProps } from '../System';
+import { CreateEvent } from '../../utils/create-event';
+import { DefaultFieldStylesProps } from '../../utils/field-styles';
+export type SelectOptionValue = string | number;
+export type SelectOption = {
+    disabled?: boolean;
+    icon?: React.ReactElement;
+    label: string;
+    value: SelectOptionValue;
+};
+export type SelectOptionGroup = {
+    label: string;
+    options: SelectOption[];
+};
+export type SelectOptionItem = SelectOption | SelectOptionGroup;
+export type SelectOptionsType = Array<SelectOption | SelectOptionGroup>;
+export type SelectValue = string | number | string[] | SelectOption | (string | number | SelectOption)[];
+export interface SelectOptions extends DefaultFieldStylesProps {
+    allowUnselectFromList?: boolean;
+    /** We need to add `autoComplete` off to avoid select UI issues when is an input */
+    autoComplete?: string;
+    autoFocus?: boolean;
+    disableCloseOnSelect?: boolean;
+    disabled?: boolean;
+    groupsEnabled?: boolean;
+    icon?: React.ReactElement;
+    id?: string;
+    isClearable?: boolean;
+    isCreatable?: boolean;
+    isMultiple?: boolean;
+    isSearchable?: boolean;
+    name?: string;
+    onBlur?: () => void;
+    onChange?: (value: SelectOptionValue | SelectOptionValue[], event?: CreateEvent) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onCreate?: (option: string, event: CreateEvent) => void;
+    onFocus?: () => void;
+    options: SelectOptionsType;
+    placeholder?: string;
+    renderCreateItem?: (inputValue: SelectValue) => void;
+    renderGroupHeader?: (option: SelectOptionGroup) => React.ReactNode;
+    renderItem?: (item: SelectOption | unknown, isItemSelected?: boolean) => string | React.ReactElement;
+    renderMultiple?: (values: SelectOption[], handleRemove: (value: string) => void) => React.ReactElement;
+    transparent?: boolean;
+    value?: SelectValue;
+}
+export type SelectProps = CreateWuiProps<'input', SelectOptions & Omit<DownshiftProps<SelectOption>, keyof SelectOptions | 'children'>>;
+/** We need to add autoComplete off to avoid select UI issues when is an input */
+export declare const Select: import('../System').CreateWuiComponent<"input", SelectProps>;
+export declare const StyledSelect: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    disabled: boolean;
+}, never>;

package/dist/types/components/Select/multipleSelections.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SelectOption } from './index';
+export declare function multipleSelections(values: SelectOption[], handleRemove: (value: string) => void): React.ReactElement;

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

@@ -0,0 +1,32 @@
+import { Size } from '../../utils/field-styles';
+import { SelectOptions } from './index';
+export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    disabled: boolean;
+}, never>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    iconPlacement: "left" | "right";
+    size?: import('../../utils/field-styles').FieldIconSize;
+}, never>;
+export declare const InputWrapper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Input: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    iconPlacement?: "both" | "right";
+    isClearable?: boolean;
+    size: SelectOptions["size"];
+    transparent?: boolean;
+    variant: SelectOptions["variant"];
+}, never>;
+export declare const Menu: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Item: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+    allowUnselectFromList: boolean;
+    isDisabled?: boolean;
+    isHighlighted: boolean;
+    isMultiple: boolean;
+    isSelected: boolean;
+}, never>;
+export declare const Indicators: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    size: Size;
+}, never>;
+export declare const DropDownIndicator: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+    isOpen?: boolean;
+}, never>;
+export declare const Tags: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { SelectOption, SelectOptionsType, SelectOptionValue, SelectValue } from './index';
+export declare const kebabCase: (str: string | number | SelectOption) => string;
+export declare const itemToString: (item: SelectOption) => string;
+export declare const getSpacer: (options: SelectOptionsType) => string;
+export declare const getUniqueValue: (item: SelectOption, values: SelectOption[], allowUnselectFromList?: boolean) => SelectOption[];
+export declare const isValueSelected: (value: SelectOptionValue, options: SelectOption[]) => boolean;
+export declare const getOption: (value: string | number | SelectOption, options?: SelectOptionsType) => SelectOption;
+export declare const getOptionsFromSelected: (selected: SelectValue, options: SelectOptionsType, groupsEnabled?: boolean) => SelectOption[];
+export declare const getValuesFromOptions: (selected: SelectOption[], options: SelectOptionsType) => SelectOptionValue[];
+export declare const getNewOptions: (selected: SelectOption[], options: SelectOptionsType) => SelectOption[];
+export declare const getInputValue: ({ inputValue, isMultiple, isSearchable, options, renderItem, }: {
+    inputValue: string;
+    isMultiple: boolean;
+    isSearchable: boolean;
+    options: SelectOption[];
+    renderItem: (option: SelectOption) => string | React.ReactElement;
+}) => string | React.ReactElement;

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

@@ -0,0 +1,6 @@
+import { CreateWuiProps } from '../System';
+export interface ShapeOptions {
+    shape?: 'square' | 'circle';
+}
+export type ShapeProps = CreateWuiProps<'div', ShapeOptions>;
+export declare const Shape: import('../System').CreateWuiComponent<"div", ShapeProps>;

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

@@ -0,0 +1,2 @@
+import { ShapeOptions } from './index';
+export declare const Shape: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, ShapeOptions, never>;

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

@@ -0,0 +1,17 @@
+import { CreateWuiProps } from '../System';
+import { SliderOptions } from './index';
+export declare const thumbWidth = 20;
+export type Range = {
+    max: number;
+    min: number;
+};
+export interface RangeOptions extends Omit<SliderOptions, 'type' | 'value' | 'onChange'> {
+    onChange: (value: Range) => void;
+    type?: 'inline' | 'fields';
+    value: Range;
+}
+export type RangeProps = CreateWuiProps<'div', RangeOptions>;
+/**
+ * @name Slider.Range
+ */
+export declare const Range: import('../System').CreateWuiComponent<"div", RangeProps>;

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: "sm" | "xs" | "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: "sm" | "xs" | "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: "sm" | "xs" | "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: "sm" | "xs" | "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: "sm" | "xs" | "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 {};