@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/theme/components/year-calendar.js

@@ -1,30 +1,39 @@
-import { n as e } from "../../yearCalendarClasses-DypEe_Vn.js";
-//#region lib/theme/components/year-calendar.tsx
-var t = { styleOverrides: {
-	root: ({ theme: e }) => ({
-		width: e.spacing(38),
-		paddingLeft: e.spacing(2),
-		paddingRight: e.spacing(2),
-		rowGap: e.spacing(1),
-		columnGap: e.spacing(1),
-		justifyContent: "center",
-		"& > div": {
+import { t as e } from "../../styled-Bog8QCl3.js";
+import { t } from "../../ButtonBase-DxKtpFYs.js";
+import { n } from "../../yearCalendarClasses-CuAQumpz.js";
+import { actionHoverMedia as r, getFocusVisibleStyle as i, getSelectedActionStyle as a } from "./action-styles.js";
+var o = {
+	defaultProps: { slots: { yearButton: e(t, {
+		name: "MuiYearCalendar",
+		slot: "Button"
+	})(({ theme: e }) => ({
+		...e.typography.subtitle1,
+		color: "unset"
+	})) } },
+	styleOverrides: {
+		root: ({ theme: e }) => ({
+			width: e.spacing(38),
+			paddingLeft: e.spacing(2),
+			paddingRight: e.spacing(2),
+			rowGap: e.spacing(1),
+			columnGap: e.spacing(1),
+			justifyContent: "center",
+			"& > div": {
+				height: e.spacing(4),
+				width: `calc((100% - ${e.spacing(3)}) / 4)`
+			}
+		}),
+		button: ({ theme: e }) => ({
 			height: e.spacing(4),
-			width: `calc((100% - ${e.spacing(3)}) / 4)`
-		}
-	}),
-	button: ({ theme: t }) => ({
-		height: t.spacing(4),
-		width: `calc((100% - ${t.spacing(3)}) / 4)`,
-		fontVariantNumeric: "lining-nums tabular-nums",
-		borderRadius: (t.vars ?? t).shape.borderRadius,
-		"&:hover, &:focus": { backgroundColor: (t.vars ?? t).palette.action.hover },
-		[`&.${e.selected}`]: {
-			backgroundColor: (t.vars ?? t).palette.primary[800],
-			color: (t.vars ?? t).palette.primary[50],
-			"&:hover, &:focus": { backgroundColor: (t.vars ?? t).palette.primary[900] }
-		}
-	})
-} };
+			width: `calc((100% - ${e.spacing(3)}) / 4)`,
+			fontVariantNumeric: "lining-nums tabular-nums",
+			borderRadius: (e.vars ?? e).shape.borderRadius,
+			[r]: { "&:hover": { backgroundColor: (e.vars ?? e).palette.action.hover } },
+			"&.Mui-focusVisible": i(e),
+			"&.Mui-disabled": { color: (e.vars ?? e).palette.action.disabled },
+			[`&.${n.selected}`]: { ...a(e, "primary") }
+		})
+	}
+};
 //#endregion
-export { t as MuiYearCalendar };
+export { o as MuiYearCalendar };

package/dist/theme/optional-component-augmentations/s-carousel.d.ts

@@ -0,0 +1,14 @@
+import { SCarouselProps } from '../../s-carousel/s-carousel';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        SCarousel: SCarouselProps;
+    }
+    interface ComponentNameToClassKey {
+        SCarousel: 'root';
+    }
+    interface Components<Theme = unknown> {
+        SCarousel?: CustomComponent<'SCarousel', Theme>;
+    }
+}
+export {};

package/dist/theme/optional-component-augmentations/s-code-block.d.ts

@@ -0,0 +1,14 @@
+import { SCodeBlockProps } from '../../s-code-block/s-code-block';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        SCodeBlock: SCodeBlockProps;
+    }
+    interface ComponentNameToClassKey {
+        SCodeBlock: 'root';
+    }
+    interface Components<Theme = unknown> {
+        SCodeBlock?: CustomComponent<'SCodeBlock', Theme>;
+    }
+}
+export {};

package/dist/theme/optional-component-augmentations/s-date-picker.d.ts

@@ -0,0 +1,14 @@
+import { SDatePickerProps } from '../../s-date-picker/s-date-picker';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        SDatePicker: SDatePickerProps;
+    }
+    interface ComponentNameToClassKey {
+        SDatePicker: 'root';
+    }
+    interface Components<Theme = unknown> {
+        SDatePicker?: CustomComponent<'SDatePicker', Theme>;
+    }
+}
+export {};

package/dist/theme/optional-component-augmentations/s-datetime-picker.d.ts

@@ -0,0 +1,14 @@
+import { SDateTimePickerProps } from '../../s-datetime-picker/s-datetime-picker';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        SDateTimePicker: SDateTimePickerProps;
+    }
+    interface ComponentNameToClassKey {
+        SDateTimePicker: 'root';
+    }
+    interface Components<Theme = unknown> {
+        SDateTimePicker?: CustomComponent<'SDateTimePicker', Theme>;
+    }
+}
+export {};

package/dist/theme/optional-component-augmentations/s-file-dropzone.d.ts

@@ -0,0 +1,14 @@
+import { SFileDropzoneProps } from '../../s-file-dropzone/s-file-dropzone';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        SFileDropzone: SFileDropzoneProps;
+    }
+    interface ComponentNameToClassKey {
+        SFileDropzone: 'root';
+    }
+    interface Components<Theme = unknown> {
+        SFileDropzone?: CustomComponent<'SFileDropzone', Theme>;
+    }
+}
+export {};

package/dist/theme/optional-component-augmentations/s-overlay-scrollbar.d.ts

@@ -0,0 +1,14 @@
+import { SOverlayScrollbarProps } from '../../s-overlay-scrollbar/s-overlay-scrollbar';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        SOverlayScrollbar: SOverlayScrollbarProps;
+    }
+    interface ComponentNameToClassKey {
+        SOverlayScrollbar: 'root';
+    }
+    interface Components<Theme = unknown> {
+        SOverlayScrollbar?: CustomComponent<'SOverlayScrollbar', Theme>;
+    }
+}
+export {};

package/dist/theme/optional-component-augmentations/s-scroll-reveal.d.ts

@@ -0,0 +1,14 @@
+import { SScrollRevealProps } from '../../s-scroll-reveal/s-scroll-reveal';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        SScrollReveal: SScrollRevealProps;
+    }
+    interface ComponentNameToClassKey {
+        SScrollReveal: 'root';
+    }
+    interface Components<Theme = unknown> {
+        SScrollReveal?: CustomComponent<'SScrollReveal', Theme>;
+    }
+}
+export {};

package/dist/theme/optional-component-augmentations/s-stripe.d.ts

@@ -0,0 +1,14 @@
+import { StripeElement, StripeTextFieldProps } from '../../s-stripe/s-stripe';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        StripeTextField: StripeTextFieldProps<StripeElement>;
+    }
+    interface ComponentNameToClassKey {
+        StripeTextField: 'root';
+    }
+    interface Components<Theme = unknown> {
+        StripeTextField?: CustomComponent<'StripeTextField', Theme>;
+    }
+}
+export {};

package/dist/theme/optional-component-augmentations/s-text-editor.d.ts

@@ -0,0 +1,18 @@
+import { STextEditorProps } from '../../s-text-editor/s-text-editor';
+import { STextEditorToolbarProps } from '../../s-text-editor/s-text-editor-toolbar';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        STextEditor: STextEditorProps;
+        STextEditorToolbar: STextEditorToolbarProps;
+    }
+    interface ComponentNameToClassKey {
+        STextEditor: 'root';
+        STextEditorToolbar: 'root';
+    }
+    interface Components<Theme = unknown> {
+        STextEditor?: CustomComponent<'STextEditor', Theme>;
+        STextEditorToolbar?: CustomComponent<'STextEditorToolbar', Theme>;
+    }
+}
+export {};

package/dist/theme/optional-component-augmentations/s-two-pane-layout.d.ts

@@ -0,0 +1,14 @@
+import { STwoPaneLayoutProps } from '../../s-two-pane-layout/s-two-pane-layout';
+import { CustomComponent } from '../component-augmentation';
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        STwoPaneLayout: STwoPaneLayoutProps;
+    }
+    interface ComponentNameToClassKey {
+        STwoPaneLayout: 'content' | 'contentHeader' | 'contentScroller' | 'contentViewport' | 'root' | 'sidebar' | 'sidebarHeader' | 'sidebarScroller' | 'sidebarViewport';
+    }
+    interface Components<Theme = unknown> {
+        STwoPaneLayout?: CustomComponent<'STwoPaneLayout', Theme>;
+    }
+}
+export {};

package/dist/theme/theme-primitives.d.ts

@@ -1,11 +1,20 @@
 import { Shadows } from '@mui/material/styles';
-import { blue, brand, gray, green, lightBlue, lightBrand, lightGray, lightGreen, lightOrange, lightPurple, lightRed, orange, purple, red } from '@solostylist/core';
+import { blue, brand, darkGradientPalette, gray, green, lightBlue, lightBrand, lightGray, lightGreen, lightOrange, lightPurple, lightRed, orange, purple, red, GradientPath } from '@solostylist/core';
 declare module '@mui/material/Paper' {
     interface PaperPropsVariantOverrides {
         highlighted: true;
     }
 }
+declare module '@mui/system' {
+    interface AllSystemCSSProperties {
+        /** Resolves a semantic gradient path from `theme.palette.gradient`. */
+        gradient?: GradientPath;
+    }
+}
 declare module '@mui/material/styles' {
+    interface InteractionTokens {
+        mediaHoverOpacity: number;
+    }
     interface RadiusScale {
         none: number;
         sm: number;
@@ -15,9 +24,11 @@ declare module '@mui/material/styles' {
         full: number;
     }
     interface Theme {
+        interaction: InteractionTokens;
         radius: RadiusScale;
     }
     interface ThemeOptions {
+        interaction?: Partial<InteractionTokens>;
         radius?: Partial<RadiusScale>;
     }
     interface ColorRange {
@@ -52,13 +63,7 @@ declare module '@mui/material/styles' {
             dark: string;
             full: string;
         };
-        gradient: {
-            primary: string;
-            secondary: string;
-            indigo: string;
-            sky: string;
-            radial: string;
-        };
+        gradient: typeof darkGradientPalette;
         ui: {
             pulse: {
                 shadowLight: string;
@@ -69,7 +74,21 @@ declare module '@mui/material/styles' {
             };
         };
     }
+    interface PaletteOptions {
+        baseShadow?: string;
+        blackAlpha?: Palette['blackAlpha'];
+        whiteAlpha?: Palette['whiteAlpha'];
+        gradient?: typeof darkGradientPalette;
+        ui?: Palette['ui'];
+    }
 }
+/** Maps `sx={{ gradient: 'brand.primary' }}` to the matching theme gradient. */
+export declare const sxConfig: {
+    gradient: {
+        themeKey: string;
+        cssProperty: "backgroundImage";
+    };
+};
 export { brand, lightBrand, gray, lightGray, green, lightGreen, orange, lightOrange, blue, lightBlue, red, lightRed, purple, lightPurple, };
 export declare const colorSchemes: {
     light: {
@@ -115,6 +134,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -131,6 +152,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -147,6 +170,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -163,6 +188,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -179,6 +206,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -252,6 +281,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -268,6 +299,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -284,6 +317,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -300,6 +335,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -316,6 +353,8 @@ export declare const colorSchemes: {
                 light: string;
                 main: string;
                 dark: string;
+                white: string;
+                black: string;
                 50: string;
                 100: string;
                 200: string;
@@ -427,4 +466,8 @@ export declare const radius: {
     xl: number;
     full: number;
 };
+/** Shared interaction tokens resolved through the MUI theme. */
+export declare const interaction: {
+    mediaHoverOpacity: number;
+};
 export declare const shadows: Shadows;

package/dist/theme/theme-primitives.js

@@ -1,2 +1,3 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _, y as v } from "../theme-primitives-CiQYd9Cc.js";
-export { d as blue, m as brand, h as colorSchemes, n as gray, c as green, g as lightBlue, r as lightBrand, i as lightGray, f as lightGreen, l as lightOrange, o as lightPurple, a as lightRed, e as orange, _ as purple, u as radius, v as red, p as shadows, s as shape, t as typography };
+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 m, i as h, n as g, o as _, r as v, s as y, t as b } from "../theme-primitives-Dt_DT9b5.js";
+export { f as blue, s as brand, b as colorSchemes, u as gray, i as green, g as interaction, e as lightBlue, c as lightBrand, d as lightGray, t as lightGreen, a as lightOrange, p as lightPurple, n as lightRed, r as orange, l as purple, v as radius, o as red, h as shadows, m as shape, _ as sxConfig, y as typography };