@solostylist/ui-kit 2.0.0 → 2.0.2

package/dist/s-text-field/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-text-field-BM4qk0mf.js";
+import { t as e } from "../s-text-field-HYyDf1Jo.js";
 export { e as STextField, e as default };

package/dist/s-text-field/s-text-field.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-text-field-BM4qk0mf.js";
+import { t as e } from "../s-text-field-HYyDf1Jo.js";
 export { e as STextField, e as default };

package/dist/{s-text-field-BM4qk0mf.js → s-text-field-HYyDf1Jo.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./createSvgIcon-B0SZlJF1.js";
-import { t } from "./mergeSlotProps-xl1-PgWL.js";
-import { n } from "./inputBaseClasses-DuWQGq8Z.js";
-import { a as r, t as i } from "./field-label-styles-BOyhp6gw.js";
+import { t as e } from "./createSvgIcon-3y-gS0r1.js";
+import { t } from "./mergeSlotProps-DC8r4QzS.js";
+import { n } from "./inputBaseClasses-Ce_jjdp9.js";
+import { a as r, t as i } from "./field-label-styles-4praXMaE.js";
 import { forwardRef as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 import { IconButton as c, InputAdornment as l, TextField as u, styled as d, useThemeProps as f } from "@mui/material";

package/dist/s-text-shimmer/s-text-shimmer.js

@@ -1,6 +1,6 @@
 import { s as e } from "../defaultTheme-BaGcIzCh.js";
 import { t } from "../styled-Bog8QCl3.js";
-import { t as n } from "../useThemeProps-Cr28OQu3.js";
+import { t as n } from "../useThemeProps-Dw9dmKyT.js";
 import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
 import { Typography as a } from "@mui/material";

package/dist/s-text-truncation/s-text-truncation.js

@@ -1,5 +1,5 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CELpvdMz.js";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
 import * as n from "react";
 import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/s-theme-demo/s-theme-demo.js

@@ -1,5 +1,5 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../theme-demo-components-section-gtIYRngY.js";
+import { t } from "../theme-demo-components-section-C7l_2KAo.js";
 import { TypographySection as n } from "./theme-demo-typography-section.js";
 import { ShadowSection as r } from "./theme-demo-shadow-section.js";
 import { InteractiveSection as i } from "./theme-demo-interactive-section.js";

package/dist/s-theme-demo/theme-demo-color-ramps-section.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../colors-DKqWMRgW.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../colors-Bik9qOU9.js";
 import "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Box as g, Card as _, CardContent as v, Stack as y, Typography as b } from "@mui/material";

package/dist/s-theme-demo/theme-demo-components-section.js

@@ -1,2 +1,2 @@
-import { t as e } from "../theme-demo-components-section-gtIYRngY.js";
+import { t as e } from "../theme-demo-components-section-C7l_2KAo.js";
 export { e as SoloStylistSection };

package/dist/s-theme-provider/s-theme-provider.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../theme-primitives-Dt_DT9b5.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../theme-primitives-CXtaMdVj.js";
 import { components as s } from "../theme/components/components.js";
 import * as c from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";

package/dist/s-theme-switch/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-theme-switch-BLMz1_m2.js";
+import { t as e } from "../s-theme-switch-BFWpADh3.js";
 export { e as SThemeSwitch, e as default };

package/dist/s-theme-switch/s-theme-switch.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-theme-switch-BLMz1_m2.js";
+import { t as e } from "../s-theme-switch-BFWpADh3.js";
 export { e as SThemeSwitch, e as default };

package/dist/{s-theme-switch-BLMz1_m2.js → s-theme-switch-BFWpADh3.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./useForkRef-CKneCEtr.js";
-import { t } from "./createSvgIcon-B0SZlJF1.js";
+import { t as e } from "./useForkRef-BuNFTXxE.js";
+import { t } from "./createSvgIcon-3y-gS0r1.js";
 import { forwardRef as n, useCallback as r, useRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import { flushSync as o } from "react-dom";

package/dist/s-tip/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-tip-ty41ePQm.js";
+import { t as e } from "../s-tip-jbL7vtoU.js";
 export { e as STip, e as default };

package/dist/s-tip/s-tip.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-tip-ty41ePQm.js";
+import { t as e } from "../s-tip-jbL7vtoU.js";
 export { e as STip, e as default };

package/dist/{s-tip-ty41ePQm.js → s-tip-jbL7vtoU.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./styled-Bog8QCl3.js";
-import { t } from "./Stack-UMc4dV4G.js";
-import { t as n } from "./useThemeProps-Cr28OQu3.js";
+import { t } from "./Stack-C0LGzM4c.js";
+import { t as n } from "./useThemeProps-Dw9dmKyT.js";
 import { toSxArray as r } from "./utils/sx.js";
-import { t as i } from "./appendOwnerState-CELpvdMz.js";
-import { t as a } from "./createSvgIcon-B0SZlJF1.js";
-import { t as o } from "./Typography-yXjc7kVP.js";
+import { t as i } from "./appendOwnerState-CFQTq3pb.js";
+import { t as a } from "./createSvgIcon-3y-gS0r1.js";
+import { t as o } from "./Typography-_P0svrkO.js";
 import * as s from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/icons-material/LightbulbOutlined.mjs

package/dist/s-tool-bar/s-tool-bar.js

@@ -1,8 +1,8 @@
 import { toSxArray as e } from "../utils/sx.js";
 import { tint as t } from "../theme/utils.js";
-import { t as n } from "../appendOwnerState-CELpvdMz.js";
-import { t as r } from "../mergeSlotProps-xl1-PgWL.js";
-import { t as i } from "../tool-bar-action-buttons-Dt-pV3GA.js";
+import { t as n } from "../appendOwnerState-CFQTq3pb.js";
+import { t as r } from "../mergeSlotProps-DC8r4QzS.js";
+import { t as i } from "../tool-bar-action-buttons-v1koaasr.js";
 import { getToolBarInputValue as a, groupInputsByType as o, hasVisibleInputSection as ee, isProcessActionDisabled as te, isRequiredInputFilled as s } from "./utils.js";
 import { ToolbarInputItem as c } from "./tool-bar-inputs.js";
 import * as l from "react";

package/dist/s-tool-bar/tool-bar-action-buttons.js

@@ -1,2 +1,2 @@
-import { t as e } from "../tool-bar-action-buttons-Dt-pV3GA.js";
+import { t as e } from "../tool-bar-action-buttons-v1koaasr.js";
 export { e as ToolbarActionButtons };

package/dist/s-tool-bar/tool-bar-image-input.js

@@ -1,2 +1,2 @@
-import { t as e } from "../tool-bar-image-input-BXlll_hV.js";
+import { t as e } from "../tool-bar-image-input-DtXTyEe1.js";
 export { e as ImageInput };

package/dist/s-tool-bar/tool-bar-inputs.js

@@ -1,7 +1,7 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../mergeSlotProps-xl1-PgWL.js";
-import { t as n } from "../tool-bar-image-input-BXlll_hV.js";
-import { t as r } from "../s-select-dwY2DYa9.js";
+import { t } from "../mergeSlotProps-DC8r4QzS.js";
+import { t as n } from "../tool-bar-image-input-DtXTyEe1.js";
+import { t as r } from "../s-select-CtVKEOZ5.js";
 import i from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Box as s, Slider as c, TextField as l, Typography as u, outlinedInputClasses as d } from "@mui/material";

package/dist/s-tool-item/s-tool-item.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps, TypographyProps } from '@mui/material';
-import { SNavItemButtonProps } from '../s-nav-item';
+import { SNavItemRowProps } from '../s-nav-item';
 import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
 import * as React from 'react';
 export interface SToolItemOwnerState extends SToolItemProps {
@@ -9,12 +9,16 @@ export interface SToolItemOwnerState extends SToolItemProps {
 }
 type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SToolItemOwnerState>;
 export interface SToolItemSlots {
+    /** Interactive tile element, or the row element when `expanded`. */
     button?: React.ElementType;
-    primary?: React.ElementType;
+    /** Visible label element. */
+    label?: React.ElementType;
 }
 export interface SToolItemSlotProps {
-    button?: OwnerStateSlotProps<SNavItemButtonProps>;
-    primary?: OwnerStateSlotProps<TypographyProps>;
+    /** Props or owner-state callback for the tile/row slot. */
+    button?: OwnerStateSlotProps<SNavItemRowProps>;
+    /** Props or owner-state callback for the label slot. */
+    label?: OwnerStateSlotProps<TypographyProps>;
 }
 /** Props for a compact tool navigation item. */
 export interface SToolItemProps extends Omit<BoxProps<'li'>, 'children' | 'component' | 'onClick'> {
@@ -24,10 +28,10 @@ export interface SToolItemProps extends Omit<BoxProps<'li'>, 'children' | 'compo
     expanded?: boolean;
     /** Tool icon. */
     icon?: React.ReactNode;
+    /** Visible tool label. */
+    label: React.ReactNode;
     /** Called when the tool is activated. */
     onClick?: React.MouseEventHandler<HTMLElement>;
-    /** Visible tool label. */
-    primary: React.ReactNode;
     /** Selected navigation state. */
     selected?: boolean;
     /** Components used for internal structural slots. */

package/dist/s-tool-item/s-tool-item.js

@@ -1,5 +1,5 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CELpvdMz.js";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
 import { SNavItem as n } from "../s-nav-item/s-nav-item.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -21,37 +21,37 @@ var p = r.forwardRef(function(n, r) {
 	let c = l({
 		props: n,
 		name: "SToolItem"
-	}), { disabled: p = !1, expanded: m = !1, icon: h, onClick: g, primary: _, selected: v = !1, slotProps: y, slots: b, sx: x, ...S } = c, C = {
+	}), { disabled: p = !1, expanded: m = !1, icon: h, label: g, onClick: _, selected: v = !1, slotProps: y, slots: b, sx: x, ...S } = c, C = {
 		...c,
 		disabled: p,
 		expanded: m,
 		selected: v
-	}, w = f(y?.button, C), T = f(y?.primary, C), { onClick: E, ...D } = w ?? {}, O = E, k = (e) => {
-		O?.(e), e.defaultPrevented || g?.(e);
+	}, w = f(y?.button, C), T = f(y?.label, C), { onClick: E, ...D } = w ?? {}, O = E, k = (e) => {
+		O?.(e), e.defaultPrevented || _?.(e);
 	};
 	if (m) {
-		let n = t(b?.button, D, C), a = t(b?.primary, T ?? {}, C);
+		let n = t(b?.button, D, C), a = t(b?.label, T ?? {}, C);
 		return /* @__PURE__ */ i(d, {
 			...S,
 			disabled: p,
 			icon: h,
+			label: g,
 			onClick: k,
 			ownerState: C,
-			primary: _,
 			ref: r,
 			selected: v,
 			slots: {
-				button: b?.button,
-				primary: b?.primary
+				item: b?.button,
+				label: b?.label
 			},
 			slotProps: {
-				button: n,
-				primary: a
+				item: n,
+				label: a
 			},
 			sx: [{ cursor: p ? "not-allowed" : void 0 }, ...e(x)]
 		});
 	}
-	let A = b?.button ?? o, j = b?.primary ?? s, { sx: M, ...N } = D, { sx: P, ...F } = T ?? {}, I = t(b?.button, N, C), L = t(b?.primary, F, C), R = typeof _ == "string" ? _ : void 0;
+	let A = b?.button ?? o, j = b?.label ?? s, { sx: M, ...N } = D, { sx: P, ...F } = T ?? {}, I = t(b?.button, N, C), L = t(b?.label, F, C), R = typeof g == "string" ? g : void 0;
 	return /* @__PURE__ */ i(u, {
 		...S,
 		ownerState: C,
@@ -66,7 +66,7 @@ var p = r.forwardRef(function(n, r) {
 			"aria-label": R,
 			disabled: p,
 			onClick: (e) => {
-				O?.(e), e.defaultPrevented || g?.(e);
+				O?.(e), e.defaultPrevented || _?.(e);
 			},
 			title: R,
 			sx: [{
@@ -106,7 +106,7 @@ var p = r.forwardRef(function(n, r) {
 					maxWidth: "100%",
 					overflowWrap: "anywhere"
 				}, ...e(P)],
-				children: _
+				children: g
 			})]
 		})
 	});

package/dist/s-two-pane-layout/s-two-pane-layout.js

@@ -1,5 +1,5 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CELpvdMz.js";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
 import { SOverlayScrollbar as n } from "../s-overlay-scrollbar/s-overlay-scrollbar.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/s-zoom-image/s-zoom-image.js

@@ -1,7 +1,7 @@
 import { t as e } from "../styled-Bog8QCl3.js";
-import { t } from "../useThemeProps-Cr28OQu3.js";
+import { t } from "../useThemeProps-Dw9dmKyT.js";
 import { toSxArray as n } from "../utils/sx.js";
-import { t as r } from "../mergeSlotProps-xl1-PgWL.js";
+import { t as r } from "../mergeSlotProps-DC8r4QzS.js";
 import { SLazyImage as i } from "../s-lazy-image/s-lazy-image.js";
 import a, { useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";

package/dist/setRef-BWPyWnrr.js

@@ -0,0 +1,6 @@
+//#region ../../node_modules/@mui/utils/setRef/setRef.mjs
+function e(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+//#endregion
+export { e as t };

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/autocomplete.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../autocomplete-B_4y84Ba.js";
+import { t as e } from "../../autocomplete-BgARERpp.js";
 export { e as MuiAutocomplete };

package/dist/theme/components/avatar.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../avatar-BHuZu3DN.js";
+import { t as e } from "../../avatar-XNOdbbRz.js";
 export { e as MuiAvatar };

package/dist/theme/components/card.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../colorManipulator-DmUjcif3.js";
-import { r as t } from "../../colors-DKqWMRgW.js";
+import { r as t } from "../../colors-Bik9qOU9.js";
 //#region lib/theme/components/card.tsx
 var n = { styleOverrides: { root: ({ theme: n }) => ({
 	gap: 16,

package/dist/theme/components/checkbox.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../checkbox-BKMZEVU5.js";
+import { t as e } from "../../checkbox-D1U_JKqs.js";
 export { e as MuiCheckbox };

package/dist/theme/components/chip.js

@@ -1,5 +1,5 @@
 import { actionHoverMedia as e, getFocusVisibleStyle as t, getSemanticActionTokens as n, isSemanticActionColor as r } from "./action-styles.js";
-import { t as i } from "../../Close-o4HFfK0I.js";
+import { t as i } from "../../Close-CIYOM-Sc.js";
 import { jsx as a } from "react/jsx-runtime";
 import { chipClasses as o } from "@mui/material";
 //#region lib/theme/components/chip.tsx

package/dist/theme/components/components.js

@@ -1,6 +1,6 @@
 import { MuiYearCalendar as e } from "./year-calendar.js";
 import { MuiTooltip as t } from "./tooltip.js";
-import { t as n } from "../../toggle-button-Cxi5CfXC.js";
+import { t as n } from "../../toggle-button-BsGb-tOr.js";
 import { MuiToggleButtonGroup as r } from "./toggle-button-group.js";
 import { MuiTabs as i } from "./tabs.js";
 import { MuiTablePagination as a } from "./table-pagination.js";
@@ -55,9 +55,9 @@ import { MuiAccordionDetails as $ } from "./accordion-details.js";
 import { MuiAccordionSummary as ee } from "./accordion-summary.js";
 import { MuiAlert as te } from "./alert.js";
 import { MuiAppBar as ne } from "./app-bar.js";
-import { t as re } from "../../autocomplete-B_4y84Ba.js";
-import { t as ie } from "../../checkbox-BKMZEVU5.js";
-import { t as ae } from "../../avatar-BHuZu3DN.js";
+import { t as re } from "../../autocomplete-BgARERpp.js";
+import { t as ie } from "../../checkbox-D1U_JKqs.js";
+import { t as ae } from "../../avatar-XNOdbbRz.js";
 import { MuiBackdrop as oe } from "./backdrop.js";
 import { MuiButton as se } from "./button.js";
 import { MuiButtonBase as ce } from "./button-base.js";

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.paper,
+	backgroundImage: "none"
+}) } };
 //#endregion
 export { e as MuiDrawer };

package/dist/theme/components/field-label-styles.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../field-label-styles-BOyhp6gw.js";
+import { t as e } from "../../field-label-styles-4praXMaE.js";
 export { e as staticFieldLabelStyles };

package/dist/theme/components/form-label.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../formLabelClasses-B0Fa-86T.js";
+import { t as e } from "../../formLabelClasses-AuZHWfTs.js";
 //#region lib/theme/components/form-label.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	color: (t.vars ?? t).palette.text.primary,