@solostylist/ui-kit 1.0.216 → 1.0.218

package/dist/FormControl-DYkaP-oD.js

@@ -0,0 +1,659 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { _ as t } from "./createTheme-Bnw5w28O.js";
+import { a as n, n as r } from "./styled-engine-DOxAQ3qw.js";
+import { n as i, o as a, r as o, t as s } from "./memoTheme-QMocAblm.js";
+import { t as c } from "./clsx-Bv8WXdlr.js";
+import { t as l } from "./generateUtilityClass-tRYNDrlH.js";
+import { t as u } from "./generateUtilityClasses-XrPHiTcM.js";
+import { t as d } from "./styled-BTDmdi4c.js";
+import { g as f } from "./Modal-C1VRVWBZ.js";
+import { t as p } from "./ButtonBase-Bo6ysVGS.js";
+import { h as m } from "./useSlot-Dkc1Mj31.js";
+import { t as h } from "./createSimplePaletteValueFilter-GHK52GLU.js";
+import { n as g, t as _ } from "./iconButtonClasses-9jjSQ9-U.js";
+import { r as v } from "./useFormControl-B4z6ONhx.js";
+import * as y from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/utils/isMuiElement/isMuiElement.mjs
+function S(e, t) {
+	return /* @__PURE__ */ y.isValidElement(e) && t.indexOf(e.type.muiName ?? e.type?._payload?.value?.muiName) !== -1;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/isMuiElement.mjs
+var C = /* @__PURE__ */ e(t(), 1), w = S;
+//#endregion
+//#region ../../node_modules/@mui/material/CircularProgress/circularProgressClasses.mjs
+function T(e) {
+	return l("MuiCircularProgress", e);
+}
+u("MuiCircularProgress", [
+	"root",
+	"determinate",
+	"indeterminate",
+	"colorPrimary",
+	"colorSecondary",
+	"svg",
+	"track",
+	"circle",
+	"circleDisableShrink"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/CircularProgress/CircularProgress.mjs
+var E = 44, D = n`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`, O = n`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`, k = typeof D == "string" ? null : r`
+        animation: ${D} 1.4s linear infinite;
+      `, A = typeof O == "string" ? null : r`
+        animation: ${O} 1.4s ease-in-out infinite;
+      `, j = (e) => {
+	let { classes: t, variant: n, color: r, disableShrink: o } = e;
+	return a({
+		root: [
+			"root",
+			n,
+			`color${i(r)}`
+		],
+		svg: ["svg"],
+		track: ["track"],
+		circle: ["circle", o && "circleDisableShrink"]
+	}, T, t);
+}, M = d("span", {
+	name: "MuiCircularProgress",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.variant],
+			t[`color${i(n.color)}`]
+		];
+	}
+})(s(({ theme: e }) => ({
+	display: "inline-block",
+	variants: [
+		{
+			props: { variant: "determinate" },
+			style: { transition: e.transitions.create("transform") }
+		},
+		{
+			props: { variant: "indeterminate" },
+			style: k || { animation: `${D} 1.4s linear infinite` }
+		},
+		...Object.entries(e.palette).filter(h()).map(([t]) => ({
+			props: { color: t },
+			style: { color: (e.vars || e).palette[t].main }
+		}))
+	]
+}))), N = d("svg", {
+	name: "MuiCircularProgress",
+	slot: "Svg"
+})({ display: "block" }), P = d("circle", {
+	name: "MuiCircularProgress",
+	slot: "Circle",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.circle, n.disableShrink && t.circleDisableShrink];
+	}
+})(s(({ theme: e }) => ({
+	stroke: "currentColor",
+	variants: [
+		{
+			props: { variant: "determinate" },
+			style: { transition: e.transitions.create("stroke-dashoffset") }
+		},
+		{
+			props: { variant: "indeterminate" },
+			style: {
+				strokeDasharray: "80px, 200px",
+				strokeDashoffset: 0
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.variant === "indeterminate" && !e.disableShrink,
+			style: A || { animation: `${O} 1.4s ease-in-out infinite` }
+		}
+	]
+}))), F = d("circle", {
+	name: "MuiCircularProgress",
+	slot: "Track"
+})(s(({ theme: e }) => ({
+	stroke: "currentColor",
+	opacity: (e.vars || e).palette.action.activatedOpacity
+}))), I = /* @__PURE__ */ y.forwardRef(function(e, t) {
+	let n = o({
+		props: e,
+		name: "MuiCircularProgress"
+	}), { className: r, color: i = "primary", disableShrink: a = !1, enableTrackSlot: s = !1, min: l, max: u, size: d = 40, style: f, thickness: p = 3.6, value: m = n.min ?? 0, variant: h = "indeterminate", ...g } = n;
+	process.env.NODE_ENV !== "production" && h === "indeterminate" && (l !== void 0 || u !== void 0) && console.warn("MUI: You have provided the `min` or `max` props with an 'indeterminate' variant. These props will have no effect.");
+	let _ = l ?? 0, v = u ?? 100, y = {
+		...n,
+		color: i,
+		disableShrink: a,
+		size: d,
+		thickness: p,
+		value: m,
+		variant: h,
+		enableTrackSlot: s
+	}, S = j(y), C = {}, w = {}, T = {};
+	if (h === "determinate") {
+		let e = 2 * Math.PI * ((E - p) / 2);
+		process.env.NODE_ENV !== "production" && (m < _ || m > v || _ >= v) && console.error(`MUI: The min, max, and value props in CircularProgress should be numbers where min < max and min <= value <= max. Received min=${_}, max=${v}, value=${m}.`);
+		let t = v - _;
+		C.strokeDasharray = e.toFixed(3), C.strokeDashoffset = t > 0 ? `${((v - m) / t * e).toFixed(3)}px` : `${e.toFixed(3)}px`, w.transform = "rotate(-90deg)", T["aria-valuenow"] = m, T["aria-valuemin"] = _, T["aria-valuemax"] = v;
+	}
+	return /* @__PURE__ */ b(M, {
+		className: c(S.root, r),
+		style: {
+			width: d,
+			height: d,
+			...w,
+			...f
+		},
+		ownerState: y,
+		ref: t,
+		role: "progressbar",
+		...T,
+		...g,
+		children: /* @__PURE__ */ x(N, {
+			className: S.svg,
+			ownerState: y,
+			viewBox: `${E / 2} ${E / 2} ${E} ${E}`,
+			children: [s ? /* @__PURE__ */ b(F, {
+				className: S.track,
+				ownerState: y,
+				cx: E,
+				cy: E,
+				r: (E - p) / 2,
+				fill: "none",
+				strokeWidth: p,
+				"aria-hidden": "true"
+			}) : null, /* @__PURE__ */ b(P, {
+				className: S.circle,
+				style: C,
+				ownerState: y,
+				cx: E,
+				cy: E,
+				r: (E - p) / 2,
+				fill: "none",
+				strokeWidth: p
+			})]
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (I.propTypes = {
+	classes: C.default.object,
+	className: C.default.string,
+	color: C.default.oneOfType([C.default.oneOf([
+		"inherit",
+		"primary",
+		"secondary",
+		"error",
+		"info",
+		"success",
+		"warning"
+	]), C.default.string]),
+	disableShrink: m(C.default.bool, (e) => e.disableShrink && e.variant && e.variant !== "indeterminate" ? /* @__PURE__ */ Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
+	enableTrackSlot: C.default.bool,
+	max: C.default.number,
+	min: C.default.number,
+	size: C.default.oneOfType([C.default.number, C.default.string]),
+	style: C.default.object,
+	sx: C.default.oneOfType([
+		C.default.arrayOf(C.default.oneOfType([
+			C.default.func,
+			C.default.object,
+			C.default.bool
+		])),
+		C.default.func,
+		C.default.object
+	]),
+	thickness: C.default.number,
+	value: C.default.number,
+	variant: C.default.oneOf(["determinate", "indeterminate"])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/IconButton/IconButton.mjs
+var L = (e) => {
+	let { classes: t, disabled: n, color: r, edge: o, size: s, loading: c } = e;
+	return a({
+		root: [
+			"root",
+			c && "loading",
+			n && "disabled",
+			r !== "default" && `color${i(r)}`,
+			o && `edge${i(o)}`,
+			`size${i(s)}`
+		],
+		loadingIndicator: ["loadingIndicator"],
+		loadingWrapper: ["loadingWrapper"]
+	}, _, t);
+}, R = d(p, {
+	name: "MuiIconButton",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.loading && t.loading,
+			n.color !== "default" && t[`color${i(n.color)}`],
+			n.edge && t[`edge${i(n.edge)}`],
+			t[`size${i(n.size)}`]
+		];
+	}
+})(s(({ theme: e }) => ({
+	textAlign: "center",
+	flex: "0 0 auto",
+	fontSize: e.typography.pxToRem(24),
+	padding: 8,
+	borderRadius: "50%",
+	color: (e.vars || e).palette.action.active,
+	transition: e.transitions.create("background-color", { duration: e.transitions.duration.shortest }),
+	variants: [
+		{
+			props: (e) => !e.disableRipple,
+			style: {
+				"--IconButton-hoverBg": e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity),
+				"&:hover": {
+					backgroundColor: "var(--IconButton-hoverBg)",
+					"@media (hover: none)": { backgroundColor: "transparent" }
+				}
+			}
+		},
+		{
+			props: { edge: "start" },
+			style: { marginLeft: -12 }
+		},
+		{
+			props: {
+				edge: "start",
+				size: "small"
+			},
+			style: { marginLeft: -3 }
+		},
+		{
+			props: { edge: "end" },
+			style: { marginRight: -12 }
+		},
+		{
+			props: {
+				edge: "end",
+				size: "small"
+			},
+			style: { marginRight: -3 }
+		}
+	]
+})), s(({ theme: e }) => ({
+	variants: [
+		{
+			props: { color: "inherit" },
+			style: { color: "inherit" }
+		},
+		...Object.entries(e.palette).filter(h()).map(([t]) => ({
+			props: { color: t },
+			style: {
+				color: (e.vars || e).palette[t].main,
+				"--IconButton-hoverBg": e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity)
+			}
+		})),
+		{
+			props: { size: "small" },
+			style: {
+				padding: 5,
+				fontSize: e.typography.pxToRem(18)
+			}
+		},
+		{
+			props: { size: "large" },
+			style: {
+				padding: 12,
+				fontSize: e.typography.pxToRem(28)
+			}
+		}
+	],
+	[`&.${g.disabled}`]: {
+		backgroundColor: "transparent",
+		color: (e.vars || e).palette.action.disabled
+	},
+	[`&.${g.loading}`]: { color: "transparent" }
+}))), z = d("span", {
+	name: "MuiIconButton",
+	slot: "LoadingIndicator"
+})(({ theme: e }) => ({
+	display: "none",
+	position: "absolute",
+	visibility: "visible",
+	top: "50%",
+	left: "50%",
+	transform: "translate(-50%, -50%)",
+	color: (e.vars || e).palette.action.disabled,
+	variants: [{
+		props: { loading: !0 },
+		style: { display: "flex" }
+	}]
+})), B = /* @__PURE__ */ y.forwardRef(function(e, t) {
+	let n = o({
+		props: e,
+		name: "MuiIconButton"
+	}), { edge: r = !1, children: i, className: a, color: s = "default", disabled: l = !1, disableFocusRipple: u = !1, size: d = "medium", id: p, loading: m = null, loadingIndicator: h, ...g } = n, _ = f(p), v = h ?? /* @__PURE__ */ b(I, {
+		"aria-labelledby": _,
+		color: "inherit",
+		size: 16
+	}), y = {
+		...n,
+		edge: r,
+		color: s,
+		disabled: l,
+		disableFocusRipple: u,
+		loading: m,
+		loadingIndicator: v,
+		size: d
+	}, S = L(y);
+	return /* @__PURE__ */ x(R, {
+		id: m ? _ : p,
+		className: c(S.root, a),
+		centerRipple: !0,
+		internalNativeButton: !0,
+		focusRipple: !u,
+		disabled: l || m,
+		ref: t,
+		...g,
+		ownerState: y,
+		children: [typeof m == "boolean" && /* @__PURE__ */ b("span", {
+			className: S.loadingWrapper,
+			style: { display: "contents" },
+			children: /* @__PURE__ */ b(z, {
+				className: S.loadingIndicator,
+				ownerState: y,
+				children: m && v
+			})
+		}), i]
+	});
+});
+process.env.NODE_ENV !== "production" && (B.propTypes = {
+	children: m(C.default.node, (e) => y.Children.toArray(e.children).some((e) => /* @__PURE__ */ y.isValidElement(e) && e.props.onClick) ? Error([
+		"MUI: You are providing an onClick event listener to a child of a button element.",
+		"Prefer applying it to the IconButton directly.",
+		"This guarantees that the whole <button> will be responsive to click events."
+	].join("\n")) : null),
+	classes: C.default.object,
+	className: C.default.string,
+	color: C.default.oneOfType([C.default.oneOf([
+		"inherit",
+		"default",
+		"primary",
+		"secondary",
+		"error",
+		"info",
+		"success",
+		"warning"
+	]), C.default.string]),
+	disabled: C.default.bool,
+	disableFocusRipple: C.default.bool,
+	disableRipple: C.default.bool,
+	edge: C.default.oneOf([
+		"end",
+		"start",
+		!1
+	]),
+	id: C.default.string,
+	loading: C.default.bool,
+	loadingIndicator: C.default.node,
+	size: C.default.oneOfType([C.default.oneOf([
+		"small",
+		"medium",
+		"large"
+	]), C.default.string]),
+	sx: C.default.oneOfType([
+		C.default.arrayOf(C.default.oneOfType([
+			C.default.func,
+			C.default.object,
+			C.default.bool
+		])),
+		C.default.func,
+		C.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/InputBase/utils.mjs
+function V(e) {
+	return e != null && !(Array.isArray(e) && e.length === 0);
+}
+function H(e, t = !1) {
+	return e && (V(e.value) && e.value !== "" || t && V(e.defaultValue) && e.defaultValue !== "");
+}
+function U(e) {
+	return e.startAdornment;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/InputLabel/inputLabelClasses.mjs
+function W(e) {
+	return l("MuiInputLabel", e);
+}
+var G = u("MuiInputLabel", [
+	"root",
+	"focused",
+	"disabled",
+	"error",
+	"required",
+	"asterisk",
+	"formControl",
+	"sizeSmall",
+	"shrink",
+	"animated",
+	"standard",
+	"filled",
+	"outlined"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/FormControl/formControlClasses.mjs
+function K(e) {
+	return l("MuiFormControl", e);
+}
+u("MuiFormControl", [
+	"root",
+	"marginNone",
+	"marginNormal",
+	"marginDense",
+	"fullWidth",
+	"disabled"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/FormControl/FormControl.mjs
+var q = (e) => {
+	let { classes: t, margin: n, fullWidth: r } = e;
+	return a({ root: [
+		"root",
+		n !== "none" && `margin${i(n)}`,
+		r && "fullWidth"
+	] }, K, t);
+}, J = d("div", {
+	name: "MuiFormControl",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[`margin${i(n.margin)}`],
+			n.fullWidth && t.fullWidth
+		];
+	}
+})({
+	display: "inline-flex",
+	flexDirection: "column",
+	position: "relative",
+	minWidth: 0,
+	padding: 0,
+	margin: 0,
+	border: 0,
+	verticalAlign: "top",
+	variants: [
+		{
+			props: { margin: "normal" },
+			style: {
+				marginTop: 16,
+				marginBottom: 8
+			}
+		},
+		{
+			props: { margin: "dense" },
+			style: {
+				marginTop: 8,
+				marginBottom: 4
+			}
+		},
+		{
+			props: { fullWidth: !0 },
+			style: { width: "100%" }
+		}
+	]
+}), Y = /* @__PURE__ */ y.forwardRef(function(e, t) {
+	let n = o({
+		props: e,
+		name: "MuiFormControl"
+	}), { children: r, className: i, color: a = "primary", component: s = "div", disabled: l = !1, error: u = !1, focused: d, fullWidth: f = !1, hiddenLabel: p = !1, margin: m = "none", required: h = !1, size: g = "medium", variant: _ = "outlined", ...x } = n, S = {
+		...n,
+		color: a,
+		component: s,
+		disabled: l,
+		error: u,
+		fullWidth: f,
+		hiddenLabel: p,
+		margin: m,
+		required: h,
+		size: g,
+		variant: _
+	}, C = q(S), [T, E] = y.useState(() => {
+		let e = !1;
+		return r && y.Children.forEach(r, (t) => {
+			if (!w(t, ["Input", "Select"])) return;
+			let n = w(t, ["Select"]) ? t.props.input : t;
+			n && U(n.props) && (e = !0);
+		}), e;
+	}), [D, O] = y.useState(() => {
+		let e = !1;
+		return r && y.Children.forEach(r, (t) => {
+			w(t, ["Input", "Select"]) && (H(t.props, !0) || H(t.props.inputProps, !0)) && (e = !0);
+		}), e;
+	}), [k, A] = y.useState(!1);
+	l && k && A(!1);
+	let j = d !== void 0 && !l ? d : k, M, N = y.useRef(!1);
+	process.env.NODE_ENV !== "production" && (M = () => (N.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join("\n")), N.current = !0, () => {
+		N.current = !1;
+	}));
+	let P = y.useCallback(() => {
+		O(!0);
+	}, []), F = y.useCallback(() => {
+		O(!1);
+	}, []), I = y.useMemo(() => ({
+		adornedStart: T,
+		setAdornedStart: E,
+		color: a,
+		disabled: l,
+		error: u,
+		filled: D,
+		focused: j,
+		fullWidth: f,
+		hiddenLabel: p,
+		size: g,
+		onBlur: () => {
+			A(!1);
+		},
+		onFocus: () => {
+			A(!0);
+		},
+		onEmpty: F,
+		onFilled: P,
+		registerEffect: M,
+		required: h,
+		variant: _
+	}), [
+		T,
+		a,
+		l,
+		u,
+		D,
+		j,
+		f,
+		p,
+		M,
+		F,
+		P,
+		h,
+		g,
+		_
+	]);
+	return /* @__PURE__ */ b(v.Provider, {
+		value: I,
+		children: /* @__PURE__ */ b(J, {
+			as: s,
+			ownerState: S,
+			className: c(C.root, i),
+			ref: t,
+			...x,
+			children: r
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (Y.propTypes = {
+	children: C.default.node,
+	classes: C.default.object,
+	className: C.default.string,
+	color: C.default.oneOfType([C.default.oneOf([
+		"primary",
+		"secondary",
+		"error",
+		"info",
+		"success",
+		"warning"
+	]), C.default.string]),
+	component: C.default.elementType,
+	disabled: C.default.bool,
+	error: C.default.bool,
+	focused: C.default.bool,
+	fullWidth: C.default.bool,
+	hiddenLabel: C.default.bool,
+	margin: C.default.oneOf([
+		"dense",
+		"none",
+		"normal"
+	]),
+	required: C.default.bool,
+	size: C.default.oneOfType([C.default.oneOf(["medium", "small"]), C.default.string]),
+	sx: C.default.oneOfType([
+		C.default.arrayOf(C.default.oneOfType([
+			C.default.func,
+			C.default.object,
+			C.default.bool
+		])),
+		C.default.func,
+		C.default.object
+	]),
+	variant: C.default.oneOf([
+		"filled",
+		"outlined",
+		"standard"
+	])
+});
+//#endregion
+export { B as a, H as i, W as n, I as o, G as r, Y as t };

package/dist/InfoOutlined-CqXSSVWh.js

@@ -0,0 +1,6 @@
+import { t as e } from "./createSvgIcon-BdNZIlKS.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/icons-material/InfoOutlined.mjs
+var n = e(/* @__PURE__ */ t("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");
+//#endregion
+export { n as t };