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

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

@@ -0,0 +1,16 @@
+import { CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+export interface AccordionOptions {
+    icon?: JSX.Element;
+    /**
+     * store from useAccordion()
+     */
+    store: UseAccordion;
+    title: string | JSX.Element;
+}
+export type AccordionProps = CreateWuiProps<'div', AccordionOptions>;
+export declare const Accordion: import('../System').CreateWuiComponent<"div", AccordionProps>;
+export type UseAccordion = Ariakit.DisclosureStore;
+export type UseAccordionProps = Ariakit.DisclosureStoreProps;
+export type UseAccordionState = Ariakit.DisclosureStoreState;
+export declare function useAccordion(options?: UseAccordionProps): UseAccordion;

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

@@ -0,0 +1,6 @@
+import * as Ariakit from '@ariakit/react';
+export declare const Accordion: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Icon: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Disclosure: import('styled-components').StyledComponent<(props: Ariakit.DisclosureProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, {}, never>;
+export declare const Content: import('styled-components').StyledComponent<({ unmountOnHide, ...props }: Ariakit.DisclosureContentProps) => import("react/jsx-runtime").JSX.Element | null, import('@xstyled/system').Theme, {}, never>;
+export declare const ContentChild: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,10 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeAccordions = {
+    content: CSSObject;
+    icon: CSSObject;
+    padding: string;
+    title: CSSObject;
+    wrapper: CSSObject;
+};
+export declare const getAccordions: (theme: ThemeValues) => ThemeAccordions;

package/dist/types/components/Alert/Title.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TextProps } from '@welcome-ui/text';
+export type AlertTitleProps = Pick<TextProps, 'children' | 'dataTestId' | 'variant'>;
+/**
+ * @name Alert.Title
+ */
+export declare const Title: React.FC<AlertTitleProps>;

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { ButtonProps } from '@welcome-ui/button';
+import { CreateWuiProps } from '../System';
+type Size = 'sm' | 'md';
+type Variant = 'danger' | 'success' | 'warning' | 'info' | 'default' | 'beige';
+export interface AlertOptions {
+    closeButtonDataTestId?: string;
+    cta?: JSX.Element;
+    /**
+     * @description add a close button with an onclick handleClose function
+     */
+    handleClose?: () => void;
+    icon?: JSX.Element | null;
+    isFullWidth?: boolean;
+    size?: Size;
+    variant?: Variant;
+}
+export type AlertProps = CreateWuiProps<'div', AlertOptions>;
+export declare const Alert: import('../System').CreateWuiComponent<"div", AlertProps> & {
+    Title: React.FC<import('./Title').AlertTitleProps>;
+    Button: import('../System').CreateWuiComponent<"button", Omit<ButtonProps, "variant" | "size">>;
+    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<ButtonProps, "variant" | "size">>;
+};
+export {};

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

@@ -0,0 +1,6 @@
+import { AlertTitleProps } from './Title';
+import { AlertOptions } from './index';
+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 Icon: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"div", import('@welcome-ui/variant-icon').VariantIconProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Alert: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & AlertOptions, never>;
+export declare const Title: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"p", import('@welcome-ui/text').TextProps>, import('@xstyled/system').Theme, AlertTitleProps, never>;

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

@@ -0,0 +1,15 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type State = 'default' | 'danger' | 'warning' | 'info' | 'success' | 'beige';
+type Sizes = 'sm' | 'md';
+type AttributesState = CSSObject;
+export type ThemeAlerts = {
+    default: CSSObject;
+    sizes: Record<Sizes, CSSObject>;
+    title: {
+        default: CSSObject;
+        sizes: Record<Sizes, CSSObject>;
+    };
+} & Record<State, AttributesState>;
+export declare const getAlerts: (theme: ThemeValues) => ThemeAlerts;
+export {};

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

@@ -0,0 +1,6 @@
+import { CreateWuiProps } from '../System';
+export interface AspectRatioOptions {
+    ratio?: number;
+}
+export type AspectRatioProps = CreateWuiProps<'div', AspectRatioOptions>;
+export declare const AspectRatio: import('../System').CreateWuiComponent<"div", AspectRatioProps>;

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

@@ -0,0 +1,2 @@
+import { AspectRatioOptions } from '.';
+export declare const AspectRatio: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & AspectRatioOptions, never>;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { ShapeOptions } from '@welcome-ui/shape';
+import { Theme } from '@xstyled/styled-components';
+import { CreateWuiProps } from '../System';
+type SubColor = Theme['colors'];
+type Size = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export interface AvatarOptions {
+    color?: string | SubColor;
+    getInitials?: (name: string) => string;
+    name: string;
+    size?: Size;
+    src?: string;
+}
+export type AvatarProps = CreateWuiProps<'div', AvatarOptions & ShapeOptions>;
+export declare const Avatar: React.FC<AvatarProps>;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const Avatar: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"div", import('@welcome-ui/shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Text: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"p", import('@welcome-ui/text').TextProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,9 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type Size = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type ThemeAvatars = {
+    sizes: Record<Size, string>;
+    text: CSSObject;
+};
+export declare const getAvatars: (theme: ThemeValues) => ThemeAvatars;
+export {};

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

@@ -0,0 +1,3 @@
+import { Theme } from '@xstyled/styled-components';
+export declare function getColorByLength(colors: Theme['colors'], text?: string): string;
+export declare function getInitials(name?: string): string;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+export type BadgeOptions = {
+    children: React.ReactElement | string | number;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+    variant?: 'default' | 'primary';
+    withNumberAbbreviation?: boolean;
+};
+export type BadgeProps = CreateWuiProps<'div', BadgeOptions>;
+export declare const Badge: import('../System').CreateWuiComponent<"div", BadgeProps>;

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

@@ -0,0 +1,8 @@
+import { WuiProps } from '@welcome-ui/system';
+import { BadgeOptions } from '.';
+export type StyledBadgeProps = Pick<BadgeOptions, 'disabled' | 'size' | 'variant'> & {
+    length: number;
+};
+export declare const Badge: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, Pick<BadgeOptions, "variant" | "disabled" | "size"> & {
+    length: number;
+} & WuiProps, never>;

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

@@ -0,0 +1,18 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeBadges = {
+    default: CSSObject;
+    disabled: {
+        default: CSSObject;
+        primary: CSSObject;
+    };
+    sizes: {
+        md: CSSObject;
+        sm: CSSObject;
+    };
+    variants: {
+        default: CSSObject;
+        primary: CSSObject;
+    };
+};
+export declare const getBadges: (theme: ThemeValues) => ThemeBadges;

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

@@ -0,0 +1,3 @@
+import { CreateWuiProps } from '../System';
+export type BoxProps = Omit<CreateWuiProps<'div'>, 'dataTestId'>;
+export declare const Box: import('../System').CreateWuiComponent<"div", BoxProps>;

package/dist/types/components/Breadcrumb/Item.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+export interface ItemOptions {
+    children: React.ReactNode;
+    isActive?: boolean;
+    separator?: string | React.ReactNode;
+    to?: string;
+}
+export type ItemProps = CreateWuiProps<'a', ItemOptions>;
+/**
+ * @name Breadcrumb.Item
+ */
+export declare const Item: import('../System').CreateWuiComponent<"a", ItemProps>;

package/dist/types/components/Breadcrumb/Item.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Item: import('styled-components').StyledComponent<"a", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Separator: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { Theme } from '@xstyled/styled-components';
+import { CreateWuiProps } from '../System';
+type Colors = Theme['colors'];
+export interface BreadcrumbOptions {
+    children: React.ReactNode | React.ReactNode[];
+    /** color from theme, add for scroll gradient on mobile */
+    gradientBackground?: Colors;
+    /** set clickable or not the last child */
+    lastChildNotClickable?: boolean;
+    separator?: string | React.ReactNode;
+}
+export type BreadcrumbProps = CreateWuiProps<'div', BreadcrumbOptions>;
+export declare const BreadcrumbComponent: import('../System').CreateWuiComponent<"div", BreadcrumbProps>;
+export declare const Breadcrumb: import('../System').CreateWuiComponent<"div", BreadcrumbProps> & {
+    Item: import('../System').CreateWuiComponent<"a", import('./Item').ItemProps>;
+};
+export {};

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

@@ -0,0 +1,6 @@
+import { Theme } from '@xstyled/styled-components';
+import { BreadcrumbOptions } from './index';
+export declare const StartGradient: import('styled-components').StyledComponent<"span", Theme, import('@xstyled/system').SystemProps<Theme> & Pick<BreadcrumbOptions, "gradientBackground">, never>;
+export declare const EndGradient: import('styled-components').StyledComponent<"span", Theme, import('@xstyled/system').SystemProps<Theme> & Pick<BreadcrumbOptions, "gradientBackground">, never>;
+export declare const Breadcrumb: import('styled-components').StyledComponent<"div", Theme, import('@xstyled/system').SystemProps<Theme>, never>;
+export declare const List: import('styled-components').StyledComponent<"ol", Theme, import('@xstyled/system').SystemProps<Theme>, never>;

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

@@ -0,0 +1,12 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeBreadcrumbs = {
+    item: {
+        active: CSSObject;
+        default: CSSObject;
+        hover: CSSObject;
+    };
+    list: CSSObject;
+    separator: CSSObject;
+};
+export declare const getBreadcrumbs: (theme: ThemeValues) => ThemeBreadcrumbs;

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+type Shape = 'circle' | 'square';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+type Variant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'disabled';
+export interface ButtonOptions {
+    /** Danger button with 3 variants: primary / tertiary / ghost */
+    danger?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    shape?: Shape;
+    size?: Size;
+    variant?: Variant;
+}
+export type ButtonProps = CreateWuiProps<'button', ButtonOptions>;
+/**
+ * @tag button
+ */
+export declare const Button: import('../System').CreateWuiComponent<"button", ButtonProps>;
+export declare const StyledButton: import('styled-components').StyledComponent<(props: import('@ariakit/react').ButtonProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, ButtonOptions, never>;
+export {};

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

@@ -0,0 +1,2 @@
+import { ButtonOptions } from './index';
+export declare const Button: import('styled-components').StyledComponent<(props: import('@ariakit/react').ButtonProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, ButtonOptions, never>;

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

@@ -0,0 +1,13 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+import { ThemeFocus } from '../../theme/focus';
+type CommonAttributesButton = CSSObject;
+type SizeAttributesButton = CSSObject;
+type Variant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+type Icon = 'only' | 'default';
+export type ThemeButtons = Record<Variant | 'danger', CommonAttributesButton> & Record<'hover', Record<Variant | 'danger', CommonAttributesButton>> & Record<'focus', Record<Variant | 'danger', unknown>> & Record<'active', Record<Variant | 'danger', CommonAttributesButton>> & Record<'disabled', CommonAttributesButton & {
+    '&:focus': ReturnType<ThemeFocus>;
+}> & Record<'sizes', Record<Size, SizeAttributesButton>> & Record<'icon', Record<Icon, Record<Size, string>>>;
+export declare const getButtons: (theme: ThemeValues) => ThemeButtons;
+export {};

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import { Button, ButtonProps } from '../Button';
+type ChildType = React.ReactElement<typeof Button> | null | undefined | boolean;
+type ChildrenProps = ChildType | ChildType[];
+export interface ButtonGroupOptions {
+    children: ChildrenProps;
+    /** Disable all your buttons components */
+    disabled?: boolean;
+    size?: ButtonProps['size'];
+    variant?: ButtonProps['variant'];
+}
+export type ButtonGroupProps = CreateWuiProps<'div', ButtonGroupOptions>;
+export declare const ButtonGroup: import('../System').CreateWuiComponent<"div", ButtonGroupProps>;
+export {};

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

@@ -0,0 +1 @@
+export declare const ButtonGroup: 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/Card/Cover.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ShapeProps } from '@welcome-ui/shape';
+export interface CoverOptions {
+    src: string;
+}
+export type CoverProps = CoverOptions & ShapeProps;
+/**
+ * @name Card.Cover
+ */
+export declare const Cover: React.FC<CoverProps>;

package/dist/types/components/Card/Cover.styles.d.ts

@@ -0,0 +1 @@
+export declare const Cover: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"div", import('@welcome-ui/shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+export type CardProps = CreateWuiProps<'div'>;
+export declare const CardComponent: import('../System').CreateWuiComponent<"div", CardProps>;
+export declare const Card: import('../System').CreateWuiComponent<"div", CardProps> & {
+    Body: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+    Cover: React.FC<import('./Cover').CoverProps>;
+};

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

@@ -0,0 +1,2 @@
+export declare const Card: 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<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

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

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

@@ -0,0 +1,5 @@
+import { ButtonOptions } from '../Button';
+import { CreateWuiProps } from '../System';
+export type ClearButtonProps = CreateWuiProps<'button', Omit<ButtonOptions, 'shape' | 'title' | 'variant'>>;
+export declare const ClearButton: import('../System').CreateWuiComponent<"button", ClearButtonProps>;
+export declare const StyledClearButton: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1 @@
+export declare const ClearButton: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../Button';
+export type CloseButtonProps = ButtonProps;
+export declare const CloseButton: import('../System').CreateWuiComponent<"button", ButtonProps>;

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

@@ -0,0 +1 @@
+export declare const CloseButton: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,19 @@
+import { CreateWuiProps, WuiProps } from '../System';
+export interface FlexOptions {
+    /** same as alignItems */
+    align?: WuiProps['alignItems'];
+    /** same as flexBasis */
+    basis?: WuiProps['flexBasis'];
+    /** same as flexDirection */
+    direction?: WuiProps['flexDirection'];
+    /** same as flexGrow */
+    grow?: WuiProps['flexGrow'];
+    /** same as justifyContent */
+    justify?: WuiProps['justifyContent'];
+    /** same as flexShrink */
+    shrink?: WuiProps['flexShrink'];
+    /** same as flexWrap */
+    wrap?: WuiProps['flexWrap'];
+}
+export type FlexProps = CreateWuiProps<'div', FlexOptions>;
+export declare const Flex: import('../System').CreateWuiComponent<"div", FlexProps>;

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

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { SystemProps } from '@xstyled/styled-components';
+import { StyledConfig } from 'styled-components';
+import * as S from '@xstyled/styled-components';
+/**
+ * @deprecated use system from @xstyled/syled-components instead
+ */
+export declare const system: S.StyleGenerator<WuiSystemProps>;
+/**
+ * @deprecated use system from @xstyled/syled-components instead
+ */
+export declare const wrapperSystem: S.StyleGenerator<WuiWrapperSystemProps>;
+/**
+ * @deprecated use system from @xstyled/syled-components instead
+ */
+export declare const componentSystem: S.StyleGenerator<unknown>;
+export declare const filterSystemProps: (prop: string) => boolean;
+export declare const shouldForwardProp: StyledConfig['shouldForwardProp'];
+export type WuiOldProps = S.OpacityProps & S.OverflowProps & S.TransitionProps & S.ZIndexProps & S.TopProps & S.RightProps & S.BottomProps & S.LeftProps;
+export type WuiSystemProps = S.BackgroundsProps & S.BorderProps & S.BoxShadowProps & S.ColorProps & S.DisplayProps & S.FlexboxesProps & S.GridsProps & S.HeightProps & S.MaxHeightProps & S.MaxWidthProps & S.MinHeightProps & S.MinWidthProps & S.SpaceProps & S.TypographyProps & S.VerticalAlignProps & S.WidthProps & WuiOldProps;
+export type WuiWrapperSystemProps = S.MarginProps & S.MarginBottomProps & S.MarginLeftProps & S.MarginRightProps & S.MarginTopProps & S.MarginXProps & S.MarginYProps & S.WidthProps & WuiOldProps;
+export interface WuiTestProps {
+    dataTestId?: string;
+}
+export type WuiProps = SystemProps;
+export type As<Props = any> = React.ElementType<Props>;
+export type RightJoinProps<SourceProps, OverrideProps> = Omit<SourceProps, keyof OverrideProps> & OverrideProps;
+export type MergeProps<ComponentProps, Props, WuiProps> = RightJoinProps<ComponentProps, Props> & RightJoinProps<WuiProps, Props>;
+export type CreateWuiProps<Component extends As, Props = {}> = MergeProps<Omit<React.ComponentProps<Component>, keyof WuiProps>, Props, WuiProps & WuiTestProps & {
+    as?: As;
+}>;
+export type CreateWuiComponent<Component extends As, Options = {}> = {
+    <AsComponent extends As>(props: CreateWuiProps<AsComponent, Options> & {
+        as: AsComponent;
+    }): JSX.Element;
+    (props: CreateWuiProps<Component, Options>): JSX.Element;
+    displayName?: string;
+};
+export declare const forwardRef: <Component extends As, Props = {}>(component: React.ForwardRefRenderFunction<any, Props>) => CreateWuiComponent<Component, Props>;
+export type ExtraSize = number | string;

package/dist/types/components/WuiProvider/font.d.ts

@@ -0,0 +1,16 @@
+import { css } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type FontVariation = {
+    display?: FontDisplay;
+    extensions?: string[];
+    isVariable?: boolean;
+    style?: string;
+    unicodeRange?: string;
+    url: string;
+    weight?: string;
+};
+export declare function getSource(url: FontVariation['url'], extensions: FontVariation['extensions'], isVariable: FontVariation['isVariable']): string;
+export declare const fonts: () => ({ theme }: {
+    theme: ThemeValues;
+}) => ReturnType<typeof css>;
+export {};

package/dist/types/components/WuiProvider/hide-focus-rings-root.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const hideFocusRingsDataAttribute = "data-wui-hidefocusrings";
+interface HideFocusRingsRootProps {
+    children?: React.ReactNode;
+    reactRootId: string;
+}
+export declare const HideFocusRingsRoot: React.FC<HideFocusRingsRootProps>;
+export {};

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ThemeValues } from '../../theme';
+export interface WuiProviderProps {
+    children?: React.ReactNode;
+    hasGlobalStyle?: boolean;
+    reactRootId?: string;
+    shouldHideFocusRingOnClick?: boolean;
+    theme: ThemeValues;
+    useReset?: boolean;
+}
+export declare const WuiProvider: React.FC<WuiProviderProps>;

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

@@ -0,0 +1,5 @@
+export declare const resetStyles: import('styled-components').FlattenSimpleInterpolation;
+export declare const normalizeStyle: import('styled-components').FlattenSimpleInterpolation;
+export declare const GlobalStyle: import('styled-components').GlobalStyleComponent<{
+    useReset?: boolean;
+}, import('styled-components').DefaultTheme>;

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

@@ -0,0 +1,15 @@
+export * from './Accordion';
+export * from './Alert';
+export * from './AspectRatio';
+export * from './Avatar';
+export * from './Badge';
+export * from './Box';
+export * from './Breadcrumb';
+export * from './Button';
+export * from './ButtonGroup';
+export * from './Card';
+export * from './ClearButton';
+export * from './CloseButton';
+export * from './Flex';
+export * from './System';
+export * from './WuiProvider';

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme';
+export * from './components';

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

@@ -0,0 +1,6 @@
+export type ThemeBorderWidths = {
+    lg: string;
+    md: string;
+    sm: string;
+};
+export declare const borderWidths: ThemeBorderWidths;