@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/toggle-button-Cxi5CfXC.js

@@ -1,104 +0,0 @@
-import { t as e } from "./generateUtilityClasses-DvX505Gy.js";
-import { t } from "./buttonBaseClasses-BvBqFLb_.js";
-import { actionHoverMedia as n, getFocusVisibleStyle as r, getSelectedActionStyle as i, isSemanticActionColor as a, reducedPressMotionStyle as o, semanticActionColors as s } from "./theme/components/action-styles.js";
-//#region ../../node_modules/@mui/material/ToggleButton/toggleButtonClasses.mjs
-var c = e("MuiToggleButton", [
-	"root",
-	"disabled",
-	"selected",
-	"standard",
-	"primary",
-	"secondary",
-	"sizeSmall",
-	"sizeMedium",
-	"sizeLarge",
-	"fullWidth"
-]), l = (e) => {
-	let i = (e.vars ?? e).palette;
-	return {
-		backgroundColor: i.action.selected,
-		color: i.text.primary,
-		[`&.${t.focusVisible}`]: {
-			...r(e),
-			backgroundColor: i.action.selected
-		},
-		[n]: { "&:hover": {
-			backgroundColor: i.action.selected,
-			color: i.text.primary
-		} },
-		[`&.${c.disabled}`]: {
-			backgroundColor: i.action.disabledBackground,
-			borderColor: "transparent",
-			color: i.action.disabled
-		}
-	};
-}, u = {
-	defaultProps: { disableFocusRipple: !0 },
-	styleOverrides: { root: ({ ownerState: e, theme: u }) => {
-		let d = (u.vars ?? u).palette, f = e.color ?? "standard", p = a(f) ? d[f] : d.primary;
-		return {
-			borderRadius: (u.vars ?? u).shape.borderRadius,
-			boxSizing: "border-box",
-			gap: u.spacing(1),
-			fontWeight: 500,
-			paddingBlock: 0,
-			textTransform: "none",
-			transition: u.transitions.create([
-				"background-color",
-				"border-color",
-				"color"
-			], { duration: u.transitions.duration.shorter }),
-			[`&.${t.focusVisible}`]: r(u, p),
-			[n]: { [`&:hover:not(.${c.selected})`]: {
-				backgroundColor: d.action.hover,
-				color: d.text.primary
-			} },
-			[`&:active:not(.${c.disabled}):not(.${c.selected})`]: { backgroundColor: d.action.selected },
-			[`&.${c.disabled}:not(.${c.selected})`]: {
-				backgroundColor: "transparent",
-				borderColor: d.action.disabledBackground,
-				color: d.action.disabled
-			},
-			...o,
-			variants: [
-				{
-					props: { size: "small" },
-					style: {
-						height: u.spacing(4.5),
-						minWidth: u.spacing(4.5),
-						paddingInline: u.spacing(1.5)
-					}
-				},
-				{
-					props: { size: "medium" },
-					style: {
-						height: u.spacing(5),
-						minWidth: u.spacing(5),
-						paddingInline: u.spacing(2)
-					}
-				},
-				{
-					props: { size: "large" },
-					style: {
-						height: u.spacing(5.5),
-						minWidth: u.spacing(5.5),
-						paddingInline: u.spacing(2.5)
-					}
-				},
-				{
-					props: { color: "standard" },
-					style: { [`&.${c.selected}`]: l(u) }
-				},
-				...s.map((e) => ({
-					props: { color: e },
-					style: { [`&.${c.selected}`]: {
-						...i(u, e),
-						borderColor: "transparent"
-					} }
-				}))
-			]
-		};
-	} }
-};
-//#endregion
-export { u as t };

package/dist/tool-bar-action-buttons-Dt-pV3GA.js

@@ -1,54 +0,0 @@
-import { t as e } from "./createSvgIcon-B0SZlJF1.js";
-import { t } from "./Download-DtvoRwpl.js";
-import { t as n } from "./InfoOutlined-VC7X46pc.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, {
-				"aria-label": d,
-				onClick: _,
-				children: /* @__PURE__ */ i(n, {})
-			})
-		}),
-		/* @__PURE__ */ i(c, {
-			title: f,
-			children: /* @__PURE__ */ i(s, {
-				"aria-label": f,
-				onClick: v,
-				children: /* @__PURE__ */ i(t, {})
-			})
-		}),
-		/* @__PURE__ */ i(c, {
-			title: p,
-			children: /* @__PURE__ */ i(s, {
-				"aria-label": p,
-				onClick: y,
-				children: /* @__PURE__ */ i(u, {})
-			})
-		}),
-		!h && /* @__PURE__ */ i(c, {
-			title: m,
-			children: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(s, {
-				"aria-label": m,
-				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-BXlll_hV.js

@@ -1,148 +0,0 @@
-import { actionHoverMedia as e, getFocusVisibleStyle as t } from "./theme/components/action-styles.js";
-import { t as n } from "./createSvgIcon-B0SZlJF1.js";
-import { t as r } from "./Close-o4HFfK0I.js";
-import { getImageInputFiles as i } from "./s-tool-bar/utils.js";
-import { SIconButton as a } from "./s-icon-button/s-icon-button.js";
-import o, { useEffect as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Box as u, ButtonBase as d } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/AddPhotoAlternate.mjs
-var f = n(/* @__PURE__ */ c("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"), p = o.memo(({ input: n, value: p, onChange: m, disabled: h }) => {
-	let g = o.useRef(null), [_, v] = o.useState([]), y = n.multiple ?? !1, b = n.maxImages ?? 5;
-	s(() => {
-		let e = [];
-		return v(((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;
-		})(p)), () => {
-			e.forEach((e) => URL.revokeObjectURL(e));
-		};
-	}, [p]);
-	let x = (e) => {
-		let t = e.target.files;
-		if (!(!t || t.length === 0)) {
-			if (y) {
-				let n = i(p), r = Array.from(t).slice(0, b - n.length);
-				m(e, [...n, ...r], r[0]);
-			} else m(e, t[0], t[0]);
-			e.target.value = "";
-		}
-	}, S = (e, t) => {
-		if (e.stopPropagation(), y && Array.isArray(p)) {
-			let n = p.filter((e, n) => n !== t);
-			m(e, n.length > 0 ? n : null);
-		} else m(e, null);
-	}, C = () => {
-		h || y && _.length >= b || g.current?.click();
-	}, w = y && _.length < b;
-	return /* @__PURE__ */ l(u, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			gap: .75
-		},
-		children: [
-			/* @__PURE__ */ c("input", {
-				type: "file",
-				accept: "image/*",
-				...n.slotProps?.image ?? {},
-				ref: g,
-				multiple: y,
-				onChange: x,
-				disabled: h,
-				style: { display: "none" }
-			}),
-			_.map((t, n) => /* @__PURE__ */ l(u, {
-				sx: {
-					width: 50,
-					height: 50,
-					border: 1,
-					borderColor: h ? "action.disabled" : "divider",
-					borderRadius: 1,
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					cursor: h ? "not-allowed" : "default",
-					position: "relative",
-					overflow: "hidden",
-					"& .SToolBar-removeImageOverlay": { opacity: 1 },
-					"&:focus-within .SToolBar-removeImageOverlay": { opacity: 1 },
-					[e]: {
-						"& .SToolBar-removeImageOverlay": { opacity: 0 },
-						"&:hover .SToolBar-removeImageOverlay, &:focus-within .SToolBar-removeImageOverlay": { opacity: 1 }
-					}
-				},
-				children: [/* @__PURE__ */ c(u, {
-					component: "img",
-					src: t.src,
-					alt: `Preview ${n + 1}`,
-					sx: {
-						width: "100%",
-						height: "100%",
-						objectFit: "cover"
-					}
-				}), !h && /* @__PURE__ */ c(u, {
-					className: "SToolBar-removeImageOverlay",
-					sx: (e) => ({
-						position: "absolute",
-						inset: 0,
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center",
-						pointerEvents: "none",
-						transition: e.transitions.create("opacity", { duration: e.transitions.duration.shorter }),
-						"@media (prefers-reduced-motion: reduce)": { transition: "none" }
-					}),
-					children: /* @__PURE__ */ c(a, {
-						"aria-label": `Remove image ${n + 1}`,
-						onClick: (e) => S(e, n),
-						size: "small",
-						sx: { pointerEvents: "auto" },
-						variant: "overlay",
-						children: /* @__PURE__ */ c(r, { fontSize: "small" })
-					})
-				})]
-			}, t.key)),
-			(_.length === 0 || w) && /* @__PURE__ */ c(d, {
-				"aria-label": "Add image",
-				disabled: h,
-				onClick: C,
-				sx: (e) => ({
-					width: 50,
-					height: 50,
-					border: 1,
-					borderColor: h ? "action.disabled" : "divider",
-					borderRadius: 1,
-					color: h ? "action.disabled" : "action.active",
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					transition: e.transitions.create(["background-color", "border-color"], { duration: e.transitions.duration.shorter }),
-					"@media (hover: hover) and (pointer: fine)": { "&:hover": { bgcolor: "action.hover" } },
-					"&.Mui-focusVisible": t(e),
-					"@media (prefers-reduced-motion: reduce)": { transition: "none" }
-				}),
-				children: /* @__PURE__ */ c(f, { sx: { fontSize: 20 } })
-			})
-		]
-	});
-});
-//#endregion
-export { p as t };

package/dist/typographyClasses-BLM3NmYd.js

@@ -1,31 +0,0 @@
-import { t as e } from "./generateUtilityClass-PAIOm1jC.js";
-import { t } from "./generateUtilityClasses-DvX505Gy.js";
-//#region ../../node_modules/@mui/material/Typography/typographyClasses.mjs
-function n(t) {
-	return e("MuiTypography", t);
-}
-var r = t("MuiTypography", [
-	"root",
-	"h1",
-	"h2",
-	"h3",
-	"h4",
-	"h5",
-	"h6",
-	"subtitle1",
-	"subtitle2",
-	"body1",
-	"body2",
-	"inherit",
-	"button",
-	"caption",
-	"overline",
-	"alignLeft",
-	"alignRight",
-	"alignCenter",
-	"alignJustify",
-	"noWrap",
-	"gutterBottom"
-]);
-//#endregion
-export { r as n, n as t };

package/dist/useControlled-BeB0W_Ui.js

@@ -1,5 +0,0 @@
-import { t as e } from "./useControlled-C4QJnpiR.js";
-//#region ../../node_modules/@mui/material/utils/useControlled.mjs
-var t = e;
-//#endregion
-export { t };

package/dist/useControlled-C4QJnpiR.js

@@ -1,29 +0,0 @@
-import * as e from "react";
-//#region ../../node_modules/@mui/utils/useControlled/useControlled.mjs
-function t(t) {
-	let { controlled: n, default: r, name: i, state: a = "value" } = t, { current: o } = e.useRef(n !== void 0), [s, c] = e.useState(r), l = o ? n : s;
-	if (process.env.NODE_ENV !== "production") {
-		e.useEffect(() => {
-			o !== (n !== void 0) && console.error([
-				`MUI: A component is changing the ${o ? "" : "un"}controlled ${a} state of ${i} to be ${o ? "un" : ""}controlled.`,
-				"Elements should not switch from uncontrolled to controlled (or vice versa).",
-				`Decide between using a controlled or uncontrolled ${i} element for the lifetime of the component.`,
-				"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.",
-				"More info: https://fb.me/react-controlled-components"
-			].join("\n"));
-		}, [
-			a,
-			i,
-			n
-		]);
-		let { current: t } = e.useRef(r);
-		e.useEffect(() => {
-			!o && JSON.stringify(r) !== JSON.stringify(t) && console.error([`MUI: A component is changing the default ${a} state of an uncontrolled ${i} after being initialized. To suppress this warning opt to use a controlled ${i}.`].join("\n"));
-		}, [JSON.stringify(r)]);
-	}
-	return [l, e.useCallback((e) => {
-		o || c(e);
-	}, [])];
-}
-//#endregion
-export { t };

package/dist/useEnhancedEffect-Bc3gBClC.js

@@ -1,5 +0,0 @@
-import { t as e } from "./useEnhancedEffect-DFq_FMGX.js";
-//#region ../../node_modules/@mui/material/utils/useEnhancedEffect.mjs
-var t = e;
-//#endregion
-export { t };

package/dist/useEnhancedEffect-DFq_FMGX.js

@@ -1,5 +0,0 @@
-import * as e from "react";
-//#region ../../node_modules/@mui/utils/useEnhancedEffect/useEnhancedEffect.mjs
-var t = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
-//#endregion
-export { t };

package/dist/useEventCallback-CVqMfiG_.js

@@ -1,14 +0,0 @@
-import { t as e } from "./useEnhancedEffect-DFq_FMGX.js";
-import * as t from "react";
-//#region ../../node_modules/@mui/utils/useEventCallback/useEventCallback.mjs
-function n(n) {
-	let r = t.useRef(n);
-	return e(() => {
-		r.current = n;
-	}), t.useRef((...e) => (0, r.current)(...e)).current;
-}
-//#endregion
-//#region ../../node_modules/@mui/material/utils/useEventCallback.mjs
-var r = n;
-//#endregion
-export { n, r as t };

package/dist/useForkRef-CKneCEtr.js

@@ -1,29 +0,0 @@
-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 };

package/dist/useFormControl-iWLrn7Ek.js

@@ -1,18 +0,0 @@
-import * as e from "react";
-//#region ../../node_modules/@mui/material/FormControl/FormControlContext.mjs
-var t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "FormControlContext");
-//#endregion
-//#region ../../node_modules/@mui/material/FormControl/useFormControl.mjs
-function n() {
-	return e.useContext(t);
-}
-function r({ props: n, states: r }) {
-	let i = e.useContext(t), a = {};
-	return r.forEach((e) => {
-		let t = n[e];
-		a[e] = t === void 0 && i ? i[e] : t;
-	}), [a, i];
-}
-//#endregion
-export { r as n, t as r, n as t };