welcome-ui 1.0.0-beta.2 → 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/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/index.d.ts

@@ -1,3 +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/theme/index.d.ts

@@ -1,4 +1,10 @@
 import { CSSScalar, ITheme as StyledComponentDefaultTheme, DefaultTheme as XStyledDefaultTheme } from '@xstyled/styled-components';
+import { ThemeAccordions } from '../components/Accordion/theme';
+import { ThemeAlerts } from '../components/Alert/theme';
+import { ThemeAvatars } from '../components/Avatar/theme';
+import { ThemeBadges } from '../components/Badge/theme';
+import { ThemeBreadcrumbs } from '../components/Breadcrumb/theme';
+import { ThemeCards } from '../components/Card/theme';
 import { darkTheme } from './dark';
 import { ThemeColors } from './colors';
 import { ThemeFontFaces } from './fonts';
@@ -16,7 +22,13 @@ type OverrideKeys = 'colors' | 'radii' | 'borderWidths' | 'fontSizes' | 'lineHei
 type XStyledTheme = Omit<XStyledDefaultTheme, OverrideKeys>;
 type StyledComponentsTheme = Omit<StyledComponentDefaultTheme, OverrideKeys>;
 export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
+    accordions: ThemeAccordions;
+    alert: ThemeAlerts;
+    avatars: ThemeAvatars;
+    badges: ThemeBadges;
     borderWidths: ThemeBorderWidths;
+    breadcrumbs: ThemeBreadcrumbs;
+    cards: ThemeCards;
     colors: ThemeColors;
     defaultLetterSpacing: string;
     defaultLineHeight: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -15,8 +15,9 @@
       "require": "./dist/index.js"
     },
     "./*": {
-      "import": "./dist/components/*.mjs",
-      "require": "./dist/components/*.js"
+      "types": "./dist/types/components/*/index.d.ts",
+      "import": "./dist/*.mjs",
+      "require": "./dist/*.js"
     }
   },
   "scripts": {
@@ -48,14 +49,18 @@
     "@ariakit/react": "0.4.15"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
     "@types/react": "^18.3.12",
     "@xstyled/styled-components": "^3.7.3",
     "react": "^18.0.0",
+    "react-docgen-typescript": "^2.2.2",
     "rollup-preserve-directives": "^1.1.3",
     "styled-components": "^5.3.9",
     "typescript": "^5.6.3",
-    "vite-plugin-dts": "^4.3.0",
     "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
     "wttj-config": "^3.0.1"
   },
   "peerDependencies": {

package/dist/box.mjs

@@ -1,8 +0,0 @@
-"use client";
-import o from "react";
-import { x as t } from "@xstyled/styled-components";
-import { forwardRef as m } from "./system.mjs";
-const n = m((r, e) => /* @__PURE__ */ o.createElement(t.div, { ref: e, ...r }));
-export {
-  n as Box
-};