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

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

@@ -0,0 +1,3 @@
+import { InputTextOptions } from './index';
+export declare const InputText: import('styled-components').StyledComponent<"input", import('@xstyled/system').Theme, Pick<InputTextOptions, "transparent" | "size" | "variant" | "iconPlacement" | "isClearable">, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,16 @@
+import { CreateWuiProps } from '../System';
+export interface LabelOptions {
+    checkableField?: boolean;
+    disabled?: boolean;
+    disabledIcon?: JSX.Element;
+    htmlFor?: string;
+    icon?: JSX.Element;
+    required?: boolean;
+    variant?: 'success' | 'danger' | 'warning';
+    withDisabledIcon?: boolean;
+}
+export type LabelProps = CreateWuiProps<'label', LabelOptions>;
+export declare const Label: import('../System').CreateWuiComponent<"label", LabelProps>;
+export declare const StyledLabel: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
+    required: boolean;
+}, never>;

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

@@ -0,0 +1,5 @@
+export declare const Label: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
+    required: boolean;
+}, never>;
+export declare const requiredStyles: import('styled-components').FlattenSimpleInterpolation;
+export declare const Disabled: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

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

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { UniversalLinkOptions } from '../UniversalLink';
+import { CreateWuiProps } from '../System';
+type Variant = 'primary' | 'secondary';
+export interface LinkOptions {
+    disabled?: boolean;
+    isExternal?: boolean;
+    variant?: Variant;
+}
+export type LinkProps = CreateWuiProps<'a', LinkOptions & UniversalLinkOptions>;
+export type WrapWithTextProps = Pick<LinkOptions, 'isExternal'> & {
+    children: React.ReactNode | JSX.Element;
+};
+export declare const Link: import('../System').CreateWuiComponent<"a", LinkProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import { LinkOptions } from './index';
+export declare const Link: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"a", import('../UniversalLink').UniversalLinkProps>, import('@xstyled/system').Theme, Pick<LinkOptions, "variant" | "isExternal">, never>;

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

@@ -0,0 +1,16 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeLinks = {
+    default: CSSObject;
+    disabled: CSSObject;
+    primary: {
+        default: CSSObject;
+        hover: CSSObject;
+    };
+    secondary: {
+        default: CSSObject;
+        hover: CSSObject;
+    };
+    withExternalLink: CSSObject;
+};
+export declare const getLinks: (theme: ThemeValues) => ThemeLinks;

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

@@ -0,0 +1 @@
+export declare const shouldWrapWithText: (value: React.ReactNode) => boolean;

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

@@ -0,0 +1,11 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { CreateWuiProps, ExtraSize } from '../System';
+type Size = 'xs' | 'sm' | 'md' | 'lg' | ExtraSize;
+export interface LoaderOptions {
+    color?: CSSObject['color'];
+    /** Predefined size xs, sm, md, lg or custom size */
+    size?: Size;
+}
+export type LoaderProps = CreateWuiProps<'div', LoaderOptions>;
+export declare const Loader: import('../System').CreateWuiComponent<"div", LoaderProps>;
+export {};

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

@@ -0,0 +1,6 @@
+import { Theme } from '@xstyled/styled-components';
+import { LoaderOptions } from '.';
+export interface LoadingDotOptions {
+    size: LoaderOptions['size'];
+}
+export declare const LoadingDot: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Shape').ShapeProps>, Theme, LoadingDotOptions, never>;

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

@@ -0,0 +1,8 @@
+import { ThemeValues } from '../../theme';
+export type ThemeLoaders = {
+    lg: string;
+    md: string;
+    sm: string;
+    xs: string;
+};
+export declare const getLoaders: ({ toRem }: ThemeValues) => ThemeLoaders;

package/dist/types/components/Logo/Solutions.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { LogoProps } from '.';
+export declare const SolutionsSymbol: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<"svg">>;

package/dist/types/components/Logo/Symbol.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { LogoProps } from '.';
+export declare const Symbol: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<"svg">>;

package/dist/types/components/Logo/Welcome.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { LogoProps } from '.';
+export declare const Welcome: React.FC<LogoProps>;

package/dist/types/components/Logo/Wui.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { LogoProps } from '.';
+export declare const WelcomeUI: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<"svg">>;

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '../Box';
+import { Symbol } from './Symbol';
+import { SolutionsSymbol } from './Solutions';
+import { WelcomeUI as WelcomeUILogo } from './Wui';
+import { Welcome as Logo } from './Welcome';
+export type LogoProps = Pick<BoxProps, 'w' | 'h'>;
+export { Logo, Symbol, SolutionsSymbol, WelcomeUILogo };

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

@@ -0,0 +1 @@
+export declare const Svg: 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>;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type AssetWithTitleProps = {
+    children: React.ReactNode;
+    customContent?: JSX.Element | string;
+    subtitle?: JSX.Element | string;
+    title?: JSX.Element | string;
+};
+export declare const AssetWithTitle: import('../../System').CreateWuiComponent<"div", AssetWithTitleProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import * as Ariakit from '@ariakit/react';
+export declare const CloseButton: import('styled-components').StyledComponent<import('../../System').CreateWuiComponent<"button", import('../../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;
+export type BackdropProps = Pick<Ariakit.DialogOptions, 'hideOnInteractOutside'>;
+export declare const Backdrop: import('../../System').CreateWuiComponent<"div", BackdropProps>;

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

@@ -0,0 +1,5 @@
+type IframeProps = {
+    children: JSX.Element;
+};
+export declare const Iframe: ({ children }: IframeProps) => JSX.Element;
+export {};

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('../../System').CreateWuiComponent<"div", {
+        children: React.ReactNode;
+        customContent?: JSX.Element | string;
+        subtitle?: JSX.Element | string;
+        title?: JSX.Element | string;
+    }>;
+    Backdrop: import('../../System').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('../../System').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('../../System').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,11 @@
+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 Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, 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('../System').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('../System').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>;