@solostylist/ui-kit 2.0.1 → 2.0.3

package/dist/theme/component-augmentation.d.ts

@@ -1,6 +1,8 @@
 import { ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
 import { SAccordionProps } from '../s-accordion/s-accordion';
 import { SActionOverlayProps } from '../s-action-overlay/s-action-overlay';
+import { SAnimatedGradientTextProps } from '../s-animated-gradient-text/s-animated-gradient-text';
+import { SAnnouncementBarProps } from '../s-announcement-bar/s-announcement-bar';
 import { SAutocompleteProps } from '../s-autocomplete/s-autocomplete';
 import { SAvatarProps } from '../s-avatar/s-avatar';
 import { SBlurTextProps } from '../s-blur-text/s-blur-text';
@@ -19,35 +21,49 @@ import { SDataTableProps } from '../s-data-table/s-data-table';
 import { SDialogConfirmProps } from '../s-dialog-confirm/s-dialog-confirm';
 import { SDialogMessageProps } from '../s-dialog-message/s-dialog-message';
 import { SDialogProps } from '../s-dialog/s-dialog';
+import { SDrawerProps } from '../s-drawer/s-drawer';
 import { SEmptyProps } from '../s-empty/s-empty';
 import { SFileIconProps } from '../s-file-icon/s-file-icon';
 import { SFlexBoxProps } from '../s-flex-box/s-flex-box';
 import { SFormProps } from '../s-form/s-form';
 import { SGalleryProps } from '../s-gallery/s-gallery';
 import { SGlowButtonProps } from '../s-glow-button/s-glow-button';
+import { SGradientBlobPulseProps } from '../s-gradient-blob-pulse/s-gradient-blob-pulse';
 import { SGradientIconProps } from '../s-gradient-icon/s-gradient-icon';
 import { SIconButtonProps } from '../s-icon-button/s-icon-button';
 import { SImageComparisonProps } from '../s-image-comparison/s-image-comparison';
 import { SImageViewerProps } from '../s-image-viewer/types';
+import { SInteractiveCardProps } from '../s-interactive-card/s-interactive-card';
 import { SLabelProps } from '../s-label/s-label';
 import { SLanguagePopoverProps, SLanguageSwitcherProps } from '../s-language-switcher/s-language-switcher';
 import { SLazyImageProps } from '../s-lazy-image/s-lazy-image';
+import { SListActionItemProps } from '../s-list-action-item/s-list-action-item';
+import { SMegaMenuProps } from '../s-mega-menu/types';
+import { SMobileDockProps } from '../s-mobile-dock/s-mobile-dock';
 import { SMovingBorderProps } from '../s-moving-border/s-moving-border';
 import { SNavItemProps } from '../s-nav-item/s-nav-item';
 import { SNavItemsProps } from '../s-nav-items/s-nav-items';
+import { SNumberRangeProps } from '../s-number-range/s-number-range';
 import { SPaginationProps } from '../s-pagination/s-pagination';
 import { SPixelRevealProps } from '../s-pixel-reveal/s-pixel-reveal';
+import { SPopoverProps } from '../s-popover/s-popover';
+import { SPopoverContentProps } from '../s-popover/s-popover-content';
+import { SProductCardProps } from '../s-product-card/s-product-card';
+import { SProductGalleryProps } from '../s-product-gallery/s-product-gallery';
 import { SQuantityInputProps } from '../s-quantity-input/s-quantity-input';
 import { SRadialPulseAnimateProps } from '../s-radial-pulse-animate/s-radial-pulse-animate';
 import { SReviewProps } from '../s-review/s-review';
 import { SScrollToTopProps } from '../s-scroll-to-top/s-scroll-to-top';
 import { SScrollVelocityProps } from '../s-scroll-velocity/s-scroll-velocity';
+import { SSegmentedControlProps } from '../s-segmented-control/s-segmented-control';
 import { SSelectListProps } from '../s-select-list/s-select-list';
 import { SSelectProps } from '../s-select/s-select';
 import { SSkeletonProps } from '../s-skeleton/s-skeleton';
 import { SSnackbarMessageProps } from '../s-snackbar-message/s-snackbar-message';
 import { SSpotlightCursorProps } from '../s-spotlight-cursor/s-spotlight-cursor';
 import { SStatusIllustrationProps } from '../s-status-illustration/s-status-illustration';
+import { SStepperProps } from '../s-stepper/s-stepper';
+import { SSwatchProps } from '../s-swatch/s-swatch';
 import { SSwitchProps } from '../s-switch/s-switch';
 import { STabPanelProps } from '../s-tabs/s-tab-panel';
 import { STabsProps } from '../s-tabs/s-tabs';
@@ -65,6 +81,8 @@ declare module '@mui/material/styles' {
     interface ComponentsPropsList {
         SAccordion: SAccordionProps;
         SActionOverlay: SActionOverlayProps;
+        SAnimatedGradientText: SAnimatedGradientTextProps;
+        SAnnouncementBar: SAnnouncementBarProps;
         SAutocomplete: SAutocompleteProps<unknown, boolean | undefined, boolean | undefined, boolean | undefined>;
         SAvatar: SAvatarProps;
         SBlurText: SBlurTextProps;
@@ -73,6 +91,7 @@ declare module '@mui/material/styles' {
         SCategoryCard: SCategoryCardProps;
         SChatInput: SChatInputProps;
         SChatMessage: SChatMessageProps;
+        SStepper: SStepperProps;
         SCommentMessage: SCommentMessageProps;
         SCheckbox: SCheckboxProps;
         SChips: SChipsProps;
@@ -89,30 +108,43 @@ declare module '@mui/material/styles' {
         SFlexBox: SFlexBoxProps;
         SGallery: SGalleryProps;
         SGlowButton: SGlowButtonProps;
+        SGradientBlobPulse: SGradientBlobPulseProps;
         SGradientIcon: SGradientIconProps;
         SIconButton: SIconButtonProps;
         SImageViewer: SImageViewerProps;
         SImageComparison: SImageComparisonProps;
+        SInteractiveCard: SInteractiveCardProps;
         SLabel: SLabelProps;
         SLanguagePopover: SLanguagePopoverProps;
         SLanguageSwitcher: SLanguageSwitcherProps;
         SLazyImage: SLazyImageProps;
+        SListActionItem: SListActionItemProps;
+        SMegaMenu: SMegaMenuProps<unknown>;
+        SMobileDock: SMobileDockProps;
         SMovingBorder: SMovingBorderProps;
         SNavItem: SNavItemProps;
         SNavItems: SNavItemsProps;
+        SNumberRange: SNumberRangeProps;
         SPagination: SPaginationProps;
         SPixelReveal: SPixelRevealProps;
+        SPopoverContent: SPopoverContentProps;
+        SPopover: SPopoverProps;
+        SProductCard: SProductCardProps;
+        SProductGallery: SProductGalleryProps;
         SQuantityInput: SQuantityInputProps;
         SRadialPulseAnimate: SRadialPulseAnimateProps;
         SReview: SReviewProps;
         SScrollToTop: SScrollToTopProps;
         SScrollVelocity: SScrollVelocityProps;
+        SSegmentedControl: SSegmentedControlProps<string>;
         SSelect: SSelectProps;
         SSelectList: SSelectListProps<unknown>;
+        SDrawer: SDrawerProps;
         SSkeleton: SSkeletonProps;
         SSnackbarMessage: SSnackbarMessageProps;
         SSpotlightCursor: SSpotlightCursorProps;
         SStatusIllustration: SStatusIllustrationProps;
+        SSwatch: SSwatchProps;
         SSwitch: SSwitchProps;
         STabPanel: STabPanelProps;
         STabs: STabsProps;
@@ -130,6 +162,8 @@ declare module '@mui/material/styles' {
     interface ComponentNameToClassKey {
         SAccordion: 'root';
         SActionOverlay: 'root';
+        SAnimatedGradientText: 'root';
+        SAnnouncementBar: 'actions' | 'badge' | 'container' | 'dismissButton' | 'expandToggle' | 'glowEnd' | 'glowStart' | 'message' | 'root';
         SAutocomplete: 'root';
         SAvatar: 'root';
         SBlurText: 'root';
@@ -138,6 +172,7 @@ declare module '@mui/material/styles' {
         SCategoryCard: 'root' | 'title';
         SChatInput: 'root';
         SChatMessage: 'root';
+        SStepper: 'connector' | 'icon' | 'label' | 'root' | 'step';
         SCommentMessage: 'root';
         SCheckbox: 'root';
         SChips: 'root';
@@ -154,30 +189,43 @@ declare module '@mui/material/styles' {
         SFlexBox: 'root';
         SGallery: 'root';
         SGlowButton: 'root';
+        SGradientBlobPulse: 'blob' | 'content' | 'root';
         SGradientIcon: 'root';
         SIconButton: 'root';
         SImageViewer: 'root';
         SImageComparison: 'root';
+        SInteractiveCard: 'actionArea' | 'overlay' | 'root';
         SLabel: 'root';
         SLanguagePopover: 'root';
         SLanguageSwitcher: 'root';
         SLazyImage: 'image' | 'root' | 'skeleton';
+        SListActionItem: 'description' | 'icon' | 'label' | 'root' | 'text' | 'trailing';
+        SMegaMenu: 'column' | 'heading' | 'item' | 'panel' | 'popover' | 'root' | 'submenu' | 'submenuNode' | 'trigger' | 'triggerArrow';
+        SMobileDock: 'action' | 'badge' | 'icon' | 'label' | 'root';
         SMovingBorder: 'root';
-        SNavItem: 'root';
+        SNavItem: 'icon' | 'item' | 'label' | 'root' | 'trailing';
         SNavItems: 'root';
+        SNumberRange: 'inputs' | 'label' | 'maxInput' | 'minInput' | 'root' | 'separator' | 'slider';
         SPagination: 'root';
         SPixelReveal: 'root';
+        SPopoverContent: 'root';
+        SPopover: 'paper' | 'root';
+        SProductCard: 'actions' | 'badge' | 'content' | 'favoriteButton' | 'footer' | 'hoverActions' | 'hoverImage' | 'image' | 'link' | 'media' | 'meta' | 'originalPrice' | 'price' | 'rating' | 'root' | 'swatches' | 'title';
+        SProductGallery: 'carousel' | 'image' | 'media' | 'root' | 'stage' | 'thumbnail' | 'thumbnails' | 'video' | 'videoFrame' | 'videoIndicator' | 'videoPlayButton';
         SQuantityInput: 'root';
         SRadialPulseAnimate: 'label' | 'root';
         SReview: 'root';
         SScrollToTop: 'root';
         SScrollVelocity: 'root';
+        SSegmentedControl: 'badge' | 'icon' | 'indicator' | 'label' | 'option' | 'root';
         SSelect: 'root';
         SSelectList: 'details' | 'item' | 'label' | 'option' | 'radio' | 'root' | 'transition';
+        SDrawer: 'body' | 'closeButton' | 'header' | 'headerActions' | 'root' | 'title';
         SSkeleton: 'root';
         SSnackbarMessage: 'root';
         SSpotlightCursor: 'root';
         SStatusIllustration: 'root';
+        SSwatch: 'image' | 'indicator' | 'root' | 'strikethrough' | 'swatch';
         SSwitch: 'root';
         STabPanel: 'root';
         STabs: 'root';
@@ -195,6 +243,8 @@ declare module '@mui/material/styles' {
     interface Components<Theme = unknown> {
         SAccordion?: CustomComponent<'SAccordion', Theme>;
         SActionOverlay?: CustomComponent<'SActionOverlay', Theme>;
+        SAnimatedGradientText?: CustomComponent<'SAnimatedGradientText', Theme>;
+        SAnnouncementBar?: CustomComponent<'SAnnouncementBar', Theme>;
         SAutocomplete?: CustomComponent<'SAutocomplete', Theme>;
         SAvatar?: CustomComponent<'SAvatar', Theme>;
         SBlurText?: CustomComponent<'SBlurText', Theme>;
@@ -203,6 +253,7 @@ declare module '@mui/material/styles' {
         SCategoryCard?: CustomComponent<'SCategoryCard', Theme>;
         SChatInput?: CustomComponent<'SChatInput', Theme>;
         SChatMessage?: CustomComponent<'SChatMessage', Theme>;
+        SStepper?: CustomComponent<'SStepper', Theme>;
         SCommentMessage?: CustomComponent<'SCommentMessage', Theme>;
         SCheckbox?: CustomComponent<'SCheckbox', Theme>;
         SChips?: CustomComponent<'SChips', Theme>;
@@ -219,30 +270,43 @@ declare module '@mui/material/styles' {
         SFlexBox?: CustomComponent<'SFlexBox', Theme>;
         SGallery?: CustomComponent<'SGallery', Theme>;
         SGlowButton?: CustomComponent<'SGlowButton', Theme>;
+        SGradientBlobPulse?: CustomComponent<'SGradientBlobPulse', Theme>;
         SGradientIcon?: CustomComponent<'SGradientIcon', Theme>;
         SIconButton?: CustomComponent<'SIconButton', Theme>;
         SImageViewer?: CustomComponent<'SImageViewer', Theme>;
         SImageComparison?: CustomComponent<'SImageComparison', Theme>;
+        SInteractiveCard?: CustomComponent<'SInteractiveCard', Theme>;
         SLabel?: CustomComponent<'SLabel', Theme>;
         SLanguagePopover?: CustomComponent<'SLanguagePopover', Theme>;
         SLanguageSwitcher?: CustomComponent<'SLanguageSwitcher', Theme>;
         SLazyImage?: CustomComponent<'SLazyImage', Theme>;
+        SListActionItem?: CustomComponent<'SListActionItem', Theme>;
+        SMegaMenu?: CustomComponent<'SMegaMenu', Theme>;
+        SMobileDock?: CustomComponent<'SMobileDock', Theme>;
         SMovingBorder?: CustomComponent<'SMovingBorder', Theme>;
         SNavItem?: CustomComponent<'SNavItem', Theme>;
         SNavItems?: CustomComponent<'SNavItems', Theme>;
+        SNumberRange?: CustomComponent<'SNumberRange', Theme>;
         SPagination?: CustomComponent<'SPagination', Theme>;
         SPixelReveal?: CustomComponent<'SPixelReveal', Theme>;
+        SPopoverContent?: CustomComponent<'SPopoverContent', Theme>;
+        SPopover?: CustomComponent<'SPopover', Theme>;
+        SProductCard?: CustomComponent<'SProductCard', Theme>;
+        SProductGallery?: CustomComponent<'SProductGallery', Theme>;
         SQuantityInput?: CustomComponent<'SQuantityInput', Theme>;
         SRadialPulseAnimate?: CustomComponent<'SRadialPulseAnimate', Theme>;
         SReview?: CustomComponent<'SReview', Theme>;
         SScrollToTop?: CustomComponent<'SScrollToTop', Theme>;
         SScrollVelocity?: CustomComponent<'SScrollVelocity', Theme>;
+        SSegmentedControl?: CustomComponent<'SSegmentedControl', Theme>;
         SSelect?: CustomComponent<'SSelect', Theme>;
         SSelectList?: CustomComponent<'SSelectList', Theme>;
+        SDrawer?: CustomComponent<'SDrawer', Theme>;
         SSkeleton?: CustomComponent<'SSkeleton', Theme>;
         SSnackbarMessage?: CustomComponent<'SSnackbarMessage', Theme>;
         SSpotlightCursor?: CustomComponent<'SSpotlightCursor', Theme>;
         SStatusIllustration?: CustomComponent<'SStatusIllustration', Theme>;
+        SSwatch?: CustomComponent<'SSwatch', Theme>;
         SSwitch?: CustomComponent<'SSwitch', Theme>;
         STabPanel?: CustomComponent<'STabPanel', Theme>;
         STabs?: CustomComponent<'STabs', Theme>;

package/dist/theme/components/drawer.d.ts

@@ -7,6 +7,7 @@ export declare const MuiDrawer: {
             theme: Theme;
         }) => {
             backgroundColor: string;
+            backgroundImage: "none";
         };
     };
 };

package/dist/theme/components/drawer.js

@@ -1,4 +1,7 @@
 //#region lib/theme/components/drawer.tsx
-var e = { styleOverrides: { paper: ({ theme: e }) => ({ backgroundColor: (e.vars ?? e).palette.background.default }) } };
+var e = { styleOverrides: { paper: ({ theme: e }) => ({
+	backgroundColor: (e.vars ?? e).palette.background.default,
+	backgroundImage: "none"
+}) } };
 //#endregion
 export { e as MuiDrawer };

package/dist/theme/components/slider.js

@@ -1,7 +1,24 @@
 import { tint as e } from "../utils.js";
 //#region lib/theme/components/slider.tsx
 var t = { styleOverrides: {
-	valueLabel: ({ theme: e }) => ({ borderRadius: (e.vars ?? e).shape.borderRadius }),
+	valueLabel: ({ theme: e }) => ({
+		...e.typography.body1,
+		backgroundColor: (e.vars ?? e).palette.background.default,
+		border: "1px solid",
+		borderColor: (e.vars ?? e).palette.divider,
+		borderRadius: (e.vars ?? e).shape.borderRadius,
+		color: (e.vars ?? e).palette.text.primary,
+		padding: e.spacing(.5, 1),
+		zIndex: e.zIndex.tooltip,
+		"&::before": {
+			backgroundColor: "inherit",
+			borderBottom: "1px solid",
+			borderBottomColor: (e.vars ?? e).palette.divider,
+			borderRight: "1px solid",
+			borderRightColor: (e.vars ?? e).palette.divider,
+			boxSizing: "border-box"
+		}
+	}),
 	thumb: ({ theme: t }) => {
 		let n = e((t.vars ?? t).palette.primary.main, 16);
 		return {

package/dist/theme/components/step-connector.d.ts

@@ -6,10 +6,7 @@ export declare const MuiStepConnector: {
         } & {
             theme: Theme;
         }) => {
-            borderTop: string;
             borderColor: string;
-            flex: number;
-            borderRadius: number;
         };
     };
 };

package/dist/theme/components/step-connector.js

@@ -1,9 +1,4 @@
 //#region lib/theme/components/step-connector.tsx
-var e = { styleOverrides: { line: ({ theme: e }) => ({
-	borderTop: "1px solid",
-	borderColor: (e.vars ?? e).palette.divider,
-	flex: 1,
-	borderRadius: e.radius.full
-}) } };
+var e = { styleOverrides: { line: ({ theme: e }) => ({ borderColor: (e.vars ?? e).palette.divider }) } };
 //#endregion
 export { e as MuiStepConnector };

package/dist/theme/components/step-icon.d.ts

@@ -6,15 +6,6 @@ export declare const MuiStepIcon: {
         } & {
             theme: Theme;
         }) => {
-            variants: {
-                props: {
-                    completed: true;
-                };
-                style: {
-                    width: number;
-                    height: number;
-                };
-            }[];
             accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
             alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
             alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
@@ -154,7 +145,7 @@ export declare const MuiStepIcon: {
             fontLanguageOverride?: readonly string[] | import("csstype").Property.FontLanguageOverride | readonly import("csstype").Property.FontLanguageOverride[] | undefined;
             fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | readonly NonNullable<import("csstype").Property.FontOpticalSizing | undefined>[] | readonly import("csstype").Property.FontOpticalSizing[] | undefined;
             fontPalette?: readonly string[] | import("csstype").Property.FontPalette | readonly import("csstype").Property.FontPalette[] | undefined;
-            fontSize?: import("csstype").Property.FontSize<string | number> | readonly NonNullable<import("csstype").Property.FontSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
+            fontSize: string | number | readonly NonNullable<import("csstype").Property.FontSize<string | number> | undefined>[];
             fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | readonly NonNullable<import("csstype").Property.FontSizeAdjust | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none" | "from-font")[] | undefined;
             fontSmooth?: readonly string[] | import("csstype").Property.FontSmooth<string | number> | readonly NonNullable<import("csstype").Property.FontSmooth<string | number> | undefined>[] | undefined;
             fontStyle?: readonly string[] | import("csstype").Property.FontStyle | readonly import("csstype").Property.FontStyle[] | undefined;
@@ -186,7 +177,7 @@ export declare const MuiStepIcon: {
             gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | readonly NonNullable<import("csstype").Property.GridTemplateColumns<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | readonly NonNullable<import("csstype").Property.GridTemplateRows<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             hangingPunctuation?: readonly string[] | import("csstype").Property.HangingPunctuation | readonly import("csstype").Property.HangingPunctuation[] | undefined;
-            height: string | number | readonly NonNullable<import("csstype").Property.Height<string | number> | undefined>[];
+            height?: import("csstype").Property.Height<string | number> | readonly NonNullable<import("csstype").Property.Height<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             hyphenateCharacter?: readonly string[] | import("csstype").Property.HyphenateCharacter | readonly import("csstype").Property.HyphenateCharacter[] | undefined;
             hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | readonly NonNullable<import("csstype").Property.HyphenateLimitChars | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             hyphens?: import("csstype").Property.Hyphens | readonly NonNullable<import("csstype").Property.Hyphens | undefined>[] | readonly import("csstype").Property.Hyphens[] | undefined;
@@ -426,7 +417,7 @@ export declare const MuiStepIcon: {
             whiteSpace?: readonly string[] | import("csstype").Property.WhiteSpace | readonly import("csstype").Property.WhiteSpace[] | undefined;
             whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | readonly NonNullable<import("csstype").Property.WhiteSpaceCollapse | undefined>[] | readonly import("csstype").Property.WhiteSpaceCollapse[] | undefined;
             widows?: import("csstype").Property.Widows | readonly NonNullable<import("csstype").Property.Widows | undefined>[] | readonly ((string & {}) | import('csstype').Globals)[] | undefined;
-            width: string | number | readonly NonNullable<import("csstype").Property.Width<string | number> | undefined>[];
+            width?: import("csstype").Property.Width<string | number> | readonly NonNullable<import("csstype").Property.Width<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             willChange?: readonly string[] | import("csstype").Property.WillChange | readonly import("csstype").Property.WillChange[] | undefined;
             wordBreak?: import("csstype").Property.WordBreak | readonly NonNullable<import("csstype").Property.WordBreak | undefined>[] | readonly import("csstype").Property.WordBreak[] | undefined;
             wordSpacing?: readonly string[] | import("csstype").Property.WordSpacing<string | number> | readonly NonNullable<import("csstype").Property.WordSpacing<string | number> | undefined>[] | undefined;

package/dist/theme/components/step-icon.js

@@ -2,8 +2,7 @@
 var e = { styleOverrides: { root: ({ theme: e }) => ({
 	color: "transparent",
 	border: `1px solid ${(e.vars ?? e).palette.grey[400]}`,
-	width: 12,
-	height: 12,
+	fontSize: e.typography.pxToRem(24),
 	borderRadius: "50%",
 	"& text": { display: "none" },
 	"&.Mui-active": {
@@ -20,18 +19,8 @@ var e = { styleOverrides: { root: ({ theme: e }) => ({
 			border: "none",
 			color: (e.vars ?? e).palette.primary.light
 		},
-		"&.Mui-completed": {
-			border: "none",
-			color: (e.vars ?? e).palette.success.light
-		}
-	}),
-	variants: [{
-		props: { completed: !0 },
-		style: {
-			width: 12,
-			height: 12
-		}
-	}]
+		"&.Mui-completed": { border: "none" }
+	})
 }) } };
 //#endregion
 export { e as MuiStepIcon };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",
@@ -53,6 +53,7 @@
   "scripts": {
     "build": "tsc --p ./tsconfig-build.json && vite build",
     "dev": "tsc --p ./tsconfig-build.json --watch",
+    "test": "vitest run",
     "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint . --fix --report-unused-disable-directives --max-warnings 0",
     "format": "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,mdx,json,md}\" --cache",
@@ -175,6 +176,8 @@
     "@mui/x-date-pickers": "^9.2.0",
     "@stripe/react-stripe-js": "^5.6.1",
     "@stripe/stripe-js": "^8.11.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
     "@tiptap/core": "^3.23.4",
     "@tiptap/extension-link": "^3.23.4",
     "@tiptap/extension-placeholder": "^3.23.4",
@@ -202,6 +205,7 @@
     "husky": "^9.1.7",
     "i18next": "^25.10.10",
     "i18next-http-backend": "^3.0.6",
+    "jsdom": "^30.0.1",
     "lint-staged": "^16.4.0",
     "overlayscrollbars": "^2.16.0",
     "overlayscrollbars-react": "^0.5.6",
@@ -218,7 +222,8 @@
     "uuid": "^13.0.2",
     "vite": "^8.0.13",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2"
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^4.1.10"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const components: Components<Theme>;

package/dist/theme/components/slider.d.ts

@@ -1,34 +0,0 @@
-import { Theme } from '../types';
-export declare const MuiSlider: {
-    styleOverrides: {
-        valueLabel: ({ theme }: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
-            component?: React.ElementType | undefined;
-        } & Record<string, unknown> & {
-            ownerState: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
-                component?: React.ElementType | undefined;
-            } & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            borderRadius: string | number;
-        };
-        thumb: ({ theme }: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
-            component?: React.ElementType | undefined;
-        } & Record<string, unknown> & {
-            ownerState: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
-                component?: React.ElementType | undefined;
-            } & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            width: number;
-            height: number;
-            '&:hover, &.Mui-focusVisible': {
-                boxShadow: string;
-            };
-            '&.Mui-active': {
-                boxShadow: string;
-            };
-        };
-    };
-};