@solostylist/ui-kit 1.0.230 → 2.0.1

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

@@ -1,30 +1,40 @@
-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": {
-			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] }
-		}
-	})
-} };
+import { actionHoverMedia as e, getFocusVisibleStyle as t, getSelectedActionStyle as n } from "./action-styles.js";
+import { styled as r } from "@mui/material/styles";
+import i from "@mui/material/ButtonBase";
+import { yearCalendarClasses as a } from "@mui/x-date-pickers/YearCalendar";
+import "@mui/x-date-pickers/themeAugmentation";
+var o = {
+	defaultProps: { slots: { yearButton: r(i, {
+		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: r }) => ({
+			height: r.spacing(4),
+			width: `calc((100% - ${r.spacing(3)}) / 4)`,
+			fontVariantNumeric: "lining-nums tabular-nums",
+			borderRadius: (r.vars ?? r).shape.borderRadius,
+			[e]: { "&:hover": { backgroundColor: (r.vars ?? r).palette.action.hover } },
+			"&.Mui-focusVisible": t(r),
+			"&.Mui-disabled": { color: (r.vars ?? r).palette.action.disabled },
+			[`&.${a.selected}`]: { ...n(r, "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-CNjL5fhq.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-CRfnMsNy.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 };

package/dist/theme-primitives-CRfnMsNy.js

@@ -0,0 +1,254 @@
+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-CNjL5fhq.js";
+import { a as m, i as h, n as g, o as _, r as v, s as y } from "./gradients-DSnBONEQ.js";
+import { alpha as b, createTheme as x, lighten as S } from "@mui/material/styles";
+//#region ../core/dist/interaction.js
+var C = .9, w = { gradient: {
+	themeKey: "palette.gradient",
+	cssProperty: "backgroundImage"
+} }, T = x(), E = { palette: {
+	gradient: g,
+	blackAlpha: {
+		zero: _[0],
+		light: _[10],
+		medium: _[50],
+		dark: _[80],
+		full: _[100]
+	},
+	whiteAlpha: {
+		zero: y[0],
+		light: y[10],
+		medium: y[50],
+		dark: y[80],
+		full: y[100]
+	},
+	ui: { pulse: v },
+	primary: {
+		...s,
+		contrastText: _[100],
+		light: s[400],
+		main: s[500],
+		dark: s[500],
+		white: "#ffffff",
+		black: "#000000"
+	},
+	secondary: {
+		...l,
+		contrastText: _[100],
+		light: l[300],
+		main: S(l[400], .05),
+		dark: l[400],
+		white: "#ffffff",
+		black: "#000000"
+	},
+	info: {
+		...f,
+		contrastText: _[100],
+		light: f[300],
+		main: f[400],
+		dark: f[400],
+		white: "#ffffff",
+		black: "#000000"
+	},
+	warning: {
+		...r,
+		contrastText: _[100],
+		light: r[400],
+		main: r[500],
+		dark: r[500],
+		white: "#ffffff",
+		black: "#000000"
+	},
+	error: {
+		...o,
+		contrastText: _[100],
+		light: o[300],
+		main: S(o[400], .22),
+		dark: S(o[400], .15),
+		white: "#ffffff",
+		black: "#000000"
+	},
+	success: {
+		...i,
+		contrastText: _[100],
+		light: i[300],
+		main: i[400],
+		dark: i[400],
+		white: "#ffffff",
+		black: "#000000"
+	},
+	grey: u,
+	divider: b(u[700], .9),
+	background: {
+		default: u[900],
+		paper: u[800]
+	},
+	text: {
+		primary: u[50],
+		secondary: u[400],
+		disabled: u[500]
+	},
+	action: {
+		active: u[50],
+		hover: b(u[600], .2),
+		selected: b(u[600], .3)
+	},
+	baseShadow: "hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"
+} }, D = {
+	light: { palette: {
+		gradient: h,
+		blackAlpha: {
+			zero: _[0],
+			light: _[10],
+			medium: _[50],
+			dark: _[80],
+			full: _[100]
+		},
+		whiteAlpha: {
+			zero: y[0],
+			light: y[10],
+			medium: y[50],
+			dark: y[80],
+			full: y[100]
+		},
+		ui: { pulse: m },
+		primary: {
+			...c,
+			contrastText: c[50],
+			light: c[200],
+			main: c[500],
+			dark: c[700],
+			white: "#ffffff",
+			black: "#000000"
+		},
+		secondary: {
+			...p,
+			contrastText: p[50],
+			light: p[200],
+			main: p[500],
+			dark: p[700],
+			white: "#ffffff",
+			black: "#000000"
+		},
+		info: {
+			...e,
+			contrastText: e[50],
+			light: e[200],
+			main: e[700],
+			dark: e[800],
+			white: "#ffffff",
+			black: "#000000"
+		},
+		warning: {
+			...a,
+			contrastText: a[50],
+			light: a[200],
+			main: a[900],
+			dark: a[900],
+			white: "#ffffff",
+			black: "#000000"
+		},
+		error: {
+			...n,
+			contrastText: n[50],
+			light: n[200],
+			main: n[600],
+			dark: n[700],
+			white: "#ffffff",
+			black: "#000000"
+		},
+		success: {
+			...t,
+			contrastText: t[50],
+			light: t[200],
+			main: t[800],
+			dark: t[900],
+			white: "#ffffff",
+			black: "#000000"
+		},
+		grey: d,
+		divider: b(d[300], .9),
+		background: {
+			default: d[50],
+			paper: d[100]
+		},
+		text: {
+			primary: d[900],
+			secondary: d[600],
+			disabled: d[400]
+		},
+		action: {
+			active: d[900],
+			hover: b(d[300], .2),
+			selected: b(d[300], .3)
+		},
+		baseShadow: "rgba(15, 23, 42, 0.08) 0px 2px 8px 0px, rgba(15, 23, 42, 0.04) 0px 1px 2px -1px"
+	} },
+	dark: E
+}, O = {
+	fontFamily: "Outfit, sans-serif",
+	h1: {
+		fontSize: T.typography.pxToRem(36),
+		fontWeight: 600,
+		lineHeight: 1.2,
+		letterSpacing: -.5
+	},
+	h2: {
+		fontSize: T.typography.pxToRem(30),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	h3: {
+		fontSize: T.typography.pxToRem(24),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	h4: {
+		fontSize: T.typography.pxToRem(20),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	h5: {
+		fontSize: T.typography.pxToRem(18),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	h6: {
+		fontSize: T.typography.pxToRem(16),
+		fontWeight: 600,
+		lineHeight: 1.2
+	},
+	subtitle1: {
+		fontSize: T.typography.pxToRem(16),
+		fontWeight: 500
+	},
+	subtitle2: {
+		fontSize: T.typography.pxToRem(14),
+		fontWeight: 500
+	},
+	body1: {
+		fontSize: T.typography.pxToRem(16),
+		fontWeight: 400
+	},
+	body2: {
+		fontSize: T.typography.pxToRem(14),
+		fontWeight: 400
+	},
+	caption: {
+		fontSize: T.typography.pxToRem(12),
+		fontWeight: 400,
+		color: "var(--s-palette-text-secondary)"
+	}
+}, k = { borderRadius: 8 }, A = {
+	none: 0,
+	sm: k.borderRadius * .5,
+	md: k.borderRadius,
+	lg: k.borderRadius * 1.5,
+	xl: k.borderRadius * 2,
+	full: 9999
+}, j = { mediaHoverOpacity: C }, M = [
+	"none",
+	"var(--s-palette-baseShadow)",
+	...T.shadows.slice(2)
+];
+//#endregion
+export { k as a, M as i, j as n, w as o, A as r, O as s, D as t };