@solostylist/ui-kit 1.0.225 → 1.0.227

package/dist/theme/components/switch.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../switch-BSg1TGWH.js";
+export { e as MuiSwitch };

package/dist/theme/components/tab.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../tabClasses-KqPlYv0c.js";
+import { n as e } from "../../tabClasses-CmFw6sbs.js";
 //#region lib/theme/components/tab.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	textTransform: "none",

package/dist/theme/components/table-pagination.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../iconButtonClasses-9jjSQ9-U.js";
+import { n as e } from "../../iconButtonClasses-LyjwljJq.js";
 //#region lib/theme/components/table-pagination.tsx
 var t = { styleOverrides: { actions: {
 	display: "flex",

package/dist/theme/components/toggle-button-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-button-group-ABwIhV4P.js";
+import { t as e } from "../../toggle-button-group-BCkdd3Jj.js";
 export { e as MuiToggleButtonGroup };

package/dist/theme/components/toggle-button.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-button-BUsRxHn0.js";
+import { t as e } from "../../toggle-button-TmtJ4nSp.js";
 export { e as MuiToggleButton };

package/dist/theme/components/year-calendar.d.ts

@@ -0,0 +1,45 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiYearCalendar: {
+    styleOverrides: {
+        root: ({ theme }: import('@mui/x-date-pickers').YearCalendarProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            width: string;
+            paddingLeft: string;
+            paddingRight: string;
+            rowGap: string;
+            columnGap: string;
+            justifyContent: "center";
+            '& > div': {
+                height: string;
+                width: string;
+            };
+        };
+        button: ({ theme }: import('@mui/x-date-pickers').YearCalendarProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            [x: string]: string | number | {
+                backgroundColor: string;
+                color?: undefined;
+                '&:hover, &:focus'?: undefined;
+            } | {
+                backgroundColor: string;
+                color: string;
+                '&:hover, &:focus': {
+                    backgroundColor: string;
+                };
+            };
+            height: string;
+            width: string;
+            fontVariantNumeric: "lining-nums tabular-nums";
+            borderRadius: string | number;
+            '&:hover, &:focus': {
+                backgroundColor: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,30 @@
+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] }
+		}
+	})
+} };
+//#endregion
+export { t as MuiYearCalendar };

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

@@ -6,6 +6,20 @@ declare module '@mui/material/Paper' {
     }
 }
 declare module '@mui/material/styles' {
+    interface RadiusScale {
+        none: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        full: number;
+    }
+    interface Theme {
+        radius: RadiusScale;
+    }
+    interface ThemeOptions {
+        radius?: Partial<RadiusScale>;
+    }
     interface ColorRange {
         50: string;
         100: string;
@@ -185,6 +199,7 @@ export declare const colorSchemes: {
             text: {
                 primary: string;
                 secondary: string;
+                disabled: string;
             };
             action: {
                 active: string;
@@ -321,6 +336,7 @@ export declare const colorSchemes: {
             text: {
                 primary: string;
                 secondary: string;
+                disabled: string;
             };
             action: {
                 active: string;
@@ -389,4 +405,26 @@ export declare const typography: {
 export declare const shape: {
     borderRadius: number;
 };
+/**
+ * Named border-radius scale, derived from `shape.borderRadius` so that base
+ * stays the single source of truth — change `shape.borderRadius` and the whole
+ * scale rescales with it. Values mirror the native kit (see
+ * ui-kit-native/theme/theme-primitives.ts) so both platforms stay in lockstep.
+ * `md` is the canonical surface radius and equals `shape.borderRadius`.
+ *
+ * Usage:
+ * - `styled()` / `styleOverrides` callbacks: prefer `theme.radius.md` (honours
+ *   runtime overrides). Import this `radius` const only where no `theme` is in
+ *   scope, e.g. inline `style` on a plain element.
+ * - `sx`: numbers are multiplied by `shape.borderRadius`, so use the multiplier
+ *   that maps to the scale — sm `0.5`, md `1`, lg `1.5`, xl `2`, full `'9999px'`.
+ */
+export declare const radius: {
+    none: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    full: number;
+};
 export declare const shadows: Shadows;

package/dist/theme/theme-primitives.js

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

package/dist/{theme-primitives-D2vHHGiX.js → theme-primitives-CiQYd9Cc.js}

@@ -271,7 +271,8 @@ var n = {
 	},
 	text: {
 		primary: i[50],
-		secondary: i[400]
+		secondary: i[400],
+		disabled: i[500]
 	},
 	action: {
 		active: i[50],
@@ -349,7 +350,8 @@ var n = {
 		},
 		text: {
 			primary: a[900],
-			secondary: a[600]
+			secondary: a[600],
+			disabled: a[400]
 		},
 		action: {
 			active: a[900],
@@ -409,14 +411,21 @@ var n = {
 		fontWeight: 400
 	},
 	caption: {
-		fontSize: S.typography.pxToRem(14),
+		fontSize: S.typography.pxToRem(12),
 		fontWeight: 400,
 		color: "var(--s-palette-text-secondary)"
 	}
-}, E = { borderRadius: 8 }, D = [
+}, E = { borderRadius: 8 }, D = {
+	none: 0,
+	sm: E.borderRadius * .5,
+	md: E.borderRadius,
+	lg: E.borderRadius * 1.5,
+	xl: E.borderRadius * 2,
+	full: 9999
+}, O = [
 	"none",
 	"var(--s-palette-baseShadow)",
 	...S.shadows.slice(2)
 ];
 //#endregion
-export { m as _, u as a, o as c, a as d, s as f, c as g, p as h, T as i, d as l, h as m, D as n, n as o, l as p, E as r, i as s, w as t, r as u, f as v };
+export { c as _, T as a, i as c, r as d, a as f, p as g, h, E as i, o as l, l as m, D as n, u as o, s as p, O as r, n as s, w as t, d as u, m as v, f as y };

package/dist/{toggle-button-BUsRxHn0.js → toggle-button-TmtJ4nSp.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./generateUtilityClasses-XrPHiTcM.js";
-import { o as t, s as n } from "./theme-primitives-D2vHHGiX.js";
+import { c as t, s as n } from "./theme-primitives-CiQYd9Cc.js";
 //#region ../../node_modules/@mui/material/ToggleButton/toggleButtonClasses.mjs
 var r = e("MuiToggleButton", [
 	"root",
@@ -18,8 +18,8 @@ var r = e("MuiToggleButton", [
 	borderRadius: (e.vars ?? e).shape.borderRadius,
 	fontWeight: 500,
 	...e.applyStyles("dark", {
-		color: n[400],
-		[`&.${r.selected}`]: { color: t[300] }
+		color: t[400],
+		[`&.${r.selected}`]: { color: n[300] }
 	})
 }) } };
 //#endregion

package/dist/{toggle-button-group-ABwIhV4P.js → toggle-button-group-BCkdd3Jj.js}

@@ -1,6 +1,6 @@
 import { i as e } from "./createTheme-Bnw5w28O.js";
 import { t } from "./generateUtilityClasses-XrPHiTcM.js";
-import { o as n, s as r } from "./theme-primitives-D2vHHGiX.js";
+import { c as n, s as r } from "./theme-primitives-CiQYd9Cc.js";
 //#region ../../node_modules/@mui/material/ToggleButtonGroup/toggleButtonGroupClasses.mjs
 var i = t("MuiToggleButtonGroup", [
 	"root",
@@ -15,11 +15,11 @@ var i = t("MuiToggleButtonGroup", [
 	"middleButton"
 ]), a = { styleOverrides: { root: ({ theme: t }) => ({
 	borderRadius: (t.vars ?? t).shape.borderRadius,
-	boxShadow: `0 4px 16px ${e(r[400], .2)}`,
-	[`& .${i.selected}`]: { color: n[500] },
+	boxShadow: `0 4px 16px ${e(n[400], .2)}`,
+	[`& .${i.selected}`]: { color: r[500] },
 	...t.applyStyles("dark", {
 		[`& .${i.selected}`]: { color: (t.vars ?? t).palette.common.white },
-		boxShadow: `0 4px 16px ${e(n[700], .5)}`
+		boxShadow: `0 4px 16px ${e(r[700], .5)}`
 	})
 }) } };
 //#endregion

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

@@ -0,0 +1,50 @@
+import { t as e } from "./createSvgIcon-HW-tbFcL.js";
+import { t } from "./Download-SNal6U7j.js";
+import { t as n } from "./InfoOutlined-BCzG-5py.js";
+import r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o, IconButton as s, Tooltip as c } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/AutoAwesome.mjs
+var l = e(/* @__PURE__ */ i("path", { d: "m19 9 1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25z" }), "AutoAwesome"), u = e(/* @__PURE__ */ i("path", { d: "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6m6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26" }), "Autorenew"), d = r.memo(({ customActionButtons: e, infoContent: r, infoTooltip: d, downloadTooltip: f, resetTooltip: p, processTooltip: m, hideProcessButton: h, processActionDisabled: g, onInfoOpen: _, onDownload: v, onReset: y, onProcess: b }) => /* @__PURE__ */ a(o, {
+	sx: {
+		display: "flex",
+		alignItems: "center",
+		gap: 1,
+		ml: "auto"
+	},
+	children: [
+		e,
+		r && /* @__PURE__ */ i(c, {
+			title: d,
+			children: /* @__PURE__ */ i(s, {
+				onClick: _,
+				children: /* @__PURE__ */ i(n, {})
+			})
+		}),
+		/* @__PURE__ */ i(c, {
+			title: f,
+			children: /* @__PURE__ */ i(s, {
+				onClick: v,
+				children: /* @__PURE__ */ i(t, {})
+			})
+		}),
+		/* @__PURE__ */ i(c, {
+			title: p,
+			children: /* @__PURE__ */ i(s, {
+				onClick: y,
+				children: /* @__PURE__ */ i(u, {})
+			})
+		}),
+		!h && /* @__PURE__ */ i(c, {
+			title: m,
+			children: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(s, {
+				onClick: b,
+				disabled: g,
+				size: "large",
+				children: /* @__PURE__ */ i(l, { color: g ? "disabled" : "primary" })
+			}) })
+		})
+	]
+}));
+//#endregion
+export { d as t };

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

@@ -0,0 +1,138 @@
+import { t as e } from "./createSvgIcon-HW-tbFcL.js";
+import { t } from "./Close-CJu3iF1p.js";
+import { getImageInputFiles as n } from "./s-tool-bar/utils.js";
+import r, { useEffect as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Box as s, IconButton as c } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/AddPhotoAlternate.mjs
+var l = e(/* @__PURE__ */ a("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z" }), "AddPhotoAlternate"), u = r.memo(({ input: e, value: u, onChange: d, disabled: f }) => {
+	let p = r.useRef(null), [m, h] = r.useState([]), [g, _] = r.useState(null), v = e.multiple ?? !1, y = e.maxImages ?? 5;
+	i(() => {
+		let e = [];
+		return h(((t) => {
+			if (!t) return [];
+			let n = Array.isArray(t) ? t : [t], r = [], i = /* @__PURE__ */ new Map();
+			return n.forEach((t) => {
+				if (t instanceof File) {
+					let n = URL.createObjectURL(t);
+					e.push(n);
+					let a = `file:${t.name}:${t.size}:${t.lastModified}`, o = i.get(a) ?? 0;
+					i.set(a, o + 1), r.push({
+						key: o > 0 ? `${a}:${o}` : a,
+						src: n
+					});
+				} else if (typeof t == "string") {
+					let e = `url:${t}`, n = i.get(e) ?? 0;
+					i.set(e, n + 1), r.push({
+						key: n > 0 ? `${e}:${n}` : e,
+						src: t
+					});
+				}
+			}), r;
+		})(u)), () => {
+			e.forEach((e) => URL.revokeObjectURL(e));
+		};
+	}, [u]);
+	let b = (e) => {
+		let t = e.target.files;
+		if (!(!t || t.length === 0)) {
+			if (v) {
+				let e = n(u), r = Array.from(t).slice(0, y - e.length);
+				d([...e, ...r]);
+			} else d(t[0]);
+			e.target.value = "";
+		}
+	}, x = (e, t) => {
+		if (e.stopPropagation(), v && Array.isArray(u)) {
+			let e = u.filter((e, n) => n !== t);
+			d(e.length > 0 ? e : null);
+		} else d(null);
+	}, S = () => {
+		f || v && m.length >= y || p.current?.click();
+	}, C = v && m.length < y;
+	return /* @__PURE__ */ o(s, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .75
+		},
+		children: [
+			/* @__PURE__ */ a("input", {
+				ref: p,
+				type: "file",
+				accept: "image/*",
+				multiple: v,
+				onChange: b,
+				disabled: f,
+				style: { display: "none" },
+				...e.componentProps?.image ?? {}
+			}),
+			m.map((e, n) => /* @__PURE__ */ o(s, {
+				onMouseEnter: () => _(n),
+				onMouseLeave: () => _(null),
+				sx: {
+					width: 50,
+					height: 50,
+					border: 1,
+					borderColor: f ? "action.disabled" : "divider",
+					borderRadius: 1,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					cursor: f ? "not-allowed" : "default",
+					position: "relative",
+					overflow: "hidden",
+					transition: "all 0.2s"
+				},
+				children: [/* @__PURE__ */ a(s, {
+					component: "img",
+					src: e.src,
+					alt: `Preview ${n + 1}`,
+					sx: {
+						width: "100%",
+						height: "100%",
+						objectFit: "cover"
+					}
+				}), !f && g === n && /* @__PURE__ */ a(s, {
+					onClick: (e) => x(e, n),
+					sx: {
+						position: "absolute",
+						top: 0,
+						left: 0,
+						right: 0,
+						bottom: 0,
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center"
+					},
+					children: /* @__PURE__ */ a(c, {
+						onClick: (e) => x(e, n),
+						children: /* @__PURE__ */ a(t, {})
+					})
+				})]
+			}, e.key)),
+			(m.length === 0 || C) && /* @__PURE__ */ a(s, {
+				onClick: S,
+				sx: {
+					width: 50,
+					height: 50,
+					border: 1,
+					borderColor: f ? "action.disabled" : "divider",
+					borderRadius: 1,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					cursor: f ? "not-allowed" : "pointer",
+					transition: "all 0.2s",
+					"&:hover": { bgcolor: "action.hover" }
+				},
+				children: /* @__PURE__ */ a(l, { sx: {
+					fontSize: 20,
+					color: f ? "action.disabled" : "divider"
+				} })
+			})
+		]
+	});
+});
+//#endregion
+export { u as t };

package/dist/{useControlled-DXKqhylj.js → useControlled-BtZNCHV0.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useControlled-2-C6cXjG.js";
+import { t as e } from "./useControlled-DuSwFVhD.js";
 //#region ../../node_modules/@mui/material/utils/useControlled.mjs
 var t = e;
 //#endregion

package/dist/useForkRef-yOYCJHzF.js

@@ -0,0 +1,29 @@
+import * as e from "react";
+//#region ../../node_modules/@mui/utils/useForkRef/useForkRef.mjs
+function t(...t) {
+	let n = e.useRef(void 0), r = e.useCallback((e) => {
+		let n = t.map((t) => {
+			if (t == null) return null;
+			if (typeof t == "function") {
+				let n = t, r = n(e);
+				return typeof r == "function" ? r : () => {
+					n(null);
+				};
+			}
+			return t.current = e, () => {
+				t.current = null;
+			};
+		});
+		return () => {
+			n.forEach((e) => e?.());
+		};
+	}, t);
+	return e.useMemo(() => t.every((e) => e == null) ? null : (e) => {
+		n.current &&= (n.current(), void 0), e != null && (n.current = r(e));
+	}, t);
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/useForkRef.mjs
+var n = t;
+//#endregion
+export { t as n, n as t };