welcome-ui 8.1.1 → 8.2.0-alpha.0

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

@@ -1,26 +1,26 @@
 export declare const POSITION_STYLE: {
-    'top-left': {
-        top: number;
-        left: number;
-    };
-    'top-center': {
-        top: number;
+    'bottom-center': {
+        bottom: number;
         left: string;
     };
-    'top-right': {
-        top: number;
-        right: number;
-    };
     'bottom-left': {
         bottom: number;
         left: number;
     };
-    'bottom-center': {
+    'bottom-right': {
         bottom: number;
+        right: number;
+    };
+    'top-center': {
         left: string;
+        top: number;
     };
-    'bottom-right': {
-        bottom: number;
+    'top-left': {
+        left: number;
+        top: number;
+    };
+    'top-right': {
         right: number;
+        top: number;
     };
 };

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

@@ -1,7 +1,7 @@
-import { Size } from './theme';
 import { CheckboxProps } from '../Checkbox';
 import { CreateWuiProps } from '../System';
-export type ToggleOptions = Omit<CheckboxProps, 'Component' | 'iconPlacement' | 'indeterminate' | 'hasIcon' | 'transparent' | 'isClearable'> & {
+import { Size } from './theme';
+export type ToggleOptions = Omit<CheckboxProps, 'Component' | 'hasIcon' | 'iconPlacement' | 'indeterminate' | 'isClearable' | 'transparent'> & {
     checkedIcon?: JSX.Element;
     size?: Size;
     uncheckedIcon?: JSX.Element;

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

@@ -1,11 +1,11 @@
 import { CSSObject } from '@xstyled/styled-components';
 import { ThemeValues } from '../../theme';
 export type Size = 'xs' | 'sm' | 'md';
-type State = 'default' | 'checked' | 'disabled';
 export type ThemeToggles = {
-    after: Record<State | 'sizes', CSSObject>;
-    icon: Record<'sizes' | 'position', CSSObject>;
-    item: Record<State | 'sizes', CSSObject>;
+    after: Record<'sizes' | State, CSSObject>;
+    icon: Record<'position' | 'sizes', CSSObject>;
+    item: Record<'sizes' | State, CSSObject>;
 };
+type State = 'checked' | 'default' | 'disabled';
 export declare const getToggles: (theme: ThemeValues) => ThemeToggles;
 export {};

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

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { CreateWuiProps } from '../System';
 import * as Ariakit from '@ariakit/react';
-export type TooltipOptions = {
+export type TooltipOptions = Pick<Ariakit.TooltipOptions, 'gutter'> & Pick<Ariakit.TooltipStoreProps, 'placement'> & {
     children: React.ReactNode;
-    content: string | JSX.Element;
+    content: JSX.Element | string;
     fixed?: boolean;
     withArrow?: boolean;
-} & Pick<Ariakit.TooltipStoreProps, 'placement'> & Pick<Ariakit.TooltipOptions, 'gutter'>;
+};
 export type TooltipProps = CreateWuiProps<'div', TooltipOptions>;
 export declare const Tooltip: import('../System').CreateWuiComponent<"div", TooltipProps>;

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

@@ -1,5 +1,5 @@
-import { Size, Variant } from './theme';
 import { CreateWuiProps } from '../System';
+import { Size, Variant } from './theme';
 export interface VariantIconOptions {
     icon?: JSX.Element;
     size?: Size;

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

@@ -1,4 +1,4 @@
 import { VariantIconOptions } from '.';
 export declare const VariantIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
-    variant: VariantIconOptions["variant"] | string;
+    variant: string | VariantIconOptions["variant"];
 }>> & string;

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

@@ -1,6 +1,6 @@
 import { CSSObject } from '@xstyled/styled-components';
 import { ThemeValues } from '../../theme';
 export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-export type Variant = 'danger' | 'warning' | 'success' | 'info' | 'default' | 'ai';
 export type ThemeVariantIcon = Record<Variant, CSSObject>;
+export type Variant = 'ai' | 'danger' | 'default' | 'info' | 'success' | 'warning';
 export declare const getVariantIcon: (theme: ThemeValues) => ThemeVariantIcon;

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

@@ -100,6 +100,7 @@ declare const palette: {
     'yellow-90': string;
 };
 export declare const getColors: (systemColors: typeof palette) => {
+    overlay: string;
     'primary-10': string;
     'primary-20': string;
     'primary-30': string;
@@ -115,7 +116,6 @@ export declare const getColors: (systemColors: typeof palette) => {
     'secondary-pink': string;
     'secondary-teal': string;
     'secondary-violet': string;
-    overlay: string;
     'beige-10': string;
     'beige-20': string;
     'beige-30': string;
@@ -217,6 +217,7 @@ export declare const getColors: (systemColors: typeof palette) => {
     'yellow-90': string;
 };
 export declare const colors: {
+    overlay: string;
     'primary-10': string;
     'primary-20': string;
     'primary-30': string;
@@ -232,7 +233,6 @@ export declare const colors: {
     'secondary-pink': string;
     'secondary-teal': string;
     'secondary-violet': string;
-    overlay: string;
     'beige-10': string;
     'beige-20': string;
     'beige-30': string;
@@ -333,7 +333,6 @@ export declare const colors: {
     'yellow-80': string;
     'yellow-90': string;
 };
-export type ThemeColors = typeof colors;
 declare const enum SecondaryColors {
     'blue' = 0,
     'green' = 1,
@@ -342,5 +341,6 @@ declare const enum SecondaryColors {
     'teal' = 4,
     'violet' = 5
 }
+export type ThemeColors = typeof colors;
 export type ThemeSecondaryColors = keyof typeof SecondaryColors;
 export {};

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

@@ -1,6 +1,6 @@
 import { ThemeValues } from '.';
 type RecursivePartial<T> = {
-    [P in keyof T]?: T[P] | RecursivePartial<T[P]>;
+    [P in keyof T]?: RecursivePartial<T[P]> | T[P];
 };
 export declare const colorsDark: ThemeValues['colors'];
 export declare const darkTheme: RecursivePartial<ThemeValues>;

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

@@ -1,11 +1,6 @@
 import { CSSObject } from '@xstyled/styled-components';
 import { DefaultFieldStylesProps } from '../utils/field-styles';
 import { ThemeValues } from '.';
-type VariantsTheme = {
-    danger: CSSObject;
-    success: CSSObject;
-    warning: CSSObject;
-};
 export type ThemeDefaultFields = {
     checkableField: {
         checked: CSSObject;
@@ -35,5 +30,10 @@ export type ThemeDefaultFields = {
     sizes: Record<DefaultFieldStylesProps['size'], CSSObject>;
     variants: VariantsTheme;
 };
+type VariantsTheme = {
+    danger: CSSObject;
+    success: CSSObject;
+    warning: CSSObject;
+};
 export declare const getDefaultFields: (theme: ThemeValues) => ThemeDefaultFields;
 export {};

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

@@ -1,4 +1,9 @@
 import { ThemeValues } from '.';
+export type ThemeFontFaces = {
+    'welcome-font': FontFace[];
+    'welcome-icon-font': FontFace[];
+    'work-sans': FontFace[];
+};
 type FontFace = {
     display?: FontDisplay;
     extensions?: string[];
@@ -9,10 +14,5 @@ type FontFace = {
     url: string;
     weight?: string;
 };
-export type ThemeFontFaces = {
-    'welcome-font': FontFace[];
-    'welcome-icon-font': FontFace[];
-    'work-sans': FontFace[];
-};
 export declare const fontFaces: (theme: ThemeValues) => ThemeFontFaces;
 export {};

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

@@ -6,16 +6,16 @@ import { ThemeBadges } from '../components/Badge/theme';
 import { ThemeBreadcrumbs } from '../components/Breadcrumb/theme';
 import { ThemeButtons } from '../components/Button/theme';
 import { ThemeCards } from '../components/Card/theme';
-import { ThemeDateTimePickerCommon } from '../components/DateTimePickerCommon/theme';
 import { ThemeCheckboxes } from '../components/Checkbox/theme';
+import { ThemeDateTimePickerCommon } from '../components/DateTimePickerCommon/theme';
 import { ThemeDrawers } from '../components/Drawer/theme';
 import { ThemeDropdownMenu } from '../components/DropdownMenu/theme';
 import { ThemeFileDrops } from '../components/FileDrop/theme';
 import { ThemeHints } from '../components/Hint/theme';
+import { ThemeIcons } from '../components/Icon/theme';
 import { ThemeLabels } from '../components/Label/theme';
 import { ThemeLinks } from '../components/Link/theme';
 import { ThemeLoaders } from '../components/Loader/theme';
-import { ThemeIcons } from '../components/Icon/theme';
 import { ThemeModals } from '../components/Modal/theme';
 import { ThemePagination } from '../components/Pagination/theme';
 import { ThemePopovers } from '../components/Popover/theme';
@@ -31,24 +31,33 @@ import { ThemeToasts } from '../components/Toast/theme';
 import { ThemeToggles } from '../components/Toggle/theme';
 import { ThemeTooltips } from '../components/Tooltip/theme';
 import { ThemeVariantIcon } from '../components/VariantIcon/theme';
-import { darkTheme } from './dark';
+import { ThemeBorderWidths } from './borders';
 import { ThemeColors } from './colors';
+import { darkTheme } from './dark';
+import { ThemeDefaultFields } from './defaultFields';
+import { ThemeFocus } from './focus';
 import { ThemeFontFaces } from './fonts';
-import { ThemeFonts, ThemeFontSizes, ThemeFontWeights, ThemeLetterSpacings, ThemeLineHeights, ThemeTexts, ThemeTextsFontColors, ThemeTextsFontFamily, ThemeTextsFontWeights, ThemeTextsTextTransform } from './typography';
-import { ThemeTimingFunction, ThemeTransitions } from './transitions';
-import { ThemeUnderline } from './underline';
 import { ThemeRadii } from './radii';
-import { ThemeBorderWidths } from './borders';
 import { ThemeScreens } from './screens';
+import { ThemeSelection } from './selection';
 import { ThemeShadows } from './shadows';
 import { ThemeSpace } from './space';
-import { ThemeSelection } from './selection';
-import { ThemeFocus } from './focus';
-import { ThemeDefaultFields } from './defaultFields';
-type OverrideKeys = 'colors' | 'radii' | 'borderWidths' | 'fontSizes' | 'lineHeights' | 'fontWeights' | 'letterSpacings' | 'fonts' | 'sizes' | 'screens' | 'space' | 'shadows' | 'texts';
-type XStyledTheme = Omit<XStyledDefaultTheme, OverrideKeys>;
-type StyledComponentsTheme = Omit<StyledComponentDefaultTheme, OverrideKeys>;
-export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
+import { ThemeTimingFunction, ThemeTransitions } from './transitions';
+import { ThemeFonts, ThemeFontSizes, ThemeFontWeights, ThemeLetterSpacings, ThemeLineHeights, ThemeTexts, ThemeTextsFontColors, ThemeTextsFontFamily, ThemeTextsFontWeights, ThemeTextsTextTransform } from './typography';
+import { ThemeUnderline } from './underline';
+export type ThemeColorTokens = keyof ThemeColors;
+export type ThemeFontsUrl = 'https://cdn.welcome-ui.com/fonts' | 'https://cdn.welcometothejungle.com/fonts' | string;
+export type ThemeProps = {
+    [param: string]: unknown;
+    defaultFontFamily?: string;
+    defaultFontSize?: number;
+    defaultLetterSpacing?: string;
+    defaultLineHeight?: number;
+    fontsUrl?: ThemeFontsUrl;
+    headingFontFamily?: string;
+    iconFontFamily?: string;
+};
+export interface ThemeValues extends StyledComponentsTheme, XStyledTheme {
     accordions: ThemeAccordions;
     alerts: ThemeAlerts;
     avatars: ThemeAvatars;
@@ -68,10 +77,10 @@ export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
     fileDrops: ThemeFileDrops;
     focus: ThemeFocus;
     fontFaces: ThemeFontFaces;
-    fontSizes: ThemeFontSizes;
-    fontWeights: ThemeFontWeights;
     fonts: ThemeFonts;
+    fontSizes: ThemeFontSizes;
     fontsUrl: ThemeFontsUrl;
+    fontWeights: ThemeFontWeights;
     hints: ThemeHints;
     icons: ThemeIcons;
     inset: ThemeSpace;
@@ -102,12 +111,12 @@ export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
     textsFontWeights: ThemeTextsFontWeights;
     textsTextTransform: ThemeTextsTextTransform;
     timingFunction: ThemeTimingFunction;
-    toEm: (int: number) => string;
-    toPx: (int: number) => string;
-    toRem: (int: number) => string;
     toasts: ThemeToasts;
+    toEm: (int: number) => string;
     toggles: ThemeToggles;
     tooltips: ThemeTooltips;
+    toPx: (int: number) => string;
+    toRem: (int: number) => string;
     transformers: {
         border: (value: CSSScalar) => CSSScalar;
         px: (value: CSSScalar) => CSSScalar;
@@ -116,17 +125,8 @@ export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
     underline: ThemeUnderline;
     variantIcon: ThemeVariantIcon;
 }
-export type ThemeFontsUrl = 'https://cdn.welcome-ui.com/fonts' | 'https://cdn.welcometothejungle.com/fonts' | string;
-export type ThemeColorTokens = keyof ThemeColors;
-export type ThemeProps = {
-    [param: string]: unknown;
-    defaultFontFamily?: string;
-    defaultFontSize?: number;
-    defaultLetterSpacing?: string;
-    defaultLineHeight?: number;
-    fontsUrl?: ThemeFontsUrl;
-    headingFontFamily?: string;
-    iconFontFamily?: string;
-};
+type OverrideKeys = 'borderWidths' | 'colors' | 'fonts' | 'fontSizes' | 'fontWeights' | 'letterSpacings' | 'lineHeights' | 'radii' | 'screens' | 'shadows' | 'sizes' | 'space' | 'texts';
+type StyledComponentsTheme = Omit<StyledComponentDefaultTheme, OverrideKeys>;
+type XStyledTheme = Omit<XStyledDefaultTheme, OverrideKeys>;
 export declare const createTheme: (options?: ThemeProps) => ThemeValues;
 export { darkTheme };

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

@@ -1,13 +1,13 @@
 export type ThemeScreens = {
-    [key: string]: number;
-    [key: number]: number;
-    '3xl': number;
-    '4xl': number;
-    lg: number;
-    md: number;
+    xs: number;
     sm: number;
+    md: number;
+    lg: number;
     xl: number;
-    xs: number;
     xxl: number;
+    '3xl': number;
+    '4xl': number;
+    [key: string]: number;
+    [key: number]: number;
 };
 export declare const screens: ThemeScreens;

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

@@ -1,18 +1,18 @@
 import { ThemeValues } from '.';
 export type ThemeSpace = {
-    [key: string]: string;
-    [key: number]: string;
+    xxs: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
     '3xl': string;
     '4xl': string;
     '5xl': string;
     '6xl': string;
     '7xl': string;
-    lg: string;
-    md: string;
-    sm: string;
-    xl: string;
-    xs: string;
-    xxl: string;
-    xxs: string;
+    [key: string]: string;
+    [key: number]: string;
 };
 export declare const getSpace: (theme: ThemeValues) => ThemeSpace;

package/dist/types/utils/field-styles.d.ts

@@ -1,12 +1,12 @@
 import { css } from '@xstyled/styled-components';
-export type DefaultFieldIconSize = 'sm' | 'xs';
+export type DefaultFieldIconSize = 'xs' | 'sm';
 export type Size = 'xs' | 'sm' | 'md' | 'lg';
 export declare const FIELD_ICON_SIZE: {
     [key in Size]: DefaultFieldIconSize;
 };
 export type DefaultFieldStylesProps = Partial<{
     hasIcon?: boolean;
-    iconPlacement?: 'right' | 'left' | 'both';
+    iconPlacement?: 'both' | 'left' | 'right';
     isClearable?: boolean;
     size: Size;
     transparent?: boolean;

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

@@ -1,10 +1,10 @@
+export * from './field-styles';
 export * from './format-bytes';
 export * from './hex-to-rgba';
-export * from './field-styles';
 export * from './overflow-ellipsis';
 export * from './throttle';
+export * from './ts-utils';
 export * from './use-copy-text';
 export * from './use-fork-ref';
 export * from './use-isomorphic-layout-effect';
 export * from './use-viewport';
-export * from './ts-utils';

package/dist/types/utils/ts-utils.d.ts

@@ -16,4 +16,4 @@
  * const bg: color = 'yellow'
  * const bg: color = '#FFF'
  */
-export type LiteralUnion<T, U = string> = T | (U & Record<never, never>);
+export type LiteralUnion<T, U = string> = (Record<never, never> & U) | T;

package/dist/types/utils/use-copy-text.d.ts

@@ -1,4 +1,4 @@
-type Content = React.RefObject<HTMLElement | HTMLInputElement> | number | string;
+type Content = number | React.RefObject<HTMLElement | HTMLInputElement> | string;
 type Timeout = number;
 type useCopyTextReturn = [() => void, boolean];
 export declare function useCopyText(content: Content, timeout: Timeout): useCopyTextReturn;

package/dist/types/utils/use-create-portal.d.ts

@@ -1,4 +1,4 @@
 /**
  * Hook that mimic the React createPortal function in order to make it SSR friendly
  */
-export declare function useCreatePortal(disable?: boolean): ((children: React.ReactNode) => any) | ((children: React.ReactNode, container?: Element | DocumentFragment, key?: string | null) => import('react').ReactPortal);
+export declare function useCreatePortal(disable?: boolean): ((children: React.ReactNode) => any) | ((children: React.ReactNode, container?: DocumentFragment | Element, key?: null | string) => import('react').ReactPortal);

package/dist/types/utils/wrap-children.d.ts

@@ -1 +1 @@
-export declare const wrapChildren: (children?: string | JSX.Element) => unknown;
+export declare const wrapChildren: (children?: JSX.Element | string) => unknown;

package/dist/{use-viewport-CfklieD-.mjs → use-viewport-CWpjoHXy.mjs}

@@ -4,9 +4,9 @@ import { u as o } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
 function w() {
   const [t, e] = n({ height: void 0, width: void 0 });
   return o(() => {
-    e({ width: window.innerWidth, height: window.innerHeight });
+    e({ height: window.innerHeight, width: window.innerWidth });
     function i() {
-      e({ width: window.innerWidth, height: window.innerHeight });
+      e({ height: window.innerHeight, width: window.innerWidth });
     }
     return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
   }, []), t;

package/dist/utils.mjs

@@ -1,28 +1,28 @@
 "use client";
-import { f as y } from "./format-bytes-gST0dTWd.mjs";
-import { h as C } from "./hex-to-rgba-BIDK-3ab.mjs";
-import { F as S, d as T } from "./field-styles-CfVLcVQp.mjs";
+import { F as y, d } from "./field-styles-CfVLcVQp.mjs";
+import { f as E } from "./format-bytes-gST0dTWd.mjs";
+import { h as T } from "./hex-to-rgba-BIDK-3ab.mjs";
 import { o as h } from "./overflow-ellipsis-DGV5Kgt-.mjs";
 import { t as L } from "./throttle-BDBzFeFj.mjs";
-import { useState as p, useCallback as a } from "react";
-import { c as i } from "./index-BhcLigYU.mjs";
+import { c as p } from "./index-BhcLigYU.mjs";
+import { useState as a, useCallback as i } from "react";
 import { s as g, u as v } from "./use-fork-ref-CUZErtAC.mjs";
 import { u as k } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
-import { u as B } from "./use-viewport-CfklieD-.mjs";
+import { u as B } from "./use-viewport-CWpjoHXy.mjs";
 function c(e, r) {
-  const [s, t] = p();
-  return [a(() => {
+  const [s, t] = a();
+  return [i(() => {
     let o;
     typeof e == "number" || typeof e == "string" ? o = e.toString() : e.current instanceof HTMLInputElement ? o = e.current.value : e.current instanceof HTMLElement && (o = e.current.textContent);
-    const f = i(o);
+    const f = p(o);
     t(f), r && setTimeout(t, r);
   }, [e, r]), s];
 }
 export {
-  S as FIELD_ICON_SIZE,
-  T as defaultFieldStyles,
-  y as formatBytes,
-  C as hexToRGBA,
+  y as FIELD_ICON_SIZE,
+  d as defaultFieldStyles,
+  E as formatBytes,
+  T as hexToRGBA,
   h as overflowEllipsis,
   g as setRef,
   L as throttle,

package/dist/wrap-children-CzmhoRzd.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { j as t } from "./jsx-runtime-B7I4PJ0H.mjs";
+import n from "react";
+const p = (e) => n.Children.toArray(e).map(
+  (r) => (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    /* @ts-ignore */
+    ["number", "string"].includes(typeof r) ? /* @__PURE__ */ t.jsx("span", { children: r }, r) : r
+  )
+);
+export {
+  p as w
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "8.1.1",
+  "version": "8.2.0-alpha.0",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -70,16 +70,6 @@
     "react-hot-toast": "^2.4.1"
   },
   "devDependencies": {
-    "@babel/cli": "7.25.9",
-    "@babel/core": "7.26.10",
-    "@babel/eslint-parser": "^7.25.1",
-    "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/plugin-proposal-optional-chaining": "7.21.0",
-    "@babel/plugin-transform-modules-commonjs": "7.26.3",
-    "@babel/plugin-transform-runtime": "^7.25.4",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.22.11",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -87,36 +77,22 @@
     "@types/lodash.capitalize": "^4.2.9",
     "@types/lodash.debounce": "^4.0.6",
     "@types/lodash.range": "^3.2.9",
-    "@types/node": "22.13.4",
     "@types/ramda": "^0.30.2",
-    "@types/react": "18.3.12",
     "@types/react-datepicker": "^4.15.0",
-    "@types/react-dom": "18.3.1",
-    "@xstyled/styled-components": "^4.0.0",
-    "babel-plugin-annotate-pure-calls": "^0.4.0",
-    "babel-plugin-styled-components": "^2.1.4",
-    "babel-plugin-transform-async-to-promises": "^0.8.18",
-    "babel-preset-vite": "^1.1.3",
     "jsdom": "^26.0.0",
     "ramda": "^0.30.1",
-    "react": "^18.3.1",
     "release-it": "^18.1.2",
+    "rollup": "^4.39.0",
     "rollup-preserve-directives": "^1.1.3",
-    "styled-components": "^6.1.15",
-    "typescript": "^5.6.3",
     "vite": "^6.2.1",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-static-copy": "^2.3.0",
-    "vitest": "^3.0.8",
-    "wttj-config": "3.1.2"
+    "vitest": "^3.0.8"
   },
   "peerDependencies": {
     "@xstyled/styled-components": "^4.0.0",
     "react": "^18.3.1",
     "styled-components": "^6.1.15"
   },
-  "resolutions": {
-    "@babel/traverse": ">=7.23.2"
-  },
   "homepage": "https://welcome-ui.com"
 }