@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/FormControl-DsRIRfTs.js

@@ -1,686 +0,0 @@
-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 { h as f } from "./Modal-CLdC2-Th.js";
-import { n as p } from "./useForkRef-yOYCJHzF.js";
-import { t as m } from "./ButtonBase-BDefit5I.js";
-import { c as h, f as g, l as _, s as v } from "./useSlot-IwEDsR9t.js";
-import { t as y } from "./createSimplePaletteValueFilter-5v48HHyU.js";
-import { n as b, t as x } from "./iconButtonClasses-LyjwljJq.js";
-import { r as S } from "./useFormControl-CUs308br.js";
-import * as C from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/system/RtlProvider/index.mjs
-var E = /* @__PURE__ */ e(t(), 1), D = /* @__PURE__ */ C.createContext();
-function O({ value: e, ...t }) {
-	return /* @__PURE__ */ w(D.Provider, {
-		value: e ?? !0,
-		...t
-	});
-}
-process.env.NODE_ENV !== "production" && (O.propTypes = {
-	children: E.default.node,
-	value: E.default.bool
-});
-var k = () => C.useContext(D) ?? !1;
-//#endregion
-//#region ../../node_modules/@mui/utils/isMuiElement/isMuiElement.mjs
-function A(e, t) {
-	return /* @__PURE__ */ C.isValidElement(e) && t.indexOf(e.type.muiName ?? e.type?._payload?.value?.muiName) !== -1;
-}
-//#endregion
-//#region ../../node_modules/@mui/utils/useSlotProps/useSlotProps.mjs
-function j(e) {
-	let { elementType: t, externalSlotProps: n, ownerState: r, skipResolvingSlotProps: i = !1, ...a } = e, o = i ? {} : h(n, r), { props: s, internalRef: c } = _({
-		...a,
-		externalSlotProps: o
-	}), l = p(c, o?.ref, e.additionalProps?.ref);
-	return g(t, {
-		...s,
-		ref: l
-	}, r);
-}
-//#endregion
-//#region ../../node_modules/@mui/material/utils/isMuiElement.mjs
-var M = A;
-//#endregion
-//#region ../../node_modules/@mui/material/CircularProgress/circularProgressClasses.mjs
-function N(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 P = 44, F = n`
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-`, I = 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;
-  }
-`, L = typeof F == "string" ? null : r`
-        animation: ${F} 1.4s linear infinite;
-      `, R = typeof I == "string" ? null : r`
-        animation: ${I} 1.4s ease-in-out infinite;
-      `, z = (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"]
-	}, N, t);
-}, B = 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: L || { animation: `${F} 1.4s linear infinite` }
-		},
-		...Object.entries(e.palette).filter(y()).map(([t]) => ({
-			props: { color: t },
-			style: { color: (e.vars || e).palette[t].main }
-		}))
-	]
-}))), V = d("svg", {
-	name: "MuiCircularProgress",
-	slot: "Svg"
-})({ display: "block" }), H = 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: R || { animation: `${I} 1.4s ease-in-out infinite` }
-		}
-	]
-}))), U = d("circle", {
-	name: "MuiCircularProgress",
-	slot: "Track"
-})(s(({ theme: e }) => ({
-	stroke: "currentColor",
-	opacity: (e.vars || e).palette.action.activatedOpacity
-}))), W = /* @__PURE__ */ C.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
-	}, b = z(y), x = {}, S = {}, C = {};
-	if (h === "determinate") {
-		let e = 2 * Math.PI * ((P - 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 - _;
-		x.strokeDasharray = e.toFixed(3), x.strokeDashoffset = t > 0 ? `${((v - m) / t * e).toFixed(3)}px` : `${e.toFixed(3)}px`, S.transform = "rotate(-90deg)", C["aria-valuenow"] = m, C["aria-valuemin"] = _, C["aria-valuemax"] = v;
-	}
-	return /* @__PURE__ */ w(B, {
-		className: c(b.root, r),
-		style: {
-			width: d,
-			height: d,
-			...S,
-			...f
-		},
-		ownerState: y,
-		ref: t,
-		role: "progressbar",
-		...C,
-		...g,
-		children: /* @__PURE__ */ T(V, {
-			className: b.svg,
-			ownerState: y,
-			viewBox: `${P / 2} ${P / 2} ${P} ${P}`,
-			children: [s ? /* @__PURE__ */ w(U, {
-				className: b.track,
-				ownerState: y,
-				cx: P,
-				cy: P,
-				r: (P - p) / 2,
-				fill: "none",
-				strokeWidth: p,
-				"aria-hidden": "true"
-			}) : null, /* @__PURE__ */ w(H, {
-				className: b.circle,
-				style: x,
-				ownerState: y,
-				cx: P,
-				cy: P,
-				r: (P - p) / 2,
-				fill: "none",
-				strokeWidth: p
-			})]
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (W.propTypes = {
-	classes: E.default.object,
-	className: E.default.string,
-	color: E.default.oneOfType([E.default.oneOf([
-		"inherit",
-		"primary",
-		"secondary",
-		"error",
-		"info",
-		"success",
-		"warning"
-	]), E.default.string]),
-	disableShrink: v(E.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: E.default.bool,
-	max: E.default.number,
-	min: E.default.number,
-	size: E.default.oneOfType([E.default.number, E.default.string]),
-	style: E.default.object,
-	sx: E.default.oneOfType([
-		E.default.arrayOf(E.default.oneOfType([
-			E.default.func,
-			E.default.object,
-			E.default.bool
-		])),
-		E.default.func,
-		E.default.object
-	]),
-	thickness: E.default.number,
-	value: E.default.number,
-	variant: E.default.oneOf(["determinate", "indeterminate"])
-});
-//#endregion
-//#region ../../node_modules/@mui/material/IconButton/IconButton.mjs
-var G = (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"]
-	}, x, t);
-}, K = d(m, {
-	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(y()).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)
-			}
-		}
-	],
-	[`&.${b.disabled}`]: {
-		backgroundColor: "transparent",
-		color: (e.vars || e).palette.action.disabled
-	},
-	[`&.${b.loading}`]: { color: "transparent" }
-}))), q = 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" }
-	}]
-})), J = /* @__PURE__ */ C.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__ */ w(W, {
-		"aria-labelledby": _,
-		color: "inherit",
-		size: 16
-	}), y = {
-		...n,
-		edge: r,
-		color: s,
-		disabled: l,
-		disableFocusRipple: u,
-		loading: m,
-		loadingIndicator: v,
-		size: d
-	}, b = G(y);
-	return /* @__PURE__ */ T(K, {
-		id: m ? _ : p,
-		className: c(b.root, a),
-		centerRipple: !0,
-		internalNativeButton: !0,
-		focusRipple: !u,
-		disabled: l || m,
-		ref: t,
-		...g,
-		ownerState: y,
-		children: [typeof m == "boolean" && /* @__PURE__ */ w("span", {
-			className: b.loadingWrapper,
-			style: { display: "contents" },
-			children: /* @__PURE__ */ w(q, {
-				className: b.loadingIndicator,
-				ownerState: y,
-				children: m && v
-			})
-		}), i]
-	});
-});
-process.env.NODE_ENV !== "production" && (J.propTypes = {
-	children: v(E.default.node, (e) => C.Children.toArray(e.children).some((e) => /* @__PURE__ */ C.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: E.default.object,
-	className: E.default.string,
-	color: E.default.oneOfType([E.default.oneOf([
-		"inherit",
-		"default",
-		"primary",
-		"secondary",
-		"error",
-		"info",
-		"success",
-		"warning"
-	]), E.default.string]),
-	disabled: E.default.bool,
-	disableFocusRipple: E.default.bool,
-	disableRipple: E.default.bool,
-	edge: E.default.oneOf([
-		"end",
-		"start",
-		!1
-	]),
-	id: E.default.string,
-	loading: E.default.bool,
-	loadingIndicator: E.default.node,
-	size: E.default.oneOfType([E.default.oneOf([
-		"small",
-		"medium",
-		"large"
-	]), E.default.string]),
-	sx: E.default.oneOfType([
-		E.default.arrayOf(E.default.oneOfType([
-			E.default.func,
-			E.default.object,
-			E.default.bool
-		])),
-		E.default.func,
-		E.default.object
-	])
-});
-//#endregion
-//#region ../../node_modules/@mui/material/InputBase/utils.mjs
-function Y(e) {
-	return e != null && !(Array.isArray(e) && e.length === 0);
-}
-function X(e, t = !1) {
-	return e && (Y(e.value) && e.value !== "" || t && Y(e.defaultValue) && e.defaultValue !== "");
-}
-function Z(e) {
-	return e.startAdornment;
-}
-//#endregion
-//#region ../../node_modules/@mui/material/InputLabel/inputLabelClasses.mjs
-function Q(e) {
-	return l("MuiInputLabel", e);
-}
-var ee = 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 te(e) {
-	return l("MuiFormControl", e);
-}
-u("MuiFormControl", [
-	"root",
-	"marginNone",
-	"marginNormal",
-	"marginDense",
-	"fullWidth",
-	"disabled"
-]);
-//#endregion
-//#region ../../node_modules/@mui/material/FormControl/FormControl.mjs
-var ne = (e) => {
-	let { classes: t, margin: n, fullWidth: r } = e;
-	return a({ root: [
-		"root",
-		n !== "none" && `margin${i(n)}`,
-		r && "fullWidth"
-	] }, te, t);
-}, re = 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%" }
-		}
-	]
-}), $ = /* @__PURE__ */ C.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", ...v } = n, y = {
-		...n,
-		color: a,
-		component: s,
-		disabled: l,
-		error: u,
-		fullWidth: f,
-		hiddenLabel: p,
-		margin: m,
-		required: h,
-		size: g,
-		variant: _
-	}, b = ne(y), [x, T] = C.useState(() => {
-		let e = !1;
-		return r && C.Children.forEach(r, (t) => {
-			if (!M(t, ["Input", "Select"])) return;
-			let n = M(t, ["Select"]) ? t.props.input : t;
-			n && Z(n.props) && (e = !0);
-		}), e;
-	}), [E, D] = C.useState(() => {
-		let e = !1;
-		return r && C.Children.forEach(r, (t) => {
-			M(t, ["Input", "Select"]) && (X(t.props, !0) || X(t.props.inputProps, !0)) && (e = !0);
-		}), e;
-	}), [O, k] = C.useState(!1);
-	l && O && k(!1);
-	let A = d !== void 0 && !l ? d : O, j, N = C.useRef(!1);
-	process.env.NODE_ENV !== "production" && (j = () => (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 = C.useCallback(() => {
-		D(!0);
-	}, []), F = C.useCallback(() => {
-		D(!1);
-	}, []), I = C.useMemo(() => ({
-		adornedStart: x,
-		setAdornedStart: T,
-		color: a,
-		disabled: l,
-		error: u,
-		filled: E,
-		focused: A,
-		fullWidth: f,
-		hiddenLabel: p,
-		size: g,
-		onBlur: () => {
-			k(!1);
-		},
-		onFocus: () => {
-			k(!0);
-		},
-		onEmpty: F,
-		onFilled: P,
-		registerEffect: j,
-		required: h,
-		variant: _
-	}), [
-		x,
-		a,
-		l,
-		u,
-		E,
-		A,
-		f,
-		p,
-		j,
-		F,
-		P,
-		h,
-		g,
-		_
-	]);
-	return /* @__PURE__ */ w(S.Provider, {
-		value: I,
-		children: /* @__PURE__ */ w(re, {
-			as: s,
-			ownerState: y,
-			className: c(b.root, i),
-			ref: t,
-			...v,
-			children: r
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && ($.propTypes = {
-	children: E.default.node,
-	classes: E.default.object,
-	className: E.default.string,
-	color: E.default.oneOfType([E.default.oneOf([
-		"primary",
-		"secondary",
-		"error",
-		"info",
-		"success",
-		"warning"
-	]), E.default.string]),
-	component: E.default.elementType,
-	disabled: E.default.bool,
-	error: E.default.bool,
-	focused: E.default.bool,
-	fullWidth: E.default.bool,
-	hiddenLabel: E.default.bool,
-	margin: E.default.oneOf([
-		"dense",
-		"none",
-		"normal"
-	]),
-	required: E.default.bool,
-	size: E.default.oneOfType([E.default.oneOf(["medium", "small"]), E.default.string]),
-	sx: E.default.oneOfType([
-		E.default.arrayOf(E.default.oneOfType([
-			E.default.func,
-			E.default.object,
-			E.default.bool
-		])),
-		E.default.func,
-		E.default.object
-	]),
-	variant: E.default.oneOf([
-		"filled",
-		"outlined",
-		"standard"
-	])
-});
-//#endregion
-export { J as a, k as c, X as i, Q as n, W as o, ee as r, j as s, $ as t };