@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/Portal-AnyvFRC4.js

@@ -0,0 +1,53 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { t as n } from "./useEnhancedEffect-DFq_FMGX.js";
+import { t as r } from "./exactProp-C_IsucXf.js";
+import { n as i } from "./elementAcceptingRef-DhkNAkFH.js";
+import { n as a } from "./useForkRef-CKneCEtr.js";
+import * as o from "react";
+import * as s from "react-dom";
+//#region ../../node_modules/@mui/utils/setRef/setRef.mjs
+function c(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/HTMLElementType/HTMLElementType.mjs
+function l(e, t, n, r, i) {
+	if (process.env.NODE_ENV === "production") return null;
+	let a = e[t], o = i || t;
+	return a == null ? null : a && a.nodeType !== 1 ? /* @__PURE__ */ Error(`Invalid ${r} \`${o}\` supplied to \`${n}\`. Expected an HTMLElement.`) : null;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/Portal/Portal.mjs
+var u = /* @__PURE__ */ e(t(), 1);
+function d(e) {
+	return typeof e == "function" ? e() : e;
+}
+var f = /* @__PURE__ */ o.forwardRef(function(e, t) {
+	let { children: r, container: l, disablePortal: u = !1 } = e, [f, p] = o.useState(null), m = a(/* @__PURE__ */ o.isValidElement(r) ? i(r) : null, t);
+	if (n(() => {
+		u || p(d(l) || document.body);
+	}, [l, u]), n(() => {
+		if (f && !u) return c(t, f), () => {
+			c(t, null);
+		};
+	}, [
+		t,
+		f,
+		u
+	]), u) {
+		if (/* @__PURE__ */ o.isValidElement(r)) {
+			let e = { ref: m };
+			return /* @__PURE__ */ o.cloneElement(r, e);
+		}
+		return r;
+	}
+	return f && /* @__PURE__ */ s.createPortal(r, f);
+});
+process.env.NODE_ENV !== "production" && (f.propTypes = {
+	children: u.default.node,
+	container: u.default.oneOfType([l, u.default.func]),
+	disablePortal: u.default.bool
+}), process.env.NODE_ENV !== "production" && (f.propTypes = r(f.propTypes));
+//#endregion
+export { l as n, c as r, f as t };

package/dist/RtlProvider-B7uVJXUY.js

@@ -0,0 +1,19 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/system/RtlProvider/index.mjs
+var i = /* @__PURE__ */ e(t(), 1), a = /* @__PURE__ */ n.createContext();
+function o({ value: e, ...t }) {
+	return /* @__PURE__ */ r(a.Provider, {
+		value: e ?? !0,
+		...t
+	});
+}
+process.env.NODE_ENV !== "production" && (o.propTypes = {
+	children: i.default.node,
+	value: i.default.bool
+});
+var s = () => n.useContext(a) ?? !1;
+//#endregion
+export { s as t };

package/dist/Skeleton-iZFynl7z.js

@@ -0,0 +1,220 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { i as t, s as n } from "./defaultTheme-BaGcIzCh.js";
+import { t as r } from "./prop-types-BzYPyWN7.js";
+import { r as i, t as a } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { t as o } from "./generateUtilityClass-PAIOm1jC.js";
+import { t as s } from "./clsx-DGZSe4Nt.js";
+import { t as c } from "./generateUtilityClasses-DvX505Gy.js";
+import { t as l } from "./styled-Bog8QCl3.js";
+import { t as u } from "./memoTheme-qFyKAk7y.js";
+import * as d from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/styles/cssUtils.mjs
+function p(e) {
+	return String(e).match(/[\d.\-+]*\s*(.*)/)[1] || "";
+}
+function m(e) {
+	return parseFloat(e);
+}
+//#endregion
+//#region ../../node_modules/@mui/material/Skeleton/skeletonClasses.mjs
+var h = /* @__PURE__ */ e(r(), 1);
+function g(e) {
+	return o("MuiSkeleton", e);
+}
+c("MuiSkeleton", [
+	"root",
+	"text",
+	"rectangular",
+	"rounded",
+	"circular",
+	"pulse",
+	"wave",
+	"withChildren",
+	"fitContent",
+	"heightAuto"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/Skeleton/Skeleton.mjs
+var _ = (e) => {
+	let { classes: t, variant: n, animation: r, hasChildren: a, width: o, height: s } = e;
+	return i({ root: [
+		"root",
+		n,
+		r,
+		a && "withChildren",
+		a && !o && "fitContent",
+		a && !s && "heightAuto"
+	] }, g, t);
+}, v = n`
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`, y = n`
+  0% {
+    transform: translateX(-100%);
+  }
+
+  50% {
+    /* +0.5s of delay between each loop */
+    transform: translateX(100%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+`, b = typeof v == "string" ? null : t`
+        animation: ${v} 2s ease-in-out 0.5s infinite;
+      `, x = typeof y == "string" ? null : t`
+        &::after {
+          animation: ${y} 2s linear 0.5s infinite;
+        }
+      `, S = l("span", {
+	name: "MuiSkeleton",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.variant],
+			n.animation !== !1 && t[n.animation],
+			n.hasChildren && t.withChildren,
+			n.hasChildren && !n.width && t.fitContent,
+			n.hasChildren && !n.height && t.heightAuto
+		];
+	}
+})(u(({ theme: e }) => {
+	let t = p(e.shape.borderRadius) || "px", n = m(e.shape.borderRadius);
+	return {
+		display: "block",
+		backgroundColor: e.vars ? e.vars.palette.Skeleton.bg : e.alpha(e.palette.text.primary, e.palette.mode === "light" ? .11 : .13),
+		height: "1.2em",
+		variants: [
+			{
+				props: { variant: "text" },
+				style: {
+					marginTop: 0,
+					marginBottom: 0,
+					height: "auto",
+					transformOrigin: "0 55%",
+					transform: "scale(1, 0.60)",
+					borderRadius: `${n}${t}/${Math.round(n / .6 * 10) / 10}${t}`,
+					"&:empty:before": { content: "\"\\00a0\"" }
+				}
+			},
+			{
+				props: { variant: "circular" },
+				style: { borderRadius: "50%" }
+			},
+			{
+				props: { variant: "rounded" },
+				style: { borderRadius: (e.vars || e).shape.borderRadius }
+			},
+			{
+				props: ({ ownerState: e }) => e.hasChildren,
+				style: { "& > *": { visibility: "hidden" } }
+			},
+			{
+				props: ({ ownerState: e }) => e.hasChildren && !e.width,
+				style: { maxWidth: "fit-content" }
+			},
+			{
+				props: ({ ownerState: e }) => e.hasChildren && !e.height,
+				style: { height: "auto" }
+			},
+			{
+				props: { animation: "pulse" },
+				style: b || { animation: `${v} 2s ease-in-out 0.5s infinite` }
+			},
+			{
+				props: { animation: "wave" },
+				style: {
+					position: "relative",
+					overflow: "hidden",
+					WebkitMaskImage: "-webkit-radial-gradient(white, black)",
+					"&::after": {
+						background: `linear-gradient(
+                90deg,
+                transparent,
+                ${(e.vars || e).palette.action.hover},
+                transparent
+              )`,
+						content: "\"\"",
+						position: "absolute",
+						transform: "translateX(-100%)",
+						bottom: 0,
+						left: 0,
+						right: 0,
+						top: 0
+					}
+				}
+			},
+			{
+				props: { animation: "wave" },
+				style: x || { "&::after": { animation: `${y} 2s linear 0.5s infinite` } }
+			}
+		]
+	};
+})), C = /* @__PURE__ */ d.forwardRef(function(e, t) {
+	let n = a({
+		props: e,
+		name: "MuiSkeleton"
+	}), { animation: r = "pulse", className: i, component: o = "span", height: c, style: l, variant: u = "text", width: d, ...p } = n, m = {
+		...n,
+		animation: r,
+		component: o,
+		variant: u,
+		hasChildren: !!p.children
+	};
+	return /* @__PURE__ */ f(S, {
+		as: o,
+		ref: t,
+		className: s(_(m).root, i),
+		ownerState: m,
+		...p,
+		style: {
+			width: d,
+			height: c,
+			...l
+		}
+	});
+});
+process.env.NODE_ENV !== "production" && (C.propTypes = {
+	animation: h.default.oneOf([
+		"pulse",
+		"wave",
+		!1
+	]),
+	children: h.default.node,
+	classes: h.default.object,
+	className: h.default.string,
+	component: h.default.elementType,
+	height: h.default.oneOfType([h.default.number, h.default.string]),
+	style: h.default.object,
+	sx: h.default.oneOfType([
+		h.default.arrayOf(h.default.oneOfType([
+			h.default.func,
+			h.default.object,
+			h.default.bool
+		])),
+		h.default.func,
+		h.default.object
+	]),
+	variant: h.default.oneOfType([h.default.oneOf([
+		"circular",
+		"rectangular",
+		"rounded",
+		"text"
+	]), h.default.string]),
+	width: h.default.oneOfType([h.default.number, h.default.string])
+});
+//#endregion
+export { C as t };

package/dist/{Stack-BQkLmLFp.js → Stack-UMc4dV4G.js}

@@ -1,14 +1,15 @@
 import { n as e } from "./chunk-C_CI6nMA.js";
-import { _ as t, a as n, c as r, d as i, f as a, m as o, s, u as c } from "./createTheme-Bnw5w28O.js";
-import { o as l, r as u } from "./memoTheme-QMocAblm.js";
-import { t as d } from "./clsx-Bv8WXdlr.js";
-import { t as f } from "./generateUtilityClass-tRYNDrlH.js";
-import { i as p, t as m } from "./styled-BTDmdi4c.js";
-import { t as h } from "./useThemeProps-D4jtjo2I.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { d as i, f as a, i as o, m as s, o as c, s as l, u } from "./createTheme-xB2Em0Na.js";
+import { t as d } from "./generateUtilityClass-PAIOm1jC.js";
+import { t as f } from "./clsx-DGZSe4Nt.js";
+import { i as p, t as m } from "./styled-Bog8QCl3.js";
+import { t as h } from "./useThemeProps-BI9yq95N.js";
 import * as g from "react";
 import { jsx as _ } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/system/styled/styled.mjs
-var v = p(), y = /* @__PURE__ */ e(t(), 1), b = n(), x = v("div", {
+var v = p(), y = /* @__PURE__ */ e(t(), 1), b = o(), x = v("div", {
 	name: "MuiStack",
 	slot: "Root"
 });
@@ -32,45 +33,45 @@ var w = (e) => ({
 	let n = {
 		display: "flex",
 		flexDirection: "column",
-		...c({ theme: t }, a({
+		...u({ theme: t }, a({
 			values: e.direction,
 			breakpoints: t.breakpoints.values
 		}), (e) => ({ flexDirection: e }))
 	};
 	if (e.spacing) {
-		let i = s(t), l = Object.keys(t.breakpoints.values).reduce((t, n) => ((typeof e.spacing == "object" && e.spacing[n] != null || typeof e.direction == "object" && e.direction[n] != null) && (t[n] = !0), t), {}), u = a({
+		let r = c(t), i = Object.keys(t.breakpoints.values).reduce((t, n) => ((typeof e.spacing == "object" && e.spacing[n] != null || typeof e.direction == "object" && e.direction[n] != null) && (t[n] = !0), t), {}), o = a({
 			values: e.direction,
-			base: l
+			base: i
 		}), d = a({
 			values: e.spacing,
-			base: l
+			base: i
 		});
-		typeof u == "object" && Object.keys(u).forEach((e, t, n) => {
-			u[e] || (u[e] = t > 0 ? u[n[t - 1]] : "column");
-		}), n = o(n, c({ theme: t }, d, (t, n) => e.useFlexGap ? { gap: r(i, t) } : {
+		typeof o == "object" && Object.keys(o).forEach((e, t, n) => {
+			o[e] || (o[e] = t > 0 ? o[n[t - 1]] : "column");
+		}), n = s(n, u({ theme: t }, d, (t, n) => e.useFlexGap ? { gap: l(r, t) } : {
 			"& > :not(style):not(style)": { margin: 0 },
-			"& > :not(style) ~ :not(style)": { [`margin${w(n ? u[n] : e.direction)}`]: r(i, t) }
+			"& > :not(style) ~ :not(style)": { [`margin${w(n ? o[n] : e.direction)}`]: l(r, t) }
 		}));
 	}
 	return n = i(t.breakpoints, n), n;
 };
 function E(e = {}) {
-	let { createStyledComponent: t = x, useThemeProps: n = S, componentName: r = "MuiStack" } = e, i = () => l({ root: ["root"] }, (e) => f(r, e), {}), a = t(T), o = /* @__PURE__ */ g.forwardRef(function(e, t) {
-		let { component: r = "div", direction: o = "column", spacing: s = 0, divider: c, children: l, className: u, useFlexGap: f = !1, ...p } = n(e);
-		return /* @__PURE__ */ _(a, {
-			as: r,
+	let { createStyledComponent: t = x, useThemeProps: r = S, componentName: i = "MuiStack" } = e, a = () => n({ root: ["root"] }, (e) => d(i, e), {}), o = t(T), s = /* @__PURE__ */ g.forwardRef(function(e, t) {
+		let { component: n = "div", direction: i = "column", spacing: s = 0, divider: c, children: l, className: u, useFlexGap: d = !1, ...p } = r(e);
+		return /* @__PURE__ */ _(o, {
+			as: n,
 			ownerState: {
-				direction: o,
+				direction: i,
 				spacing: s,
-				useFlexGap: f
+				useFlexGap: d
 			},
 			ref: t,
-			className: d(i().root, u),
+			className: f(a().root, u),
 			...p,
 			children: c ? C(l, c) : l
 		});
 	});
-	return process.env.NODE_ENV !== "production" && (o.propTypes = {
+	return process.env.NODE_ENV !== "production" && (s.propTypes = {
 		children: y.default.node,
 		direction: y.default.oneOfType([
 			y.default.oneOf([
@@ -103,7 +104,7 @@ function E(e = {}) {
 			y.default.func,
 			y.default.object
 		])
-	}), o;
+	}), s;
 }
 //#endregion
 //#region ../../node_modules/@mui/material/Stack/Stack.mjs
@@ -112,7 +113,7 @@ var D = E({
 		name: "MuiStack",
 		slot: "Root"
 	}),
-	useThemeProps: (e) => u({
+	useThemeProps: (e) => r({
 		props: e,
 		name: "MuiStack"
 	})

package/dist/SwitchBase-D7zqrstO.js

@@ -0,0 +1,198 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { r as n } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { t as r } from "./generateUtilityClass-PAIOm1jC.js";
+import { t as i } from "./generateUtilityClasses-DvX505Gy.js";
+import { n as a, t as o } from "./styled-Bog8QCl3.js";
+import { t as s } from "./ButtonBase-DxKtpFYs.js";
+import { t as c } from "./useSlot-iIu8ek6E.js";
+import { t as l } from "./capitalize-CccCFNpQ.js";
+import { t as u } from "./useControlled-BeB0W_Ui.js";
+import { t as d } from "./useFormControl-iWLrn7Ek.js";
+import * as f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/internal/switchBaseClasses.mjs
+var h = /* @__PURE__ */ e(t(), 1);
+function g(e) {
+	return r("PrivateSwitchBase", e);
+}
+i("PrivateSwitchBase", [
+	"root",
+	"checked",
+	"disabled",
+	"input",
+	"edgeStart",
+	"edgeEnd"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/internal/SwitchBase.mjs
+var _ = (e) => {
+	let { classes: t, checked: r, disabled: i, edge: a } = e;
+	return n({
+		root: [
+			"root",
+			r && "checked",
+			i && "disabled",
+			a && `edge${l(a)}`
+		],
+		input: ["input"]
+	}, g, t);
+}, v = o(s, { name: "MuiSwitchBase" })({
+	padding: 9,
+	borderRadius: "50%",
+	variants: [
+		{
+			props: {
+				edge: "start",
+				size: "small"
+			},
+			style: { marginLeft: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "start" && t.size !== "small",
+			style: { marginLeft: -12 }
+		},
+		{
+			props: {
+				edge: "end",
+				size: "small"
+			},
+			style: { marginRight: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "end" && t.size !== "small",
+			style: { marginRight: -12 }
+		}
+	]
+}), y = o("input", {
+	name: "MuiSwitchBase",
+	shouldForwardProp: a
+})({
+	cursor: "inherit",
+	position: "absolute",
+	opacity: 0,
+	width: "100%",
+	height: "100%",
+	top: 0,
+	left: 0,
+	margin: 0,
+	padding: 0,
+	zIndex: 1
+}), b = /* @__PURE__ */ f.forwardRef(function(e, t) {
+	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: o, disableFocusRipple: s = !1, edge: l = !1, icon: f, id: h, name: g, onBlur: b, onChange: x, onFocus: S, readOnly: C, required: w = !1, tabIndex: T, type: E, value: D, slots: O = {}, slotProps: k = {}, ...A } = e, { nativeButton: j, ...M } = A, [N, P] = u({
+		controlled: r,
+		default: !!a,
+		name: "SwitchBase",
+		state: "checked"
+	}), F = d(), I = (e) => {
+		S && S(e), F && F.onFocus && F.onFocus(e);
+	}, L = (e) => {
+		b && b(e), F && F.onBlur && F.onBlur(e);
+	}, R = (e) => {
+		if (e.nativeEvent.defaultPrevented || C) return;
+		let t = e.target.checked;
+		P(t), x && x(e, t);
+	}, z = o;
+	F && z === void 0 && (z = F.disabled);
+	let B = E === "checkbox" || E === "radio", V = {
+		...e,
+		checked: N,
+		disabled: z,
+		disableFocusRipple: s,
+		edge: l
+	}, H = _(V), U = {
+		slots: O,
+		slotProps: k
+	}, [W, G] = c("root", {
+		ref: t,
+		elementType: v,
+		className: H.root,
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			...U,
+			component: "span",
+			...M
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onFocus: (t) => {
+				e.onFocus?.(t), I(t);
+			},
+			onBlur: (t) => {
+				e.onBlur?.(t), L(t);
+			}
+		}),
+		ownerState: V,
+		additionalProps: {
+			centerRipple: !0,
+			focusRipple: !s,
+			role: void 0,
+			tabIndex: null
+		}
+	}), [K, q] = c("input", {
+		elementType: y,
+		className: H.input,
+		externalForwardedProps: U,
+		getSlotProps: (e) => ({
+			...e,
+			onChange: (t) => {
+				e.onChange?.(t), R(t);
+			}
+		}),
+		ownerState: V,
+		additionalProps: {
+			autoFocus: n,
+			checked: r,
+			defaultChecked: a,
+			disabled: z,
+			id: B ? h : void 0,
+			name: g,
+			readOnly: C,
+			required: w,
+			tabIndex: T,
+			type: E,
+			...E === "checkbox" && D === void 0 ? {} : { value: D }
+		}
+	});
+	return /* @__PURE__ */ m(W, {
+		...G,
+		children: [/* @__PURE__ */ p(K, { ...q }), N ? i : f]
+	});
+});
+process.env.NODE_ENV !== "production" && (b.propTypes = {
+	autoFocus: h.default.bool,
+	checked: h.default.bool,
+	checkedIcon: h.default.node.isRequired,
+	classes: h.default.object,
+	className: h.default.string,
+	defaultChecked: h.default.bool,
+	disabled: h.default.bool,
+	disableFocusRipple: h.default.bool,
+	edge: h.default.oneOf([
+		"end",
+		"start",
+		!1
+	]),
+	icon: h.default.node.isRequired,
+	id: h.default.string,
+	name: h.default.string,
+	onBlur: h.default.func,
+	onChange: h.default.func,
+	onFocus: h.default.func,
+	readOnly: h.default.bool,
+	required: h.default.bool,
+	slotProps: h.default.shape({
+		input: h.default.oneOfType([h.default.func, h.default.object]),
+		root: h.default.oneOfType([h.default.func, h.default.object])
+	}),
+	slots: h.default.shape({
+		input: h.default.elementType,
+		root: h.default.elementType
+	}),
+	sx: h.default.object,
+	tabIndex: h.default.oneOfType([h.default.number, h.default.string]),
+	type: h.default.string.isRequired,
+	value: h.default.any
+});
+//#endregion
+export { b as t };