@inntechcorp/it-design 4.0.0-beta.1 → 4.0.0-beta.2

package/dist/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { Tooltip } from '../Tooltip';
-import { TooltipTrigger } from '../TooltipTrigger';
-import { TooltipContent } from '../TooltipContent';
+import { Tooltip } from './Tooltip';
+import { TooltipTrigger } from './TooltipTrigger';
+import { TooltipContent } from './TooltipContent';
 export { Tooltip, TooltipTrigger, TooltipContent };

package/dist/tooltip/tooltipContext.d.ts

@@ -3,5 +3,5 @@ export type TooltipContextValue = {
     id: string;
     trigger: ReturnType<typeof useFloatingTrigger>;
 };
-export declare const TooltipContext: import('react').Context<TooltipContextValue | null>;
+export declare const TooltipContext: import("react").Context<TooltipContextValue | null>;
 export declare function useTooltipContext(componentName: string): TooltipContextValue;

package/dist/types/AccordionItemProps.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from '../ChildrenProps';
+import { ChildrenProps } from "./ChildrenProps";
 export type AccordionItemProps = {
     link?: string;
     itemHeight?: number;

package/dist/types/AccordionProps.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from '../ChildrenProps';
+import { ChildrenProps } from "./ChildrenProps";
 export type AccordionProps = {
     useLink?: boolean;
     onlyOne?: boolean;

package/dist/types/AccordionSubMenuProps.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from '../ChildrenProps';
+import { ChildrenProps } from "./ChildrenProps";
 export type AccordionSubMenuProps = {
     id: string;
     link: string;

package/dist/types/AlertProps.d.ts

@@ -1,6 +1,7 @@
-import { default as React } from 'react';
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDSize, ITDVariant } from '../ITDProps';
+import React from "react";
+import { ChildrenProps } from "./ChildrenProps";
+import { ITDSize } from "./ITDProps";
+import { ITDVariant } from "./ITDProps";
 export type AlertProps = {
     type?: AlertType;
     size?: ITDSize;

package/dist/types/ButtonProps.d.ts

@@ -1,14 +1,13 @@
-import { DetailedHTMLProps, HTMLAttributes, MouseEvent } from 'react';
-import { ChildrenProps } from '../ChildrenProps';
-import { IStyledComponent } from 'styled-components';
-import { Substitute } from 'styled-components/dist/types';
-import { ButtonTypes, ComponentVariants, ButtonSizes } from '../enums/enum';
+import { DetailedHTMLProps, HTMLAttributes, MouseEvent } from "react";
+import { ChildrenProps } from "./ChildrenProps";
+import { IStyledComponent } from "styled-components";
+import { Substitute } from "styled-components/dist/types";
+import { ButtonTypes, ComponentVariants, ButtonSizes } from "enums/enum";
 export type ButtonProps = {
     id?: string;
     form?: string;
     disabled?: boolean;
     loading?: boolean;
-    selected?: boolean;
     type?: ButtonType;
     variant?: ButtonVariants;
     state?: ButtonStates;

package/dist/types/CalendarProps.d.ts

@@ -1,7 +1,7 @@
-import { default as dayjs } from 'dayjs';
-import { ChildrenProps } from '../ChildrenProps';
-import { InputVariant } from '../InputProps';
-import { ITDSize } from '../ITDProps';
+import type dayjs from "dayjs";
+import { ChildrenProps } from "./ChildrenProps";
+import { InputVariant } from "./InputProps";
+import { ITDSize } from "./ITDProps";
 export type CalendarProps = {
     id?: string;
     placeholder?: string;

package/dist/types/CardProps.d.ts

@@ -1,5 +1,5 @@
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDVariant } from '../ITDProps';
+import { ChildrenProps } from "./ChildrenProps";
+import { ITDVariant } from "./ITDProps";
 export type CardProps = {
     title?: ChildrenProps;
     variant?: ITDVariant;

package/dist/types/CheckboxProps.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement, RefObject } from 'react';
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDVariant } from '../ITDProps';
+import { ReactElement, RefObject } from "react";
+import { ChildrenProps } from "./ChildrenProps";
+import { ITDVariant } from "./ITDProps";
 export type CheckboxProps = {
     id?: string;
     value?: string | number | boolean;

package/dist/types/ChildrenProps.d.ts

@@ -1,3 +1,4 @@
-type Element = string | number | React.ReactNode | undefined;
+import { ReactNode } from 'react';
+type Element = string | number | ReactNode | undefined;
 export type ChildrenProps = Element | Element[] | null;
 export {};

package/dist/types/DatePickerProps.d.ts

@@ -1,9 +1,9 @@
-import { default as dayjs } from 'dayjs';
-import { CalendarValueProps } from '../CalendarProps';
-import { ChildrenProps } from '../ChildrenProps';
-import { InputVariant } from '../InputProps';
-import { ITDHorizontalPosition, ITDSize } from '../ITDProps';
-import { CalendarLocale } from '../calendar';
+import type dayjs from "dayjs";
+import { CalendarValueProps } from "./CalendarProps";
+import { ChildrenProps } from "./ChildrenProps";
+import { InputVariant } from "./InputProps";
+import { ITDHorizontalPosition, ITDSize } from "./ITDProps";
+import type { CalendarLocale } from "../calendar";
 export type DatePickerProps = {
     id?: string;
     placeholder?: string;
@@ -14,6 +14,7 @@ export type DatePickerProps = {
     size?: ITDSize;
     variant?: InputVariant;
     disabled?: boolean;
+    locked?: boolean;
     position?: ITDHorizontalPosition;
     suffix?: ChildrenProps;
     onChange?: ((value: CalendarValueProps) => void) | null;

package/dist/types/FlexProps.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
-import { ChildrenProps } from '../ChildrenProps';
+import { CSSProperties } from "react";
+import { ChildrenProps } from "./ChildrenProps";
 export type FlexProps = {
     gap?: FlexGapProps;
     justify?: FlexJustifyProps;

package/dist/types/FormProps.d.ts

@@ -1,11 +1,11 @@
-import { FormValidationTypes } from '../enums/enum';
-import { RefObject } from 'react';
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDImperativeFuncProps } from '../index';
-import { FormStoreProps } from '../form/context/FormStore';
-import { FormContextType } from '../form/context/FormContext';
-import { Item, Group, Control } from '../form';
-import { ITDVariant } from '../ITDProps';
+import { FormValidationTypes } from "enums/enum";
+import { RefObject } from "react";
+import { ChildrenProps } from "./ChildrenProps";
+import { ITDImperativeFuncProps } from "../index";
+import { FormStoreProps } from "../form/context/FormStore";
+import { FormContextType } from "../form/context/FormContext";
+import { Item, Group, Control } from "../form";
+import { ITDVariant } from "./ITDProps";
 export type FormProps = {
     initialValues?: {};
     children: ChildrenProps;
@@ -18,6 +18,7 @@ export type FormProps = {
     useQueryString?: boolean;
     variant?: ITDVariant;
     disabled?: boolean;
+    locked?: boolean;
     className?: string;
     ref?: RefObject<FormContextType>;
     name: string;

package/dist/types/ITDProps.d.ts

@@ -1,4 +1,4 @@
-import { ComponentXPositions, ComponentSizes, ComponentSizesSlug, ComponentYPositions, ComponentVariants } from '../enums/enum';
+import { ComponentXPositions, ComponentSizes, ComponentSizesSlug, ComponentYPositions, ComponentVariants } from "../enums/enum";
 export type ITDSize = ComponentSizes | "x-small" | "small" | "medium" | "default" | "large" | "x-large";
 export type ITDSizeSlug = ComponentSizesSlug | "xs" | "sm" | "md" | "df" | "lg" | "xlg";
 export type ITDVariant = ComponentVariants | "default" | "filled" | "custom";

package/dist/types/InputProps.d.ts

@@ -1,6 +1,6 @@
-import { default as React, FocusEvent, KeyboardEvent, MutableRefObject } from 'react';
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDSize } from '../index';
+import React, { FocusEvent, KeyboardEvent, MutableRefObject } from "react";
+import { ChildrenProps } from "./ChildrenProps";
+import { ITDSize } from "./ITDProps";
 export declare enum InputTypes {
     TEXT = "text",
     NUMBER = "number",
@@ -13,7 +13,8 @@ export type InputVariant = "default" | "filled" | "dashed";
  * Input component props extending native HTML input attributes
  * Omits conflicting props that have custom implementations
  */
-export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'type' | 'children'> & {
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'type' | 'children' | 'style'> & {
+    style?: React.CSSProperties;
     type?: InputType;
     size?: ITDSize;
     variant?: InputVariant;

package/dist/types/LabelProps.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from '../ChildrenProps';
+import { ChildrenProps } from "./ChildrenProps";
 export type LabelProps = {
     id?: string;
     htmlFor?: string;

package/dist/types/ModalProps.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../ButtonProps';
-import { ChildrenProps } from '../ChildrenProps';
+import { ButtonProps } from "./ButtonProps";
+import { ChildrenProps } from "./ChildrenProps";
 /**
  * #### ModalProps
  *

package/dist/types/PopoverProps.d.ts

@@ -1,5 +1,5 @@
-import { ComponentXPositions, ComponentYPositions } from '../enums/enum';
-import { ChildrenProps } from '../ChildrenProps';
+import { ComponentXPositions, ComponentYPositions } from "enums/enum";
+import { ChildrenProps } from "./ChildrenProps";
 export type PopoverProps = {
     children: ChildrenProps;
     content: ChildrenProps | ((placement: ComponentYPositions | ComponentXPositions) => ChildrenProps);

package/dist/types/RadioProps.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { ButtonProps } from '../ButtonProps';
+import { ReactElement } from "react";
+import { ButtonProps } from "./ButtonProps";
 export type RadioType = "default" | "primary";
 export type Direction = "column" | "row";
 export type RadioGroupProps = {

package/dist/types/ResultProps.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from '../ChildrenProps';
+import { ChildrenProps } from "./ChildrenProps";
 export type ResultProps = {
     image: string | ChildrenProps;
     title: string;

package/dist/types/SelectProps.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
-import { ITDSize } from '../index';
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDHorizontalPosition, ITDVariant, ITDVerticalPosition } from '../ITDProps';
+import { CSSProperties } from "react";
+import { ITDSize } from "../index";
+import { ChildrenProps } from "./ChildrenProps";
+import { ITDHorizontalPosition, ITDVariant, ITDVerticalPosition } from "./ITDProps";
 export type SelectProps = {
     id?: string;
     defaultValue?: SelectValue;

package/dist/types/SingleQueryProps.d.ts

@@ -1,4 +1,4 @@
-import { QueryValueProps } from '../QueryValueProps';
+import { QueryValueProps } from "./QueryValueProps";
 export type SingleQueryProps = {
     set: (type: string, value: QueryValueProps) => void;
     get: <T>(paramName: string, defaultValue: T, minLength?: number) => T;

package/dist/types/StatusProps.d.ts

@@ -1,5 +1,5 @@
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDSize } from '../index';
+import { ChildrenProps } from "./ChildrenProps";
+import { ITDSize } from "../index";
 export type StatusProps = {
     variant?: StatusVariant;
     size?: ITDSize;

package/dist/types/SwitchProps.d.ts

@@ -1,5 +1,5 @@
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDVariant } from '../ITDProps';
+import { ChildrenProps } from "./ChildrenProps";
+import { ITDVariant } from "./ITDProps";
 export type SwitchProps = {
     id?: string;
     children?: ChildrenProps;

package/dist/types/TableProps.d.ts

@@ -1,5 +1,5 @@
-import { ITDSize } from '../index';
-import { ChildrenProps } from '../ChildrenProps';
+import { ITDSize } from "../index";
+import { ChildrenProps } from "./ChildrenProps";
 export type TableColumnType<T> = {
     key: keyof T | string;
     title: ChildrenProps;

package/dist/types/TabsProps.d.ts

@@ -1,15 +1,22 @@
-import { ChildrenProps } from '../ChildrenProps';
+import { ReactNode } from "react";
+import { ChildrenProps } from "./ChildrenProps";
 export type TabsItemProps = {
     key: string;
     tab: string;
+    icon?: ReactNode;
+    disabled?: boolean;
     children?: ChildrenProps;
     link?: string;
 };
+export type TabsVariant = "default" | "filled" | "line";
+export type TabsOrientation = "horizontal" | "vertical";
 export type TabsProps = {
     activeTabKey?: string;
     tabs?: TabsItemProps[];
     onTabChange?: (key: string) => void;
-    variant?: "default" | "bold";
+    variant?: TabsVariant;
+    orientation?: TabsOrientation;
     height?: number;
+    fill?: boolean;
     className?: string;
 };

package/dist/types/TextAreaProps.d.ts

@@ -1,6 +1,6 @@
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDSize } from '../index';
-import { RefObject } from 'react';
+import { ChildrenProps } from "./ChildrenProps";
+import { ITDSize } from "../index";
+import { RefObject } from "react";
 export type TextAreaProps = {
     id?: string;
     placeholder?: string;
@@ -12,6 +12,7 @@ export type TextAreaProps = {
     rows?: number;
     maxLength?: number;
     disabled?: boolean;
+    locked?: boolean;
     showCount?: boolean;
     onChange?: ((event: TextAreaEvent) => void);
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;

package/dist/types/Theme.d.ts

@@ -1,4 +1,4 @@
-import { ColorScale } from '../helpers/theme/GenerateColorScale';
+import type { ColorScale } from '../helpers/theme/GenerateColorScale';
 export type ITDTheme = {
     appearance: 'light' | 'dark';
     transitionDuration: string;
@@ -32,6 +32,7 @@ export type ITDTheme = {
     popoverForeground: string;
     card: string;
     cardForeground: string;
+    colorBackgroundFooter: string;
     colorText: string;
     colorTextMuted: string;
     colorTextMutedForeground: string;
@@ -41,9 +42,12 @@ export type ITDTheme = {
     colorModalShadow: string;
     colorBorder: string;
     colorBorderHover: string;
+    colorBorderFocus: string;
+    colorBorderFocusRing: string;
     colorBorderTransparent: string;
     colorBackgroundAlt: string;
     colorBackgroundAltHover: string;
+    colorBackgroundBordered: string;
     colorBackgroundTransparent: string;
     colorBackgroundModal: string;
     colorForegroundItemSelected: string;
@@ -62,6 +66,27 @@ export type ITDTheme = {
     colorError: string;
     colorErrorText: string;
     colorErrorBorder: string;
+    colorErrorOutline: string;
+    colorFocusPrimary: string;
+    colorFocusPrimaryRing: string;
+    colorTextAlpha50: string;
+    colorSwitchThumb: string;
+    colorSwitchFilledThumb: string;
+    colorTextNeutralAlpha10: string;
+    colorTextNeutralAlpha15: string;
+    colorTextNeutralAlpha25: string;
+    colorTextNeutralAlpha50: string;
+    colorBackgroundAltAlpha75: string;
+    colorBackgroundAltAlpha85: string;
+    colorUploadTextAlpha50: string;
+    colorCardOverlay: string;
+    colorTabActiveBg: string;
+    colorTabHoverBg: string;
+    colorTabFilledActiveBg: string;
+    colorButtonOutlineBg: string;
+    colorButtonOutlineHoverBg: string;
+    colorButtonGhostHoverBg: string;
+    colorButtonFilledBg: string;
     scrollbarThumb: string;
     scrollbarThumbHover: string;
     primaryGradientStart: string;

package/dist/types/UploadProps.d.ts

@@ -1,5 +1,5 @@
-import { FileTypes } from '../index';
-import { ITDVariant } from '../ITDProps';
+import { FileTypes } from "../index";
+import { ITDVariant } from "./ITDProps";
 export type UploadProps = {
     id?: string;
     variant?: ITDVariant;
@@ -32,6 +32,7 @@ export type UploadProps = {
     extraQueryString?: {};
     extraHeader?: {};
     disabled?: boolean;
+    locked?: boolean;
     onChange?: ((value: any) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
     onUploadSuccess?: (path: string) => void;

package/dist/upload/index.d.ts

@@ -1,4 +1,4 @@
-import { UploadProps, ITDImperativeFuncProps } from '../index';
+import type { UploadProps, ITDImperativeFuncProps } from "../index";
 /**
  *
  * UPLOAD
@@ -9,5 +9,5 @@ import { UploadProps, ITDImperativeFuncProps } from '../index';
  * @returns
  *
  */
-declare const Upload: import('react').ForwardRefExoticComponent<UploadProps & import('react').RefAttributes<ITDImperativeFuncProps>>;
+declare const Upload: import("react").ForwardRefExoticComponent<UploadProps & import("react").RefAttributes<ITDImperativeFuncProps>>;
 export default Upload;

package/dist/utils/CommonStyledComponents.d.ts

@@ -1,14 +1,17 @@
-import { FC, ReactNode } from 'react';
-import { TooltipPositions } from '../enums/enum';
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import { TooltipPositions } from 'enums/enum';
 export declare const ErrorSVGIcon: import("react/jsx-runtime").JSX.Element;
-export declare const ErrorTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $position?: TooltipPositions;
-    $offsetX?: number;
-    $offsetY?: number;
-}>> & string;
-export declare const ErrorBorder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $fullSize?: boolean;
-}>> & string;
+export type ErrorTooltipProps = {
+    position?: TooltipPositions;
+    offsetX?: number;
+    offsetY?: number;
+    children?: ReactNode;
+} & HTMLAttributes<HTMLSpanElement>;
+export declare const ErrorTooltip: FC<ErrorTooltipProps>;
+export type ErrorBorderProps = {
+    fullSize?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const ErrorBorder: FC<ErrorBorderProps>;
 export type ErrorIconProps = {
     message: string;
     icon?: ReactNode;

package/dist/utils/GetButtonSizeSlug.d.ts

@@ -1,4 +1,4 @@
-import { ButtonSize } from '../types/ButtonProps';
+import { ButtonSize } from "types/ButtonProps";
 /**
  * Button-specific size slug converter
  * Handles both standard sizes and icon-only sizes

package/dist/utils/GetIconSizeBySize.d.ts

@@ -1,2 +1,2 @@
-import { ITDSize } from '../index';
+import { ITDSize } from "../index";
 export default function GetIconSizeBySize(size: ITDSize): "14" | "16" | "18" | "20" | "22" | "24";

package/dist/utils/GetSizeBySizeSlug.d.ts

@@ -1,3 +1,3 @@
-import { ComponentSizes } from '../enums/enum';
-import { ITDSizeSlug } from '../index';
+import { ComponentSizes } from "enums/enum";
+import { ITDSizeSlug } from "../index";
 export default function GetSizeBySizeSlug(size: ITDSizeSlug): ComponentSizes;

package/dist/utils/GetSizeSlugBySize.d.ts

@@ -1,5 +1,5 @@
-import { ComponentSizesSlug } from '../enums/enum';
-import { ITDSize } from '../index';
+import { ComponentSizesSlug } from "enums/enum";
+import { ITDSize } from "../index";
 /**
  * General purpose size slug converter for all components
  */

package/dist/utils/InlineSVGCached.d.ts

@@ -7,5 +7,5 @@ type InlineSVGCachedProps = {
     onLoaded?: () => void;
     onError?: (error: unknown) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ src, className, style, title, role, onLoaded, onError }: InlineSVGCachedProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ src, className, style, title, role, onLoaded, onError }: InlineSVGCachedProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/utils/index.d.ts

@@ -1,6 +1,6 @@
-export { default as GetIconSizeBySize } from '../GetIconSizeBySize';
-export { default as GetSizeBySizeSlug } from '../GetSizeBySizeSlug';
-export { default as GetSizeSlugBySize } from '../GetSizeSlugBySize';
-export { default as GetButtonSizeSlug } from '../GetButtonSizeSlug';
-export { default as InlineSVGCached } from '../InlineSVGCached';
-export { ErrorAnnouncement, getErrorAriaProps, getErrorId } from '../ErrorAnnouncement';
+export { default as GetIconSizeBySize } from './GetIconSizeBySize';
+export { default as GetSizeBySizeSlug } from './GetSizeBySizeSlug';
+export { default as GetSizeSlugBySize } from './GetSizeSlugBySize';
+export { default as GetButtonSizeSlug } from './GetButtonSizeSlug';
+export { default as InlineSVGCached } from './InlineSVGCached';
+export { ErrorAnnouncement, getErrorAriaProps, getErrorId } from './ErrorAnnouncement';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.2",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",
@@ -28,7 +28,7 @@
     "start-rollup": "rollup -c -w --bundleConfigAsCjs",
     "npm-publish": "yarn run build-rollup && npm publish --access public",
     "start": "vite --host",
-    "build": "[ -d ./build ] || mkdir build && rm -r ./build && tsc --p ./tsconfig-build.json && vite build",
+    "build": "[ -d ./build ] || mkdir build && rm -r ./build && tsc --p ./tsconfig-build.json && vite build && cp lib/global.css dist/global.css && cp -r lib/css dist/css",
     "serve": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
@@ -41,8 +41,8 @@
     "@mona-health/react-input-mask": "^3.0.3",
     "autoprefixer": "10.4.23",
     "axios": "1.13.2",
+    "clsx": "^2.1.1",
     "core-js": "3.47.0",
-    "csstype": "^3.2.3",
     "dayjs": "1.11.19",
     "fast-deep-equal": "^3.1.3",
     "lodash-es": "4.17.22",
@@ -62,6 +62,7 @@
     "react-virtuoso": "4.17.0",
     "smoothscroll-polyfill": "^0.4.4",
     "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
     "uuid": "13.0.0",
     "web-vitals": "5.1.0"
   },
@@ -72,16 +73,19 @@
     "@babel/preset-react": "7.28.5",
     "@babel/preset-typescript": "7.28.5",
     "@babel/runtime": "7.28.4",
+    "@chromatic-com/storybook": "^5.0.1",
     "@rollup/plugin-babel": "6.1.0",
     "@rollup/plugin-commonjs": "29.0.0",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "16.0.3",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/addon-links": "10.1.10",
-    "@storybook/addon-onboarding": "10.1.10",
-    "@storybook/builder-vite": "10.1.10",
-    "@storybook/react-vite": "10.1.10",
+    "@storybook/addon-a11y": "^10.2.19",
+    "@storybook/addon-docs": "^10.2.19",
+    "@storybook/addon-links": "^10.2.19",
+    "@storybook/addon-onboarding": "^10.2.19",
+    "@storybook/addon-vitest": "^10.2.19",
+    "@storybook/builder-vite": "^10.2.19",
+    "@storybook/react-vite": "^10.2.19",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.1",
     "@testing-library/user-event": "14.6.1",
@@ -91,6 +95,9 @@
     "@types/react-dom": "19.2.3",
     "@types/rollup-plugin-node-globals": "1.4.5",
     "@vitejs/plugin-react": "5.1.2",
+    "@vitest/browser-playwright": "^4.1.0",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vueless/storybook-dark-mode": "^10.0.7",
     "babel-plugin-styled-components": "2.1.4",
     "copy-webpack-plugin": "13.0.1",
     "customize-cra": "^1.0.0",
@@ -102,6 +109,7 @@
     "i18next-http-backend": "3.0.2",
     "i18next-resources-to-backend": "^1.2.1",
     "less-loader": "12.3.0",
+    "playwright": "^1.58.2",
     "postcss-custom-properties": "14.0.6",
     "postcss-import": "16.1.1",
     "postcss-nesting": "13.0.2",
@@ -126,17 +134,18 @@
     "rollup-plugin-typescript2": "0.36.0",
     "rollup-plugin-visualizer": "6.0.5",
     "source-map-loader": "5.0.0",
-    "storybook": "10.1.10",
+    "storybook": "^10.2.19",
     "styled-components": "6.1.19",
     "tslib": "2.8.1",
     "typescript": "5.9.3",
     "vite": "7.3.0",
     "vite-plugin-css-injected-by-js": "3.5.2",
-    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-dts": "4.5.4",
     "vite-plugin-lib-inject-css": "2.2.2",
     "vite-plugin-node-polyfills": "0.24.0",
     "vite-plugin-svgr": "4.5.0",
-    "vite-tsconfig-paths": "6.0.3"
+    "vite-tsconfig-paths": "6.0.3",
+    "vitest": "^4.1.0"
   },
   "peerDependencies": {
     "react": "^19.1.0",

package/dist/accordion/styled.d.ts

@@ -1 +0,0 @@
-export const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/alert/alert.style.error.d.ts

@@ -1,4 +0,0 @@
-/**
- * ERROR ALERT
- */
-export declare const getErrorAlert: () => import('styled-components').RuleSet<object>;

package/dist/alert/alert.style.info.d.ts

@@ -1,4 +0,0 @@
-/**
- * INFO ALERT
- */
-export declare const getInfoAlert: () => import('styled-components').RuleSet<object>;