@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/IconButton-CE-4GamO.js

@@ -0,0 +1,448 @@
+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 { t as d } from "./chainPropTypes-CkMRtDjQ.js";
+import { t as f } from "./ButtonBase-DovDC6-1.js";
+import { t as p } from "./capitalize-C0baBJCm.js";
+import { t as m } from "./createSimplePaletteValueFilter-DFvyXHoZ.js";
+import { n as h, t as g } from "./iconButtonClasses-CVVRFXRo.js";
+import * as _ from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/utils/useId/useId.mjs
+var b = 0;
+function x(e) {
+	let [t, n] = _.useState(e), r = e || t;
+	return _.useEffect(() => {
+		t ?? (b += 1, n(`mui-${b}`));
+	}, [t]), r;
+}
+var S = { ..._ }.useId;
+function C(e) {
+	if (S !== void 0) {
+		let t = S();
+		return e ?? t;
+	}
+	return x(e);
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/useId.mjs
+var w = C, T = /* @__PURE__ */ e(r(), 1);
+function E(e) {
+	return o("MuiCircularProgress", e);
+}
+c("MuiCircularProgress", [
+	"root",
+	"determinate",
+	"indeterminate",
+	"colorPrimary",
+	"colorSecondary",
+	"svg",
+	"track",
+	"circle",
+	"circleDisableShrink"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/CircularProgress/CircularProgress.mjs
+var D = 44, O = n`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`, k = 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;
+  }
+`, A = typeof O == "string" ? null : t`
+        animation: ${O} 1.4s linear infinite;
+      `, j = typeof k == "string" ? null : t`
+        animation: ${k} 1.4s ease-in-out infinite;
+      `, M = (e) => {
+	let { classes: t, variant: n, color: r, disableShrink: a } = e;
+	return i({
+		root: [
+			"root",
+			n,
+			`color${p(r)}`
+		],
+		svg: ["svg"],
+		track: ["track"],
+		circle: ["circle", a && "circleDisableShrink"]
+	}, E, t);
+}, N = l("span", {
+	name: "MuiCircularProgress",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.variant],
+			t[`color${p(n.color)}`]
+		];
+	}
+})(u(({ theme: e }) => ({
+	display: "inline-block",
+	variants: [
+		{
+			props: { variant: "determinate" },
+			style: { transition: e.transitions.create("transform") }
+		},
+		{
+			props: { variant: "indeterminate" },
+			style: A || { animation: `${O} 1.4s linear infinite` }
+		},
+		...Object.entries(e.palette).filter(m()).map(([t]) => ({
+			props: { color: t },
+			style: { color: (e.vars || e).palette[t].main }
+		}))
+	]
+}))), P = l("svg", {
+	name: "MuiCircularProgress",
+	slot: "Svg"
+})({ display: "block" }), F = l("circle", {
+	name: "MuiCircularProgress",
+	slot: "Circle",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.circle, n.disableShrink && t.circleDisableShrink];
+	}
+})(u(({ 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: j || { animation: `${k} 1.4s ease-in-out infinite` }
+		}
+	]
+}))), I = l("circle", {
+	name: "MuiCircularProgress",
+	slot: "Track"
+})(u(({ theme: e }) => ({
+	stroke: "currentColor",
+	opacity: (e.vars || e).palette.action.activatedOpacity
+}))), L = /* @__PURE__ */ _.forwardRef(function(e, t) {
+	let n = a({
+		props: e,
+		name: "MuiCircularProgress"
+	}), { className: r, color: i = "primary", disableShrink: o = !1, enableTrackSlot: c = !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, b = u ?? 100, x = {
+		...n,
+		color: i,
+		disableShrink: o,
+		size: d,
+		thickness: p,
+		value: m,
+		variant: h,
+		enableTrackSlot: c
+	}, S = M(x), C = {}, w = {}, T = {};
+	if (h === "determinate") {
+		let e = 2 * Math.PI * ((D - p) / 2);
+		process.env.NODE_ENV !== "production" && (m < _ || m > b || _ >= b) && console.error(`MUI: The min, max, and value props in CircularProgress should be numbers where min < max and min <= value <= max. Received min=${_}, max=${b}, value=${m}.`);
+		let t = b - _;
+		C.strokeDasharray = e.toFixed(3), C.strokeDashoffset = t > 0 ? `${((b - m) / t * e).toFixed(3)}px` : `${e.toFixed(3)}px`, w.transform = "rotate(-90deg)", T["aria-valuenow"] = m, T["aria-valuemin"] = _, T["aria-valuemax"] = b;
+	}
+	return /* @__PURE__ */ v(N, {
+		className: s(S.root, r),
+		style: {
+			width: d,
+			height: d,
+			...w,
+			...f
+		},
+		ownerState: x,
+		ref: t,
+		role: "progressbar",
+		...T,
+		...g,
+		children: /* @__PURE__ */ y(P, {
+			className: S.svg,
+			ownerState: x,
+			viewBox: `${D / 2} ${D / 2} ${D} ${D}`,
+			children: [c ? /* @__PURE__ */ v(I, {
+				className: S.track,
+				ownerState: x,
+				cx: D,
+				cy: D,
+				r: (D - p) / 2,
+				fill: "none",
+				strokeWidth: p,
+				"aria-hidden": "true"
+			}) : null, /* @__PURE__ */ v(F, {
+				className: S.circle,
+				style: C,
+				ownerState: x,
+				cx: D,
+				cy: D,
+				r: (D - p) / 2,
+				fill: "none",
+				strokeWidth: p
+			})]
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (L.propTypes = {
+	classes: T.default.object,
+	className: T.default.string,
+	color: T.default.oneOfType([T.default.oneOf([
+		"inherit",
+		"primary",
+		"secondary",
+		"error",
+		"info",
+		"success",
+		"warning"
+	]), T.default.string]),
+	disableShrink: d(T.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: T.default.bool,
+	max: T.default.number,
+	min: T.default.number,
+	size: T.default.oneOfType([T.default.number, T.default.string]),
+	style: T.default.object,
+	sx: T.default.oneOfType([
+		T.default.arrayOf(T.default.oneOfType([
+			T.default.func,
+			T.default.object,
+			T.default.bool
+		])),
+		T.default.func,
+		T.default.object
+	]),
+	thickness: T.default.number,
+	value: T.default.number,
+	variant: T.default.oneOf(["determinate", "indeterminate"])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/IconButton/IconButton.mjs
+var R = (e) => {
+	let { classes: t, disabled: n, color: r, edge: a, size: o, loading: s } = e;
+	return i({
+		root: [
+			"root",
+			s && "loading",
+			n && "disabled",
+			r !== "default" && `color${p(r)}`,
+			a && `edge${p(a)}`,
+			`size${p(o)}`
+		],
+		loadingIndicator: ["loadingIndicator"],
+		loadingWrapper: ["loadingWrapper"]
+	}, g, t);
+}, z = l(f, {
+	name: "MuiIconButton",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.loading && t.loading,
+			n.color !== "default" && t[`color${p(n.color)}`],
+			n.edge && t[`edge${p(n.edge)}`],
+			t[`size${p(n.size)}`]
+		];
+	}
+})(u(({ 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 }
+		}
+	]
+})), u(({ theme: e }) => ({
+	variants: [
+		{
+			props: { color: "inherit" },
+			style: { color: "inherit" }
+		},
+		...Object.entries(e.palette).filter(m()).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)
+			}
+		}
+	],
+	[`&.${h.disabled}`]: {
+		backgroundColor: "transparent",
+		color: (e.vars || e).palette.action.disabled
+	},
+	[`&.${h.loading}`]: { color: "transparent" }
+}))), B = l("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" }
+	}]
+})), V = /* @__PURE__ */ _.forwardRef(function(e, t) {
+	let n = a({
+		props: e,
+		name: "MuiIconButton"
+	}), { edge: r = !1, children: i, className: o, color: c = "default", disabled: l = !1, disableFocusRipple: u = !1, size: d = "medium", id: f, loading: p = null, loadingIndicator: m, ...h } = n, g = w(f), _ = m ?? /* @__PURE__ */ v(L, {
+		"aria-labelledby": g,
+		color: "inherit",
+		size: 16
+	}), b = {
+		...n,
+		edge: r,
+		color: c,
+		disabled: l,
+		disableFocusRipple: u,
+		loading: p,
+		loadingIndicator: _,
+		size: d
+	}, x = R(b);
+	return /* @__PURE__ */ y(z, {
+		id: p ? g : f,
+		className: s(x.root, o),
+		centerRipple: !0,
+		internalNativeButton: !0,
+		focusRipple: !u,
+		disabled: l || p,
+		ref: t,
+		...h,
+		ownerState: b,
+		children: [typeof p == "boolean" && /* @__PURE__ */ v("span", {
+			className: x.loadingWrapper,
+			style: { display: "contents" },
+			children: /* @__PURE__ */ v(B, {
+				className: x.loadingIndicator,
+				ownerState: b,
+				children: p && _
+			})
+		}), i]
+	});
+});
+process.env.NODE_ENV !== "production" && (V.propTypes = {
+	children: d(T.default.node, (e) => _.Children.toArray(e.children).some((e) => /* @__PURE__ */ _.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: T.default.object,
+	className: T.default.string,
+	color: T.default.oneOfType([T.default.oneOf([
+		"inherit",
+		"default",
+		"primary",
+		"secondary",
+		"error",
+		"info",
+		"success",
+		"warning"
+	]), T.default.string]),
+	disabled: T.default.bool,
+	disableFocusRipple: T.default.bool,
+	disableRipple: T.default.bool,
+	edge: T.default.oneOf([
+		"end",
+		"start",
+		!1
+	]),
+	id: T.default.string,
+	loading: T.default.bool,
+	loadingIndicator: T.default.node,
+	size: T.default.oneOfType([T.default.oneOf([
+		"small",
+		"medium",
+		"large"
+	]), T.default.string]),
+	sx: T.default.oneOfType([
+		T.default.arrayOf(T.default.oneOfType([
+			T.default.func,
+			T.default.object,
+			T.default.bool
+		])),
+		T.default.func,
+		T.default.object
+	])
+});
+//#endregion
+export { C as i, L as n, w as r, V as t };

package/dist/InfoOutlined-lpvhO6P8.js

@@ -0,0 +1,6 @@
+import { t as e } from "./createSvgIcon-3y-gS0r1.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 };

package/dist/List-RNcZhRdr.js

@@ -0,0 +1,105 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { t as i } from "./generateUtilityClass-PAIOm1jC.js";
+import { t as a } from "./clsx-DGZSe4Nt.js";
+import { t as o } from "./generateUtilityClasses-DvX505Gy.js";
+import { t as s } from "./styled-Bog8QCl3.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/List/ListContext.mjs
+var d = /* @__PURE__ */ e(t(), 1), f = /* @__PURE__ */ c.createContext({});
+process.env.NODE_ENV !== "production" && (f.displayName = "ListContext");
+//#endregion
+//#region ../../node_modules/@mui/material/List/listClasses.mjs
+function p(e) {
+	return i("MuiList", e);
+}
+o("MuiList", [
+	"root",
+	"padding",
+	"dense",
+	"subheader"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/List/List.mjs
+var m = (e) => {
+	let { classes: t, disablePadding: r, dense: i, subheader: a } = e;
+	return n({ root: [
+		"root",
+		!r && "padding",
+		i && "dense",
+		a && "subheader"
+	] }, p, t);
+}, h = s("ul", {
+	name: "MuiList",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			!n.disablePadding && t.padding,
+			n.dense && t.dense,
+			n.subheader && t.subheader
+		];
+	}
+})({
+	listStyle: "none",
+	margin: 0,
+	padding: 0,
+	position: "relative",
+	variants: [{
+		props: ({ ownerState: e }) => !e.disablePadding,
+		style: {
+			paddingTop: 8,
+			paddingBottom: 8
+		}
+	}, {
+		props: ({ ownerState: e }) => e.subheader,
+		style: {
+			paddingTop: 0,
+			isolation: "isolate"
+		}
+	}]
+}), g = /* @__PURE__ */ c.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiList"
+	}), { children: i, className: o, component: s = "ul", dense: d = !1, disablePadding: p = !1, subheader: g, ..._ } = n, v = c.useMemo(() => ({ dense: d }), [d]), y = {
+		...n,
+		component: s,
+		dense: d,
+		disablePadding: p
+	}, b = m(y);
+	return /* @__PURE__ */ l(f.Provider, {
+		value: v,
+		children: /* @__PURE__ */ u(h, {
+			as: s,
+			className: a(b.root, o),
+			ref: t,
+			ownerState: y,
+			..._,
+			children: [g, i]
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (g.propTypes = {
+	children: d.default.node,
+	classes: d.default.object,
+	className: d.default.string,
+	component: d.default.elementType,
+	dense: d.default.bool,
+	disablePadding: d.default.bool,
+	subheader: d.default.node,
+	sx: d.default.oneOfType([
+		d.default.arrayOf(d.default.oneOfType([
+			d.default.func,
+			d.default.object,
+			d.default.bool
+		])),
+		d.default.func,
+		d.default.object
+	])
+});
+//#endregion
+export { f as n, g as t };