welcome-ui 7.1.1 → 7.3.0

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

@@ -1,15 +1,15 @@
 import { SearchOptions } from './index';
 export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const InputWrapper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const InputWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Input: import('styled-components').StyledComponent<"input", import('@xstyled/system').Theme, SearchOptions, never>;
-export declare const Menu: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
-export declare const Item: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+export declare const Menu: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, {}, never>;
+export declare const Item: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, {
     isExisting?: boolean;
     isHighlighted?: boolean;
     isSelected?: boolean;
 }, never>;
-export declare const Indicators: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
-export declare const DropDownIndicator: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+export declare const Indicators: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const DropDownIndicator: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {
     isOpen?: boolean;
     size: SearchOptions["size"];
 }, never>;

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

@@ -7,7 +7,7 @@ export declare const IconWrapper: import('styled-components').StyledComponent<"d
 export declare const Wrapper: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
     disabled: boolean;
 }, never>;
-export declare const InputWrapper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const InputWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Input: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     iconPlacement?: "both" | "right";
     isClearable?: boolean;
@@ -15,8 +15,8 @@ export declare const Input: import('styled-components').StyledComponent<"div", i
     transparent?: boolean;
     variant: SelectOptions["variant"];
 }, never>;
-export declare const Menu: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
-export declare const Item: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+export declare const Menu: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, {}, never>;
+export declare const Item: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, {
     allowUnselectFromList: boolean;
     isDisabled?: boolean;
     isHighlighted: boolean;
@@ -26,7 +26,7 @@ export declare const Item: import('styled-components').StyledComponent<string, i
 export declare const Indicators: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     size: DefaultFieldStylesProps["size"];
 }, never>;
-export declare const DropDownIndicator: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+export declare const DropDownIndicator: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {
     isOpen?: boolean;
 }, never>;
 export declare const Tags: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -2,8 +2,8 @@ type BorderProps = {
     borderSelectorColor?: string;
     disabled?: boolean;
 };
-export declare const Slider: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, BorderProps, never>;
-export declare const RangeInput: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, BorderProps, never>;
+export declare const Slider: import('styled-components').StyledComponent<"input", import('@xstyled/system').Theme, BorderProps, never>;
+export declare const RangeInput: import('styled-components').StyledComponent<"input", import('@xstyled/system').Theme, BorderProps, never>;
 export declare const Track: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
 type RangeProps = {
     disabled?: boolean;

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

@@ -74,7 +74,7 @@ export type SwiperInitialProps = {
 };
 export type SwiperProps = CreateWuiProps<'div', SwiperInitialProps>;
 export declare const Swiper: {
-    ({ children, dataTestId, store, ...rest }: SwiperProps): JSX.Element;
+    ({ children, dataTestId, store, ...rest }: SwiperProps): React.JSX.Element;
     displayName: string;
 };
-export declare const StyledSwiper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, CreateWuiProps<"div">, never>;
+export declare const StyledSwiper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, CreateWuiProps<"div">, never>;

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

@@ -1,5 +1,5 @@
 import { CreateWuiProps } from '../System';
-export declare const Swiper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, CreateWuiProps<"div">, never>;
+export declare const Swiper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, CreateWuiProps<"div">, never>;
 export declare const Arrow: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {
     disabled: boolean;
 } & Pick<{
@@ -68,7 +68,7 @@ export declare const Pagination: import('styled-components').StyledComponent<"di
     showLeftArrow: boolean;
     showRightArrow: boolean;
 }, "withPagination">, never>;
-export declare const Bullet: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+export declare const Bullet: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     active: boolean;
 } & Pick<{
     centeredSlides: boolean;

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, PropsWithoutRef } from 'react';
 import { SystemProps } from '@xstyled/styled-components';
 import { StyledConfig } from 'styled-components';
 import * as S from '@xstyled/styled-components';
@@ -36,5 +36,4 @@ export type CreateWuiComponent<Component extends As, Options = {}> = {
     (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;
+export declare const forwardRef: <Component extends As, Props = {}>(component: React.ForwardRefRenderFunction<any, PropsWithoutRef<Props>>) => CreateWuiComponent<Component, Props>;

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

@@ -12,7 +12,7 @@ export declare const Table: import('../System').CreateWuiComponent<"div", TableP
     Tbody: import('styled-components').StyledComponent<"tbody", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
     Th: import('styled-components').StyledComponent<"th", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
     Tr: import('styled-components').StyledComponent<"tr", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
-        variant?: "default" | "danger" | "warning" | "success" | "info";
+        variant?: "default" | "danger" | "warning" | "info" | "success";
     }, never>;
     Td: import('styled-components').StyledComponent<"td", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 };

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

@@ -1,6 +1,6 @@
 import { TableOptions } from './index';
 export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & TableOptions, never>;
-export declare const Content: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Table: import('styled-components').StyledComponent<"table", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 export declare const Thead: import('styled-components').StyledComponent<"thead", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 export declare const Tbody: import('styled-components').StyledComponent<"tbody", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -4,6 +4,6 @@ import * as Ariakit from '@ariakit/react';
 export declare const TabList: import('styled-components').StyledComponent<(props: Ariakit.TabListProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, {
     size: SizeOptions;
 }, never>;
-export declare const Tab: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Tab: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {}, never>;
 export declare const TabPanel: import('styled-components').StyledComponent<(props: Ariakit.TabPanelProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, Pick<Ariakit.TabStoreState, "orientation">, never>;
-export declare const ActiveBar: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, ActiveBarReturn, never>;
+export declare const ActiveBar: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, ActiveBarReturn, never>;

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

@@ -1,8 +1,6 @@
-import { ThemeSecondaryColors } from '../../theme/colors';
+import { Size, Variant } from './theme';
 import { CreateWuiProps } from '../System';
 import * as S from './styles';
-type Size = 'xs' | 'sm' | 'md';
-type Variant = ThemeSecondaryColors | 'default' | 'info' | 'success' | 'danger' | 'warning' | 'primary';
 export interface TagOptions {
     href?: string;
     onClick?: () => void;
@@ -13,5 +11,4 @@ export interface TagOptions {
 }
 export type TagProps = CreateWuiProps<'div', TagOptions>;
 export declare const Tag: import('../System').CreateWuiComponent<"div", TagProps>;
-export declare const StyledTag: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, S.StyledTagProps & import('../System').WuiProps, never>;
-export {};
+export declare const StyledTag: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, S.StyledTagProps & import('../System').WuiProps, never>;

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

@@ -8,7 +8,7 @@ export interface StyledTagProps {
     size: TagOptions['size'];
     variant: TagOptions['variant'];
 }
-export declare const Tag: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, StyledTagProps & WuiProps, never>;
+export declare const Tag: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, StyledTagProps & WuiProps, never>;
 export declare const ActionIcon: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     size: TagOptions["size"];
 }, never>;

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

@@ -2,7 +2,7 @@ import { CSSObject } from '@xstyled/styled-components';
 import { ThemeSecondaryColors } from '../../theme/colors';
 import { ThemeValues } from '../../theme';
 export type Size = 'xs' | 'sm' | 'md';
-export type Variant = ThemeSecondaryColors | 'default' | 'danger' | 'info' | 'success' | 'warning' | 'primary';
+export type Variant = ThemeSecondaryColors | 'default' | 'danger' | 'info' | 'success' | 'warning' | 'primary' | 'ai';
 export type ThemeTags = {
     default: CSSObject;
     hover: Record<Variant, CSSObject>;

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

@@ -1,2 +1,2 @@
 import { TextOptions } from './index';
-export declare const Text: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, TextOptions, never>;
+export declare const Text: import('styled-components').StyledComponent<"p", import('@xstyled/system').Theme, TextOptions, never>;

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

@@ -1 +1 @@
-export declare const Wrapper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

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

@@ -1,9 +1,10 @@
+import { ToastVariant } from './theme';
 import { CreateWuiProps } from '../System';
 export interface GrowlOptions {
     hasCloseButton?: boolean;
     icon?: JSX.Element | null;
     onClose?: () => void;
-    variant?: 'default' | 'info' | 'success' | 'danger' | 'warning';
+    variant?: ToastVariant;
 }
 export type GrowlProps = CreateWuiProps<'div', GrowlOptions>;
 /**

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

@@ -1,3 +1,4 @@
+import { ToastVariant } from './theme';
 import { ButtonProps } from '../Button';
 import { CreateWuiProps } from '../System';
 export interface SnackbarOptions {
@@ -8,7 +9,7 @@ export interface SnackbarOptions {
     hasCloseButton?: boolean;
     icon?: JSX.Element | null;
     onClose?: () => void;
-    variant?: 'default' | 'info' | 'success' | 'danger' | 'warning';
+    variant?: ToastVariant;
 }
 export type SnackbarProps = CreateWuiProps<'div', SnackbarOptions>;
 /**

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

@@ -5,14 +5,14 @@ export declare const ToastWrapper: import('styled-components').StyledComponent<i
 }, never>;
 export declare const Growl: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
     Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
-    Button: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size" | "variant">>;
-    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size" | "variant">>;
+    Button: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size">>;
+    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size">>;
 }, import('@xstyled/system').Theme, GrowlOptions, never>;
 export declare const Title: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
 export declare const Snackbar: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
     Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
-    Button: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size" | "variant">>;
-    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size" | "variant">>;
+    Button: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size">>;
+    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size">>;
 }, import('@xstyled/system').Theme, {}, never>;
 export declare const SnackbarSeparator: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     variant: SnackbarProps["variant"];

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

@@ -1,5 +1,6 @@
 import { CSSObject } from '@xstyled/styled-components';
 import { ThemeValues } from '../../theme';
+export type ToastVariant = 'default' | 'info' | 'success' | 'danger' | 'warning';
 export type ThemeToasts = {
     bottom: CSSObject;
     default: CSSObject;

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

@@ -1,6 +1,6 @@
+import { Size } from './theme';
 import { CheckboxProps } from '../Checkbox';
 import { CreateWuiProps } from '../System';
-type Size = 'xs' | 'sm' | 'md';
 export type ToggleOptions = Omit<CheckboxProps, 'Component' | 'iconPlacement' | 'indeterminate' | 'hasIcon' | 'transparent' | 'isClearable'> & {
     checkedIcon?: JSX.Element;
     size?: Size;
@@ -8,4 +8,3 @@ export type ToggleOptions = Omit<CheckboxProps, 'Component' | 'iconPlacement' |
 };
 export type ToggleProps = CreateWuiProps<'input', ToggleOptions>;
 export declare const Toggle: import('../System').CreateWuiComponent<"input", ToggleProps>;
-export {};

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

@@ -1,6 +1,6 @@
+import { Size } from './theme';
 import { ToggleOptions } from './index';
 import * as Ariakit from '@ariakit/react';
-type Size = 'xs' | 'sm' | 'md';
 export declare const Toggle: import('styled-components').StyledComponent<(props: Ariakit.CheckboxProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, ToggleOptions, never>;
 export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     onClick: React.MouseEventHandler<HTMLInputElement>;
@@ -9,4 +9,3 @@ export declare const IconWrapper: import('styled-components').StyledComponent<"d
     checked: boolean;
     size: Size;
 }, never>;
-export {};

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

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

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

@@ -6,5 +6,5 @@ type FadeIn = {
     withArrow?: boolean;
 };
 export declare const FadeIn: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & FadeIn, never>;
-export declare const ChildItem: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const ChildItem: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export {};

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

@@ -1,6 +1,5 @@
+import { Size, Variant } from './theme';
 import { CreateWuiProps } from '../System';
-type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-type Variant = 'danger' | 'warning' | 'success' | 'info' | 'default';
 export interface VariantIconOptions {
     icon?: JSX.Element;
     size?: Size;
@@ -8,4 +7,3 @@ export interface VariantIconOptions {
 }
 export type VariantIconProps = CreateWuiProps<'div', VariantIconOptions>;
 export declare const VariantIcon: import('../System').CreateWuiComponent<"div", VariantIconProps>;
-export {};

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

@@ -1,10 +1,6 @@
 import { CSSObject } from '@xstyled/styled-components';
 import { ThemeValues } from '../../theme';
-export type ThemeVariantIcon = {
-    danger: CSSObject;
-    default: CSSObject;
-    info: CSSObject;
-    success: CSSObject;
-    warning: CSSObject;
-};
+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 declare const getVariantIcon: (theme: ThemeValues) => ThemeVariantIcon;

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

@@ -117,6 +117,7 @@ export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
     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;

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

@@ -7,3 +7,4 @@ 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

@@ -0,0 +1,19 @@
+/**
+ * Preserve type intellisence and autocomplete on union like
+ * type test = 'some string' | string
+ *
+ * @example
+ * // The following type:
+ * type color = 'red' | 'blue' | 'green' | string
+ * // would be interpreted as
+ * type color = string
+ *
+ * // Using LiteralUnion<T>
+ * type color = LiteralUnion<'red' | 'blue' | 'green'>
+ * // would be interpreted as
+ * type color = 'red' | 'blue' | 'green'
+ * // While still allowing any literal string
+ * const bg: color = 'yellow'
+ * const bg: color = '#FFF'
+ */
+export type LiteralUnion<T, U = string> = T | (U & Record<never, never>);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "7.1.1",
+  "version": "7.3.0",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -84,11 +84,11 @@
     "@types/lodash.capitalize": "^4.2.9",
     "@types/lodash.debounce": "^4.0.6",
     "@types/lodash.range": "^3.2.9",
-    "@types/node": "22.9.0",
+    "@types/node": "22.13.4",
     "@types/ramda": "^0.30.2",
-    "@types/react": "18.0.25",
+    "@types/react": "18.3.12",
     "@types/react-datepicker": "^4.15.0",
-    "@types/react-dom": "18.0.11",
+    "@types/react-dom": "18.3.1",
     "@xstyled/styled-components": "^3.7.3",
     "babel-jest": "^29.7.0",
     "babel-plugin-annotate-pure-calls": "^0.4.0",
@@ -98,7 +98,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "7.2.0",
     "ramda": "^0.30.1",
-    "react": "^18.0.0",
+    "react": "^18.3.1",
     "release-it": "^18.1.2",
     "rollup-preserve-directives": "^1.1.3",
     "styled-components": "^5.3.9",
@@ -110,7 +110,7 @@
   },
   "peerDependencies": {
     "@xstyled/styled-components": "^3.7.3",
-    "react": "^18.0.0",
+    "react": "^18.3.1",
     "styled-components": "^5.3.9"
   },
   "resolutions": {

package/dist/index-RUkz9Z2V.mjs

@@ -1,31 +0,0 @@
-"use client";
-import c from "react";
-import { Icon as e } from "./Icon.mjs";
-const o = 15, n = 15, l = '<path fill="currentColor" d="m55.542 9.07 41.48 66.67a6.395 6.395 0 0 1 .32 6.225 6.482 6.482 0 0 1-5.123 3.604L9.256 94.957A6.502 6.502 0 0 1 3.12 92.15a6.41 6.41 0 0 1-.33-6.703L44.27 9.39v-.001c1.12-2.053 3.193-3.318 5.544-3.385a6.475 6.475 0 0 1 5.728 3.067Zm-3.217 61.689a3.726 3.726 0 0 0-.493-.601c-1.495-1.497-4.173-1.497-5.655 0a4.016 4.016 0 0 0-1.173 2.833c0 1.042.428 2.085 1.173 2.833A3.992 3.992 0 0 0 49.004 77a4.015 4.015 0 0 0 2.828-1.176 4.414 4.414 0 0 0 .867-1.31c.092-.24.173-.494.226-.748a5.24 5.24 0 0 0 .067-.775c0-.268-.028-.535-.067-.789a4.985 4.985 0 0 0-.226-.748 4.443 4.443 0 0 0-.374-.695ZM45 37.009v20.257a4.005 4.005 0 0 0 4 4.009c2.21 0 4-1.796 4-4.01V37.01c0-2.215-1.79-4.01-4-4.01-2.209 0-4 1.795-4 4.01Z"/>', a = {
-  width: o,
-  height: n,
-  block: l
-}, A = (t) => /* @__PURE__ */ c.createElement(e, { alt: "Alert", content: a, ...t }), r = 15, h = 15, i = '<path fill="currentColor" fill-rule="evenodd" d="M74.68 21.64a6.51 6.51 0 0 1 9.155-.492 6.453 6.453 0 0 1 .707 8.907l-.211.246-43.47 48.058a6.495 6.495 0 0 1-4.828 2.141c-1.449 0-2.86-.48-4.013-1.385l-.283-.235-15.54-13.665a6.455 6.455 0 0 1-.555-9.153 6.512 6.512 0 0 1 8.902-.756l.248.208 10.72 9.425L74.68 21.641Z" clip-rule="evenodd"/>', s = {
-  width: r,
-  height: h,
-  block: i
-}, L = (t) => /* @__PURE__ */ c.createElement(e, { alt: "Check", content: s, ...t }), d = 15, u = 15, m = '<path fill="currentColor" d="M83.95 12.62C74.807 4.513 62.657.85 49.731 2.317 23.412 5.297 2 29.005 2 55.167c0 12.738 4.992 24.178 14.054 32.214C23.876 94.32 33.9 98 44.73 98c1.824 0 3.674-.105 5.536-.315C76.587 94.703 98 70.995 98 44.833c0-12.737-4.99-24.177-14.05-32.213ZM56.492 66.181c2.219-.25 4.228 1.293 4.48 3.432.254 2.139-1.341 4.07-3.562 4.314-.439.048-.878.073-1.314.073-2.838 0-5.599-1.003-7.737-2.84-2.467-2.121-3.882-5.163-3.882-8.347V49.825l-3.97.436c-2.224.244-4.23-1.293-4.482-3.432-.253-2.139 1.342-4.07 3.565-4.314l8.477-.93a4.142 4.142 0 0 1 3.155.963 3.842 3.842 0 0 1 1.352 2.91v17.355a3.29 3.29 0 0 0 1.177 2.529 3.582 3.582 0 0 0 2.74.84Zm-12.33-35.895a4.548 4.548 0 0 1-.365-1.742 4.52 4.52 0 0 1 1.391-3.222c1.092-1.053 2.725-1.533 4.264-1.235.298.052.593.143.877.26.283.104.567.247.81.416.27.17.514.351.728.559a4.51 4.51 0 0 1 1.377 3.223c0 .298-.027.597-.095.883a3.677 3.677 0 0 1-.27.858 3.699 3.699 0 0 1-.43.78c-.175.246-.366.48-.582.688a4.43 4.43 0 0 1-.729.572 5.21 5.21 0 0 1-.81.416 5.177 5.177 0 0 1-.877.26c-.31.051-.62.09-.93.09a4.846 4.846 0 0 1-3.928-2.027 5.523 5.523 0 0 1-.432-.78Z"/>', $ = {
-  width: d,
-  height: u,
-  block: m
-}, M = (t) => /* @__PURE__ */ c.createElement(e, { alt: "Information", content: $, ...t }), f = 15, k = 15, p = '<path fill="currentColor" fill-rule="evenodd" d="M80.086 40.154a2.402 2.402 0 0 0-2.25-1.02l-24.929 2.81V6.365a2.37 2.37 0 0 0-1.812-2.294 2.4 2.4 0 0 0-2.692 1.183L19.781 58.402a2.345 2.345 0 0 0 .133 2.443 2.4 2.4 0 0 0 2.25 1.021l24.928-2.81v35.578a2.37 2.37 0 0 0 1.813 2.296c.194.047.388.07.58.07.869 0 1.69-.468 2.111-1.253l28.624-53.15a2.348 2.348 0 0 0-.134-2.443Z" clip-rule="evenodd"/>', v = {
-  width: f,
-  height: k,
-  block: p
-}, E = (t) => /* @__PURE__ */ c.createElement(e, { alt: "Promote", content: v, ...t }), C = 15, Z = 15, b = '<path fill="currentColor" fill-rule="evenodd" d="M5.863 49.971c-3.518 3.745-3.835 8.974-.723 11.924L41.114 96c3.378 3.203 9.445 2.476 13.264-1.589L95.137 51.03c3.518-3.745 3.835-8.974.723-11.924L59.886 5c-3.378-3.203-9.445-2.476-13.264 1.589L5.862 49.97ZM53.325 64.76c.145.214.267.454.373.695.093.24.174.494.227.748.039.254.067.522.067.789 0 .254-.028.52-.067.775a5 5 0 0 1-.226.748c-.107.24-.228.481-.374.695a3.822 3.822 0 0 1-.493.615A4.015 4.015 0 0 1 50.004 71a3.991 3.991 0 0 1-2.827-1.176 4.062 4.062 0 0 1-1.173-2.833c0-1.056.428-2.098 1.173-2.833 1.481-1.497 4.16-1.497 5.655 0 .185.173.345.387.493.601ZM46 31.009a4.005 4.005 0 0 1 4-4.01c2.21 0 4 1.796 4 4.01v20.257a4.005 4.005 0 0 1-4 4.009c-2.209 0-4-1.796-4-4.01V31.01Z" clip-rule="evenodd"/>', g = {
-  width: C,
-  height: Z,
-  block: b
-}, V = (t) => /* @__PURE__ */ c.createElement(e, { alt: "SquareAlert", content: g, ...t });
-export {
-  A,
-  L as C,
-  M as I,
-  E as P,
-  V as S
-};