@solostylist/ui-kit 1.0.204 → 1.0.205

package/dist/s-tip-oiH-79gR.js

@@ -1,34 +0,0 @@
-import { t as e } from "./jsx-runtime-V-UOMaX1.js";
-import { t } from "./Stack-BJ4hQFAK.js";
-import { t as n } from "./createSvgIcon-Bs2KOQvq.js";
-import { t as r } from "./Typography-B_GHPkH2.js";
-import "react";
-//#region ../../node_modules/@mui/icons-material/esm/LightbulbOutline.js
-var i = e(), a = n(/* @__PURE__ */ (0, i.jsx)("path", { d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7m2 11.7V16h-4v-2.3C8.48 12.63 7 11.53 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.49-1.51 3.65-3 4.7" }), "LightbulbOutline"), o = ({ message: e }) => /* @__PURE__ */ (0, i.jsxs)(t, {
-	direction: "row",
-	spacing: 1,
-	sx: {
-		display: "flex",
-		alignItems: "center",
-		bgcolor: "background.default",
-		borderRadius: 1,
-		p: 1,
-		color: "text.secondary"
-	},
-	children: [/* @__PURE__ */ (0, i.jsx)(a, { sx: { fontSize: 16 } }), /* @__PURE__ */ (0, i.jsxs)(r, {
-		variant: "body2",
-		children: [
-			/* @__PURE__ */ (0, i.jsx)(r, {
-				component: "span",
-				sx: { fontWeight: "bold" },
-				variant: "inherit",
-				children: "Tip."
-			}),
-			" ",
-			e
-		]
-	})]
-});
-o.displayName = "STip";
-//#endregion
-export { o as t };

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

@@ -1,404 +0,0 @@
-import { t as e } from "./jsx-runtime-V-UOMaX1.js";
-import { t } from "./createSvgIcon-Bs2KOQvq.js";
-import { t as n } from "./Close-DD2G0QfM.js";
-import { t as r } from "./Download-DDt8mUQX.js";
-import { t as i } from "./s-select-CmsTrYmx.js";
-import a, { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
-import { createPortal as u } from "react-dom";
-import { Box as d, Checkbox as f, Dialog as p, DialogContent as m, DialogTitle as h, Divider as g, IconButton as _, Slider as v, TextField as y, Tooltip as b, Typography as x } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/esm/AddPhotoAlternate.js
-var S = e(), C = t(/* @__PURE__ */ (0, S.jsx)("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"), w = t(/* @__PURE__ */ (0, S.jsx)("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"), T = t(/* @__PURE__ */ (0, S.jsx)("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"), E = t(/* @__PURE__ */ (0, S.jsx)("path", { d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" }), "InfoOutlined"), D = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ (0, S.jsx)(y, {
-	value: t,
-	onChange: (e) => n(e.target.value),
-	onFocus: r,
-	onBlur: i,
-	placeholder: e.placeholder ?? e.label,
-	disabled: a,
-	multiline: !0,
-	minRows: e.minRows ?? 2,
-	maxRows: e.maxRows ?? 5,
-	fullWidth: !0,
-	...e.componentProps?.textarea ?? {}
-})), O = a.memo((e) => /* @__PURE__ */ (0, S.jsx)(x, {
-	variant: "caption",
-	sx: {
-		whiteSpace: "nowrap",
-		overflow: "hidden",
-		textOverflow: "ellipsis",
-		width: "100% !important",
-		textAlign: "center"
-	},
-	children: e.label
-})), k = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ (0, S.jsxs)(d, {
-	sx: {
-		width: 120,
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: [/* @__PURE__ */ (0, S.jsx)(O, { label: e.label }), /* @__PURE__ */ (0, S.jsx)(y, {
-		type: "number",
-		value: t ?? e.defaultValue ?? 0,
-		onChange: (e) => n(Number(e.target.value)),
-		onFocus: r,
-		onBlur: i,
-		disabled: a,
-		slotProps: { htmlInput: {
-			min: e.min,
-			max: e.max,
-			step: e.step
-		} },
-		sx: { "& input": { textAlign: "center" } },
-		...e.componentProps?.number ?? {}
-	})]
-})), A = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabled: o }) => /* @__PURE__ */ (0, S.jsxs)(d, {
-	sx: {
-		width: 180,
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: [/* @__PURE__ */ (0, S.jsx)(O, { label: e.label }), /* @__PURE__ */ (0, S.jsx)(i, {
-		value: t ?? e.defaultValue ?? "",
-		onChange: (e) => n(e.target.value),
-		onFocus: r,
-		onBlur: a,
-		disabled: o,
-		placeholder: e.placeholder,
-		options: e.options ?? [],
-		optionLabel: e.optionLabel,
-		optionValue: e.optionValue,
-		searchable: e.searchable,
-		searchPlaceholder: e.searchPlaceholder,
-		...e.componentProps?.select ?? {}
-	})]
-})), j = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ (0, S.jsxs)(d, {
-	sx: {
-		width: 160,
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: [/* @__PURE__ */ (0, S.jsx)(O, { label: e.label }), /* @__PURE__ */ (0, S.jsxs)(d, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			height: 36
-		},
-		children: [/* @__PURE__ */ (0, S.jsx)(v, {
-			value: t ?? e.defaultValue ?? e.min ?? 0,
-			onChange: (e, t) => n(t),
-			onMouseDown: r,
-			onMouseUp: i,
-			disabled: a,
-			min: e.min ?? 0,
-			max: e.max ?? 100,
-			step: e.step ?? 1,
-			sx: { flex: 1 },
-			...e.componentProps?.slider ?? {}
-		}), /* @__PURE__ */ (0, S.jsx)(d, {
-			sx: {
-				minWidth: 60,
-				textAlign: "center",
-				fontWeight: 500,
-				fontSize: "0.875rem"
-			},
-			children: t ?? e.defaultValue ?? e.min ?? 0
-		})]
-	})]
-})), M = a.memo(({ input: e, value: t, onChange: r, disabled: i }) => {
-	let o = a.useRef(null), [c, l] = a.useState([]), [u, f] = a.useState(null), p = e.multiple ?? !1, m = e.maxImages ?? 5;
-	s(() => {
-		let e = [];
-		return l(((t) => {
-			if (!t) return [];
-			let n = Array.isArray(t) ? t : [t], r = [];
-			return n.forEach((t) => {
-				if (t instanceof File) {
-					let n = URL.createObjectURL(t);
-					r.push(n), e.push(n);
-				} else typeof t == "string" && r.push(t);
-			}), r;
-		})(t)), () => {
-			e.forEach((e) => URL.revokeObjectURL(e));
-		};
-	}, [t]);
-	let h = (e) => {
-		let n = e.target.files;
-		if (!(!n || n.length === 0)) {
-			if (p) {
-				let e = Array.isArray(t) ? t : t instanceof File || typeof t == "string" ? [t] : [], i = Array.from(n).slice(0, m - e.length);
-				r([...e, ...i]);
-			} else r(n[0]);
-			e.target.value = "";
-		}
-	}, g = (e, n) => {
-		if (e.stopPropagation(), p && Array.isArray(t)) {
-			let e = t.filter((e, t) => t !== n);
-			r(e.length > 0 ? e : null);
-		} else r(null);
-	}, v = () => {
-		i || p && c.length >= m || o.current?.click();
-	}, y = p && c.length < m;
-	return /* @__PURE__ */ (0, S.jsxs)(d, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			gap: .75
-		},
-		children: [
-			/* @__PURE__ */ (0, S.jsx)("input", {
-				ref: o,
-				type: "file",
-				accept: "image/*",
-				multiple: p,
-				onChange: h,
-				disabled: i,
-				style: { display: "none" },
-				...e.componentProps?.image ?? {}
-			}),
-			c.map((e, t) => /* @__PURE__ */ (0, S.jsxs)(d, {
-				onMouseEnter: () => f(t),
-				onMouseLeave: () => f(null),
-				sx: {
-					width: 50,
-					height: 50,
-					border: 1,
-					borderColor: i ? "action.disabled" : "divider",
-					borderRadius: 1,
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					cursor: i ? "not-allowed" : "default",
-					position: "relative",
-					overflow: "hidden",
-					transition: "all 0.2s"
-				},
-				children: [/* @__PURE__ */ (0, S.jsx)(d, {
-					component: "img",
-					src: e,
-					alt: `Preview ${t + 1}`,
-					sx: {
-						width: "100%",
-						height: "100%",
-						objectFit: "cover"
-					}
-				}), !i && u === t && /* @__PURE__ */ (0, S.jsx)(d, {
-					onClick: (e) => g(e, t),
-					sx: {
-						position: "absolute",
-						top: 0,
-						left: 0,
-						right: 0,
-						bottom: 0,
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center"
-					},
-					children: /* @__PURE__ */ (0, S.jsx)(_, {
-						onClick: (e) => g(e, t),
-						children: /* @__PURE__ */ (0, S.jsx)(n, {})
-					})
-				})]
-			}, t)),
-			(c.length === 0 || y) && /* @__PURE__ */ (0, S.jsx)(d, {
-				onClick: v,
-				sx: {
-					width: 50,
-					height: 50,
-					border: 1,
-					borderColor: i ? "action.disabled" : "divider",
-					borderRadius: 1,
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					cursor: i ? "not-allowed" : "pointer",
-					transition: "all 0.2s",
-					"&:hover": { bgcolor: "action.hover" }
-				},
-				children: /* @__PURE__ */ (0, S.jsx)(C, { sx: {
-					fontSize: 20,
-					color: i ? "action.disabled" : "divider"
-				} })
-			})
-		]
-	});
-}), N = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ (0, S.jsxs)(d, {
-	sx: {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		minWidth: 60
-	},
-	children: [/* @__PURE__ */ (0, S.jsx)(O, { label: e.label }), /* @__PURE__ */ (0, S.jsx)(f, {
-		checked: t ?? e.defaultValue ?? !1,
-		onChange: (e) => n(e.target.checked),
-		onFocus: r,
-		onBlur: i,
-		disabled: a,
-		...e.componentProps?.checkbox ?? {}
-	})]
-})), P = (e) => {
-	switch (e.input.type) {
-		case "textarea": return /* @__PURE__ */ (0, S.jsx)(D, { ...e });
-		case "number": return /* @__PURE__ */ (0, S.jsx)(k, { ...e });
-		case "slider": return /* @__PURE__ */ (0, S.jsx)(j, { ...e });
-		case "select": return /* @__PURE__ */ (0, S.jsx)(A, { ...e });
-		case "image": return /* @__PURE__ */ (0, S.jsx)(M, {
-			input: e.input,
-			value: e.value,
-			onChange: e.onChange,
-			disabled: e.disabled
-		});
-		case "checkbox": return /* @__PURE__ */ (0, S.jsx)(N, { ...e });
-		default: return null;
-	}
-}, F = ({ inputs: e = [], onProcess: t, onReset: n, onDownload: i, processing: a = !1, uploading: s = !1, inputValues: f = {}, onInputChange: v, customActionButtons: y, hideProcessButton: x = !1, processButtonDisabled: C = !1, getInputDisabled: D, processTooltip: O = "Process", downloadTooltip: k = "Download", resetTooltip: A = "Reset", infoTooltip: j = "Information", infoTitle: M = "Tool Information", infoContent: N, position: F = "bottom", relative: I = !1, containerSx: L, sx: R }) => {
-	let [z, B] = l(!1), V = c(() => e.length === 0 ? !0 : e.every((e) => {
-		if (!e.required) return !0;
-		let t = f[e.key];
-		return e.type === "textarea" ? typeof t == "string" && t.trim() !== "" : e.type === "number" || e.type === "slider" ? t != null : e.type === "select" ? t != null && t !== "" : !0;
-	}), [e, f]), { imageInputs: H, textareaInputs: U, paramInputs: W } = c(() => e.reduce((e, t) => (t.type === "image" ? e.imageInputs.push(t) : t.type === "textarea" ? e.textareaInputs.push(t) : e.paramInputs.push(t), e), {
-		imageInputs: [],
-		textareaInputs: [],
-		paramInputs: []
-	}), [e]), G = o(() => {}, []), K = o(() => {}, []), q = o((e, t, n) => {
-		v?.(e, t, n);
-	}, [v]), J = o(() => B(!0), []), Y = o(() => B(!1), []), X = o((e) => {
-		let t = f[e.key], n = D?.(e.key) ?? !1;
-		return e.renderInput ? /* @__PURE__ */ (0, S.jsx)(d, { children: e.renderInput({
-			value: t,
-			onChange: (t) => q(e.key, t),
-			onFocus: G,
-			onBlur: K,
-			disabled: n
-		}) }, e.key) : /* @__PURE__ */ (0, S.jsx)(P, {
-			input: e,
-			value: t,
-			onChange: (t) => q(e.key, t),
-			onFocus: G,
-			onBlur: K,
-			disabled: n
-		}, e.key);
-	}, [
-		f,
-		D,
-		q,
-		G,
-		K
-	]), Z = /* @__PURE__ */ (0, S.jsxs)(d, {
-		sx: {
-			position: I ? "relative" : "fixed",
-			[F]: I ? "auto" : 20,
-			left: I ? "auto" : "50%",
-			transform: I ? "none" : "translateX(-50%)",
-			zIndex: I ? "auto" : 1300,
-			display: I ? "flex" : "block",
-			justifyContent: I ? "center" : "initial",
-			mt: I && F === "top" ? 2 : 0,
-			mb: I && F === "bottom" ? 2 : 0,
-			...L
-		},
-		children: [/* @__PURE__ */ (0, S.jsxs)(d, {
-			sx: {
-				display: "flex",
-				flexDirection: "column",
-				gap: 2,
-				p: 2,
-				borderRadius: 2,
-				border: 1,
-				borderColor: "divider",
-				bgcolor: "background.default",
-				...R
-			},
-			children: [U.length > 0 && /* @__PURE__ */ (0, S.jsx)(d, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					gap: 2
-				},
-				children: U.map(X)
-			}), /* @__PURE__ */ (0, S.jsxs)(d, {
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: .5
-				},
-				children: [
-					/* @__PURE__ */ (0, S.jsx)(d, {
-						sx: {
-							display: "flex",
-							alignItems: "center",
-							gap: 2,
-							flex: 1
-						},
-						children: (H.length > 0 || W.length > 0) && /* @__PURE__ */ (0, S.jsxs)(d, {
-							sx: {
-								display: "flex",
-								alignItems: "flex-end",
-								gap: 1.5
-							},
-							children: [H.map(X), W.map(X)]
-						})
-					}),
-					(H.length > 0 || W.length > 0) && /* @__PURE__ */ (0, S.jsx)(g, {
-						orientation: "vertical",
-						flexItem: !0,
-						sx: {
-							mx: .5,
-							flexShrink: 0
-						}
-					}),
-					/* @__PURE__ */ (0, S.jsxs)(d, {
-						sx: {
-							display: "flex",
-							alignItems: "center",
-							gap: .75,
-							ml: "auto"
-						},
-						children: [
-							y,
-							N && /* @__PURE__ */ (0, S.jsx)(b, {
-								title: j,
-								children: /* @__PURE__ */ (0, S.jsx)(_, {
-									onClick: J,
-									children: /* @__PURE__ */ (0, S.jsx)(E, {})
-								})
-							}),
-							/* @__PURE__ */ (0, S.jsx)(b, {
-								title: k,
-								children: /* @__PURE__ */ (0, S.jsx)(_, {
-									onClick: i,
-									children: /* @__PURE__ */ (0, S.jsx)(r, {})
-								})
-							}),
-							/* @__PURE__ */ (0, S.jsx)(b, {
-								title: A,
-								children: /* @__PURE__ */ (0, S.jsx)(_, {
-									onClick: n,
-									children: /* @__PURE__ */ (0, S.jsx)(T, {})
-								})
-							}),
-							!x && /* @__PURE__ */ (0, S.jsx)(b, {
-								title: O,
-								children: /* @__PURE__ */ (0, S.jsx)("span", { children: /* @__PURE__ */ (0, S.jsx)(_, {
-									onClick: t,
-									disabled: C || !V || s || a,
-									size: "large",
-									children: /* @__PURE__ */ (0, S.jsx)(w, { color: C || !V || s || a ? "disabled" : "primary" })
-								}) })
-							})
-						]
-					})
-				]
-			})]
-		}), N && /* @__PURE__ */ (0, S.jsxs)(p, {
-			open: z,
-			onClose: Y,
-			maxWidth: "sm",
-			fullWidth: !0,
-			children: [/* @__PURE__ */ (0, S.jsx)(h, { children: M }), /* @__PURE__ */ (0, S.jsx)(m, { children: N })]
-		})]
-	});
-	return !I && typeof window < "u" ? u(Z, document.body) : Z;
-};
-F.displayName = "SToolBar";
-//#endregion
-export { F as t };

package/dist/select-CjaxyZK_.js

@@ -1,11 +0,0 @@
-import { t as e } from "./jsx-runtime-V-UOMaX1.js";
-import { t } from "./createSvgIcon-Bs2KOQvq.js";
-import * as n from "react";
-//#region ../../node_modules/@mui/icons-material/esm/UnfoldMoreRounded.js
-var r = e(), i = t(/* @__PURE__ */ (0, r.jsx)("path", { d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z" }), "UnfoldMoreRounded"), a = { defaultProps: { IconComponent: n.forwardRef((e, t) => /* @__PURE__ */ (0, r.jsx)(i, {
-	fontSize: "small",
-	...e,
-	ref: t
-})) } };
-//#endregion
-export { a as t };