welcome-ui 0.32.2 → 1.0.0-beta.10

package/dist/types/components/Modal/Assets/index.d.ts

@@ -0,0 +1,17 @@
+export declare const Assets: string & import('styled-components').StyledComponentBase<string, import('@xstyled/system').Theme, {}, never> & import('hoist-non-react-statics').NonReactStatics<never, {}> & {
+    AssetWithTitle: import('../..').CreateWuiComponent<"div", {
+        children: React.ReactNode;
+        customContent?: JSX.Element | string;
+        subtitle?: JSX.Element | string;
+        title?: JSX.Element | string;
+    }>;
+    Backdrop: import('../..').CreateWuiComponent<"div", import('./Backdrop').BackdropProps>;
+    Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+    Iframe: ({ children }: {
+        children: JSX.Element;
+    }) => JSX.Element;
+    Title: import('styled-components').StyledComponent<import('../..').CreateWuiComponent<"p", import('../..').TextProps>, import('@xstyled/system').Theme, {
+        lines: 2;
+        variant: "h4";
+    }, "variant" | "lines">;
+};

package/dist/types/components/Modal/Assets/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const Iframe: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Dialog: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Title: import('styled-components').StyledComponent<import('../..').CreateWuiComponent<"p", import('../../Text').TextProps>, import('@xstyled/system').Theme, {
+    lines: 2;
+    variant: "h4";
+}, "variant" | "lines">;

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

@@ -0,0 +1,6 @@
+import { CloseButtonProps } from '../CloseButton';
+type CloseProps = CloseButtonProps & {
+    isOnHeader?: boolean;
+};
+export declare const Close: ({ isOnHeader, ...rest }: CloseProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { UseModal } from '.';
+export interface ContentOptions {
+    children: React.ReactNode;
+}
+export type ContentProps = ContentOptions & {
+    store: UseModal;
+    /**
+     * show or hide the closing button
+     */
+    withClosingButton?: boolean;
+};
+/**
+ * @name Modal.Content
+ */
+export declare const Content: import('../System').CreateWuiComponent<"div", ContentProps>;

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

@@ -0,0 +1,12 @@
+import { BoxProps } from '../Box';
+export interface FooterOptions {
+    information?: {
+        subtitle: string;
+        title: string;
+    };
+}
+export type FooterProps = FooterOptions & BoxProps;
+/**
+ * @name Modal.Footer
+ */
+export declare const Footer: import('../System').CreateWuiComponent<"div", FooterProps>;

package/dist/types/components/Modal/Header.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { BoxProps } from '../Box';
+export interface HeaderOptions {
+    icon?: ReactElement;
+    subtitle?: string | JSX.Element;
+    title: string | JSX.Element;
+}
+export type HeaderProps = HeaderOptions & Omit<BoxProps, keyof HeaderOptions>;
+/**
+ * @name Modal.Header
+ */
+export declare const Header: import('../System').CreateWuiComponent<"div", HeaderProps>;

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

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+import { ShapeProps } from '../Shape';
+import { BoxProps } from '../Box';
+import { As, CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+type Size = 'xs' | 'sm' | 'md' | 'lg' | 'auto';
+export interface ModalOptions extends Omit<Ariakit.DialogOptions<'div'>, 'as'> {
+    ariaLabel: string;
+    children: React.ReactElement;
+    size?: Size;
+}
+export type ModalProps = CreateWuiProps<'div', ModalOptions>;
+export type UseModal = Ariakit.DialogStore;
+export type UseModalProps = Ariakit.DialogStoreProps & {
+    /**
+     * Call a function before closing the modal
+     * @deprecated use onClose on <Modal /> instead
+     */
+    onClose?: () => void;
+};
+export type UseModalState = Ariakit.DialogStoreState;
+export declare function useModal(options?: UseModalProps): UseModal;
+type TriggerProps = {
+    as?: As;
+    children: React.ReactNode;
+    store: Ariakit.DialogStore;
+};
+export declare const Modal: import('../System').CreateWuiComponent<"div", ModalProps> & {
+    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+    Content: import('../System').CreateWuiComponent<"div", import('./Content').ContentProps>;
+    Header: import('../System').CreateWuiComponent<"div", import('./Header').HeaderProps>;
+    Body: import('../System').CreateWuiComponent<"div", BoxProps>;
+    Footer: import('../System').CreateWuiComponent<"div", import('./Footer').FooterProps>;
+    Cover: React.FC<ShapeProps>;
+};
+export declare const AssetModal: string & import('styled-components').StyledComponentBase<string, import('@xstyled/system').Theme, {}, never> & import('hoist-non-react-statics').NonReactStatics<never, {}> & {
+    AssetWithTitle: import('../System').CreateWuiComponent<"div", {
+        children: React.ReactNode;
+        customContent?: JSX.Element | string;
+        subtitle?: JSX.Element | string;
+        title?: JSX.Element | string;
+    }>;
+    Backdrop: import('../System').CreateWuiComponent<"div", import('./Assets/Backdrop').BackdropProps>;
+    Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+    Iframe: ({ children }: {
+        children: JSX.Element;
+    }) => JSX.Element;
+    Title: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"p", import('..').TextProps>, import('@xstyled/system').Theme, {
+        lines: 2;
+        variant: "h4";
+    }, "variant" | "lines">;
+};
+export {};

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

@@ -0,0 +1,10 @@
+import { BackdropProps } from './Assets/Backdrop';
+import { ModalOptions } from './index';
+export declare const Backdrop: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<BackdropProps, "hideOnInteractOutside">, never>;
+export declare const Dialog: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<ModalOptions, "size">, never>;
+export declare const Body: import('styled-components').StyledComponent<"section", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Header: import('styled-components').StyledComponent<"header", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const HeaderSubtitle: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Footer: import('styled-components').StyledComponent<"footer", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const FooterChildrenWrapper: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const FooterInformation: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,17 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type Sizes = 'xs' | 'sm' | 'md' | 'lg' | 'auto';
+export type ThemeModals = {
+    backdrop: CSSObject;
+    body: CSSObject;
+    cover: Record<string, unknown>;
+    default: CSSObject;
+    footer: CSSObject;
+    gutter: string;
+    header: CSSObject;
+    sizes: Record<Sizes, {
+        width?: string;
+    }>;
+};
+export declare const getModals: (theme: ThemeValues) => ThemeModals;
+export {};

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+export interface PaginationOptions {
+    'aria-label': string;
+    getHref?: (page: string | number) => string;
+    leftArrow?: React.ReactElement;
+    onChange: (page: string | number) => void;
+    page: number;
+    pageCount: number;
+    rangeDisplay?: number;
+    rightArrow?: React.ReactElement;
+}
+export type PaginationProps = CreateWuiProps<'ul', PaginationOptions>;
+export declare const Pagination: import('../System').CreateWuiComponent<"ul", PaginationProps>;

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

@@ -0,0 +1,7 @@
+export declare const Pagination: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const List: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Item: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Dots: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const abstractLinkStyle: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<import('@xstyled/system').Theme>>;
+export declare const ArrowLink: import('styled-components').StyledComponent<"a", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const PageLink: import('styled-components').StyledComponent<"a", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,9 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export interface ThemePagination {
+    active: CSSObject;
+    default: CSSObject;
+    disabled: CSSObject;
+    item: CSSObject;
+}
+export declare const getPagination: (theme: ThemeValues) => ThemePagination;

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

@@ -0,0 +1,7 @@
+interface usePagesProps {
+    page: number;
+    pageCount: number;
+    rangeDisplay: number;
+}
+export declare function usePages({ page, pageCount, rangeDisplay }: usePagesProps): Array<string | number>;
+export {};

package/dist/types/components/PasswordInput/ToggleButton.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Button } from '../Button';
+import { CreateWuiProps } from '../System';
+interface ToggleButtonOptions {
+    isHidden: boolean;
+}
+type ToggleButtonProps = CreateWuiProps<typeof Button, ToggleButtonOptions>;
+export declare const ToggleButton: React.FC<ToggleButtonProps>;
+export {};

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

@@ -0,0 +1,5 @@
+import { InputTextOptions } from '../InputText';
+import { CreateWuiProps } from '../System';
+export type PasswordInputOptions = InputTextOptions;
+export type PasswordInputProps = CreateWuiProps<'input', InputTextOptions>;
+export declare const PasswordInput: import('../System').CreateWuiComponent<"input", PasswordInputProps>;

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { FieldGroupOptions } from '../FieldGroup';
+import { CreateWuiProps } from '../System';
+export interface PickerOption {
+    element: React.ComponentType<{
+        selected: boolean;
+    }>;
+    value: string;
+}
+export interface PickerOptions {
+    name?: string;
+    onChange?: React.MouseEventHandler<HTMLLabelElement>;
+    options?: PickerOption[];
+    value?: string;
+}
+export type PickerProps = CreateWuiProps<'fieldset', Omit<FieldGroupOptions, 'children'> & PickerOptions>;
+export declare const Picker: import('../System').CreateWuiComponent<"fieldset", PickerProps>;

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

@@ -0,0 +1,2 @@
+import * as Ariakit from '@ariakit/react';
+export declare const Radio: import('styled-components').StyledComponent<(props: Ariakit.RadioProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

package/dist/types/components/Popover/Arrow.d.ts

@@ -0,0 +1,6 @@
+import { UsePopover } from './usePopover';
+type ArrowProps = {
+    store: UsePopover;
+};
+export declare const Arrow: ({ store }: ArrowProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { UsePopover, UsePopoverHover } from './usePopover';
+import { PopoverProps } from './Popover';
+export interface ContentOptions {
+    children: PopoverProps['children'];
+    /** call a function when popover closed */
+    onClose?: () => void;
+    store: UsePopover | UsePopoverHover;
+}
+export declare const Content: ({ children, onClose, store }: ContentOptions) => JSX.Element;

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

@@ -0,0 +1,14 @@
+import { CreateWuiProps } from '../System';
+import { UsePopover } from './usePopover';
+import * as Ariakit from '@ariakit/react';
+export interface PopoverOptions extends Ariakit.PopoverProps {
+    /** call a function when popover closed */
+    onClose?: () => void;
+    store: UsePopover;
+}
+export type PopoverProps = CreateWuiProps<'div', PopoverOptions>;
+export declare const Popover: import('../System').CreateWuiComponent<"div", PopoverProps> & {
+    Content: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+    Title: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+    Trigger: import('../System').CreateWuiComponent<"button", import('./Trigger').PopoverTriggerProps>;
+};

package/dist/types/components/Popover/PopoverHover.d.ts

@@ -0,0 +1,14 @@
+import { CreateWuiProps } from '../System';
+import { UsePopoverHover } from './usePopover';
+import * as Ariakit from '@ariakit/react';
+export interface PopoverHoverOptions extends Ariakit.HovercardProps {
+    /** call a function when popover closed */
+    onClose?: () => void;
+    store: UsePopoverHover;
+}
+export type PopoverHoverProps = CreateWuiProps<'div', PopoverHoverOptions>;
+export declare const PopoverHover: import('../System').CreateWuiComponent<"div", PopoverHoverProps> & {
+    Content: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+    Title: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+    Trigger: import('../System').CreateWuiComponent<"button", import('./Trigger').PopoverHoverTriggerProps>;
+};

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

@@ -0,0 +1,10 @@
+import { CreateWuiProps } from '../System';
+import { UsePopover } from './usePopover';
+export type PopoverTriggerProps = CreateWuiProps<'button', {
+    store: UsePopover;
+}>;
+export declare const PopoverTrigger: import('../System').CreateWuiComponent<"button", PopoverTriggerProps>;
+export type PopoverHoverTriggerProps = CreateWuiProps<'button', {
+    store: UsePopover;
+}>;
+export declare const PopoverHoverTrigger: import('../System').CreateWuiComponent<"button", PopoverHoverTriggerProps>;

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

@@ -0,0 +1,3 @@
+export * from './Popover';
+export * from './PopoverHover';
+export * from './usePopover';

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

@@ -0,0 +1,12 @@
+import * as Ariakit from '@ariakit/react';
+export declare const Arrow: import('styled-components').StyledComponent<(props: Ariakit.PopoverArrowProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, {}, never>;
+export declare const ArrowItem: import('styled-components').StyledComponent<"svg", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    $transform: string;
+}, never>;
+export declare const Content: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Title: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Popover: import('styled-components').StyledComponent<(props: Ariakit.PopoverProps<"div">) => import("react/jsx-runtime").JSX.Element | null, import('@xstyled/system').Theme, {
+    $withCloseButton: boolean;
+}, never>;
+export declare const PopoverTrigger: import('styled-components').StyledComponent<(props: Ariakit.PopoverDisclosureProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const PopoverHoverTrigger: import('styled-components').StyledComponent<(props: Ariakit.HovercardAnchorProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,8 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemePopovers = {
+    content: CSSObject;
+    default: CSSObject;
+    title: CSSObject;
+};
+export declare const getPopovers: (theme: ThemeValues) => ThemePopovers;

package/dist/types/components/Popover/usePopover.d.ts

@@ -0,0 +1,15 @@
+import * as Ariakit from '@ariakit/react';
+type WithCloseButton = boolean;
+export interface UsePopoverProps extends Ariakit.PopoverStoreProps {
+    withCloseButton?: WithCloseButton;
+}
+export type UsePopover = Ariakit.PopoverStore & Pick<UsePopoverProps, 'withCloseButton'>;
+export type UsePopoverState = Ariakit.PopoverStoreState;
+export interface UsePopoverHoverProps extends Ariakit.HovercardStoreProps {
+    withCloseButton?: WithCloseButton;
+}
+export type UsePopoverHover = Ariakit.HovercardStore & Pick<UsePopoverHoverProps, 'withCloseButton'>;
+export type UsePopoverHoverState = Ariakit.HovercardStoreState;
+export declare const usePopover: (props?: UsePopoverProps) => UsePopover;
+export declare const usePopoverHover: (props?: UsePopoverHoverProps) => UsePopoverHover;
+export {};

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import { LabelOptions } from '../Label';
+import { DefaultFieldStylesProps } from '../../utils/field-styles';
+export type RadioOptions = {
+    hint?: string;
+    label?: string;
+    onChange?: (event: React.MouseEvent<HTMLLabelElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLLabelElement>) => void;
+} & DefaultFieldStylesProps;
+export type RadioProps = CreateWuiProps<'input', RadioOptions & LabelOptions>;
+export declare const Radio: import('../System').CreateWuiComponent<"input", RadioProps>;

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

@@ -0,0 +1,7 @@
+import { RadioProps } from './index';
+import * as Ariakit from '@ariakit/react';
+export declare const Radio: import('styled-components').StyledComponent<(props: Ariakit.RadioProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, RadioProps, never>;
+export declare const Label: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"label", import('../Label').LabelProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Input: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const LabelWithHint: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,11 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeRadios = {
+    checked: CSSObject;
+    checkedCenteredColor: {
+        default: string;
+        disabled: string;
+    };
+    default: CSSObject;
+};
+export declare const getRadios: (theme: ThemeValues) => ThemeRadios;

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { FieldGroupOptions } from '../FieldGroup';
+import { CreateWuiProps } from '../System';
+export type RadioGroupOption = {
+    hint?: string;
+    label: string | number;
+    value: string | number;
+};
+export interface RadioGroupOptions {
+    name: string;
+    onChange?: (value: RadioGroupOption['value']) => void;
+    options: RadioGroupOption[];
+    renderOption?: React.ElementType;
+    value?: string;
+}
+export type RadioGroupProps = CreateWuiProps<'fieldset', Omit<FieldGroupOptions, 'children'> & RadioGroupOptions>;
+export declare const RadioGroup: import('../System').CreateWuiComponent<"fieldset", RadioGroupProps>;

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

@@ -0,0 +1,4 @@
+import { WuiProps } from '../System';
+export declare const Radios: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    flexDirection?: WuiProps["flexDirection"];
+}, never>;

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import { DefaultFieldStylesProps } from '../../utils/field-styles';
+import * as Ariakit from '@ariakit/react';
+export interface RadioTabsOptions extends DefaultFieldStylesProps {
+    checked?: boolean;
+    disabled?: boolean;
+    disabledIcon?: React.ReactElement;
+    label: React.ReactElement;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    value: Ariakit.RadioStoreState['value'];
+}
+export type RadioTabsProps = CreateWuiProps<'input', RadioTabsOptions>;
+export declare const RadioTab: import('../System').CreateWuiComponent<"input", RadioTabsProps>;

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

@@ -0,0 +1,18 @@
+import { WuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+export declare const Radio: import('styled-components').StyledComponent<(props: Ariakit.RadioProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+    checked?: boolean;
+    disabled?: boolean;
+    disabledIcon?: React.ReactElement;
+    flexDirection?: WuiProps["flexDirection"];
+} & Partial<{
+    hasIcon?: boolean;
+    iconPlacement?: "right" | "left" | "both";
+    isClearable?: boolean;
+    size: import('../../utils/field-styles').Size;
+    transparent?: boolean;
+    variant: "danger" | "success" | "warning";
+}>, never>;
+export declare const Input: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Content: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,7 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeRadioTabs = {
+    checked: CSSObject;
+    default: CSSObject;
+};
+export declare const getRadioTabs: (theme: ThemeValues) => ThemeRadioTabs;

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

@@ -0,0 +1,29 @@
+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 SearchOption = {
+    label: string;
+    value: string;
+};
+export type SearchOptionGroup = {
+    label: string;
+    options: SearchOption[];
+};
+export type Item = SearchOption | SearchOptionGroup | string | unknown;
+export interface SearchOptions extends DefaultFieldStylesProps {
+    groupsEnabled?: boolean;
+    icon?: React.ReactElement;
+    itemToString: (item: Item) => string;
+    minChars?: number;
+    onChange?: (item: Item, event: ReturnType<typeof createEvent>) => void;
+    renderGroupHeader?: (result: SearchOptionGroup) => React.ReactElement;
+    renderItem: (item: Item) => React.ReactElement | string;
+    search: (query: string) => Promise<unknown>;
+    throttle?: number;
+    value?: Item;
+}
+export type SearchProps = CreateWuiProps<'input', SearchOptions & Omit<DownshiftProps<SearchOption>, keyof SearchOptions>>;
+export declare const Search: import('../System').CreateWuiComponent<"input", SearchProps>;
+export declare const StyledSearch: 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>;

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, 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<import('../System').CreateWuiComponent<"div", import('..').BoxProps>, 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 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 Wrapper: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
+    disabled: boolean;
+}, 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>;