@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/s-number-range-Low5QjuD.js

@@ -0,0 +1,253 @@
+import { t as e } from "./generateUtilityClasses-DvX505Gy.js";
+import { toSxArray as t } from "./utils/sx.js";
+import { resolveOwnerStateSlotProps as n } from "./utils/slots.js";
+import { t as r } from "./useForkRef-BuNFTXxE.js";
+import { t as i } from "./useEventCallback-DGCsaRIu.js";
+import { t as a } from "./appendOwnerState-CFQTq3pb.js";
+import { t as o } from "./useControlled-DqNPBJNp.js";
+import { t as s } from "./mergeSlotProps-DC8r4QzS.js";
+import { t as c } from "./s-text-field-HYyDf1Jo.js";
+import * as l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Box as f, Slider as p, styled as m, useThemeProps as ee } from "@mui/material";
+//#region ../../node_modules/@mui/material/Slider/sliderClasses.mjs
+var h = e("MuiSlider", /* @__PURE__ */ "root.active.colorPrimary.colorSecondary.colorError.colorInfo.colorSuccess.colorWarning.disabled.dragging.focusVisible.mark.markActive.marked.markLabel.markLabelActive.rail.sizeSmall.thumb.track.trackInverted.trackFalse.valueLabel.valueLabelOpen.valueLabelCircle.valueLabelLabel.vertical".split(".")), g = (e, t, n) => Math.min(Math.max(e, t), n), _ = (e, t, n) => {
+	let r = g(e[0], t, n), i = g(e[1], t, n);
+	return r <= i ? [r, i] : [i, r];
+}, v = (e) => {
+	if (e.trim() === "") return null;
+	let t = Number(e);
+	return Number.isFinite(t) ? t : null;
+}, y = (e) => e != null && e !== !1 && e !== "", b = (e, t, n, r) => e >= n && e <= r && t >= n && t <= r && e <= t, te = (e, t, n) => {
+	if (!Number.isFinite(e) || !Number.isFinite(t) || e >= t) throw RangeError("SNumberRange: `min` and `max` must be finite numbers and `min` must be less than `max`.");
+	if (!Number.isFinite(n) || n <= 0) throw RangeError("SNumberRange: `step` must be a finite number greater than 0.");
+}, ne = m("fieldset", {
+	name: "SNumberRange",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	border: 0,
+	display: "flex",
+	flexDirection: "column",
+	gap: e.spacing(1),
+	margin: 0,
+	minWidth: 0,
+	padding: 0,
+	width: "100%"
+})), re = m("legend", {
+	name: "SNumberRange",
+	slot: "Label",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	...e.typography.body2,
+	color: (e.vars ?? e).palette.text.primary,
+	fontWeight: 600,
+	margin: 0,
+	padding: 0
+})), ie = m(p, {
+	name: "SNumberRange",
+	slot: "Slider",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e, ownerState: t }) => {
+	let n = t.size === "small";
+	return {
+		color: (e.vars ?? e).palette[t.color].main,
+		height: n ? 2 : 3,
+		padding: e.spacing(n ? 1 : 1.5, 0),
+		[`& .${h.rail}`]: {
+			backgroundColor: (e.vars ?? e).palette.action.selected,
+			opacity: 1
+		},
+		[`& .${h.track}`]: { border: 0 },
+		[`& .${h.thumb}`]: {
+			border: `2px solid ${(e.vars ?? e).palette.background.paper}`,
+			boxShadow: `0 0 0 1px ${(e.vars ?? e).palette[t.color].main}`,
+			height: n ? 14 : 18,
+			width: n ? 14 : 18,
+			[`&:hover, &.${h.focusVisible}`]: { boxShadow: `0 0 0 6px ${(e.vars ?? e).palette.action.selected}` }
+		},
+		[`& .${h.mark}`]: {
+			backgroundColor: (e.vars ?? e).palette[t.color].main,
+			borderRadius: e.radius.sm,
+			height: n ? 8 : 10,
+			opacity: 1,
+			width: n ? 3 : 4
+		}
+	};
+}), ae = m(f, {
+	name: "SNumberRange",
+	slot: "Inputs",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	alignItems: "flex-start",
+	display: "flex",
+	gap: e.spacing(1)
+})), oe = m(c, {
+	name: "SNumberRange",
+	slot: "MinInput",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({
+	flex: "1 1 0",
+	minWidth: 0
+}), se = m(c, {
+	name: "SNumberRange",
+	slot: "MaxInput",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({
+	flex: "1 1 0",
+	minWidth: 0
+}), ce = m(f, {
+	name: "SNumberRange",
+	slot: "Separator",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e, ownerState: t }) => ({
+	alignItems: "center",
+	color: (e.vars ?? e).palette.text.secondary,
+	display: "inline-flex",
+	flex: "0 0 auto",
+	height: t.size === "small" ? 36 : 40,
+	marginTop: t.hasInputLabel ? "1.4375em" : 0,
+	paddingInline: e.spacing(.5),
+	userSelect: "none"
+})), x = l.forwardRef(function(e, c) {
+	let f = ee({
+		props: e,
+		name: "SNumberRange"
+	}), { color: p = "primary", defaultValue: m, disabled: h = !1, getAriaValueText: x, invalidRangeText: le = "Enter a value inside the allowed range", label: S, max: C = 100, maxLabel: w = "Maximum", min: T = 0, minLabel: E = "Minimum", onChange: ue, onChangeCommitted: D, separator: de = "–", size: O = "medium", slotProps: k, slots: A, step: j = 1, sx: fe, value: pe, valueLabelFormat: M, ...me } = f;
+	te(T, C, j);
+	let [he, ge] = o({
+		controlled: pe,
+		default: m ?? [T, C],
+		name: "SNumberRange",
+		state: "value"
+	}), [_e, N] = l.useState(null), P = _(he, T, C), ve = P[0], ye = P[1], F = _e ?? [String(P[0]), String(P[1])], I = v(F[0]), L = v(F[1]), be = I !== null && L !== null && b(I, L, T, C), R = I === null || I < T || I > C || L !== null && I > L, z = L === null || L < T || L > C || I !== null && L < I;
+	l.useEffect(() => {
+		N(null);
+	}, [
+		C,
+		T,
+		ye,
+		ve
+	]);
+	let B = {
+		...f,
+		color: p,
+		disabled: h,
+		hasInputLabel: !1,
+		max: C,
+		maxInvalid: z,
+		min: T,
+		minInvalid: R,
+		size: O,
+		step: j,
+		value: P
+	}, V = n(k?.minInput, B), H = n(k?.maxInput, B), U = {
+		...B,
+		hasInputLabel: y(V?.label) || y(H?.label)
+	}, W = i((e, t) => {
+		let n = _(t, T, C);
+		return n[0] === P[0] && n[1] === P[1] ? n : (ge(n), ue?.(e, n), n);
+	}), xe = i((e, t) => {
+		Array.isArray(t) && (N(null), W(e, [t[0], t[1]]));
+	}), Se = i((e, t) => {
+		Array.isArray(t) && D?.(e, _([t[0], t[1]], T, C));
+	}), Ce = (e) => (t) => {
+		if (t.defaultPrevented) return;
+		let n = t.target.value, r = e === 0 ? [n, F[1]] : [F[0], n];
+		N(r);
+		let i = v(r[0]), a = v(r[1]);
+		i !== null && a !== null && b(i, a, T, C) && (N(null), W(t, [i, a]));
+	}, we = (e) => (t) => {
+		if (t.defaultPrevented) return;
+		let n = v(F[e]), r = n === null ? P : e === 0 ? [g(n, T, P[1]), P[1]] : [P[0], g(n, P[0], C)];
+		N(null);
+		let i = W(t, r);
+		D?.(t, i);
+	}, Te = (e) => {
+		if (e.defaultPrevented) return;
+		let t = e.target;
+		if (t.tagName === "INPUT") {
+			if (e.key === "Escape") {
+				e.preventDefault(), N(null);
+				return;
+			}
+			e.key === "Enter" && (e.preventDefault(), t.blur());
+		}
+	}, G = A?.root ?? ne, K = A?.label ?? re, q = A?.slider ?? ie, J = A?.inputs ?? ae, Y = A?.minInput ?? oe, X = A?.maxInput ?? se, Z = A?.separator ?? ce, { ref: Ee, sx: De, ...Oe } = a(G, s(n(k?.root, U), {
+		"aria-disabled": h || void 0,
+		...me
+	}), U), ke = r(Ee, c), Ae = a(K, n(k?.label, U) ?? {}, U), je = a(q, {
+		...s(n(k?.slider, U), { valueLabelDisplay: "auto" }),
+		color: p,
+		disableSwap: !0,
+		disabled: h,
+		getAriaLabel: (e) => e === 0 ? E : w,
+		getAriaValueText: x,
+		max: C,
+		min: T,
+		size: O,
+		step: j,
+		...M !== void 0 && { valueLabelFormat: M }
+	}, U), Q = a(J, n(k?.inputs, U) ?? {}, U), Me = a(Z, {
+		"aria-hidden": !0,
+		component: "span",
+		...n(k?.separator, U) ?? {}
+	}, U), $ = (e) => {
+		let { slotProps: t, ...n } = (e === 0 ? V : H) ?? {}, r = s(t?.htmlInput, { "aria-label": e === 0 ? E : w }), i = s({
+			inputMode: "decimal",
+			max: C,
+			min: T,
+			step: j
+		}, r), o = s(n, {
+			helperText: (e === 0 ? R : !R && z) ? le : void 0,
+			onBlur: we(e),
+			onChange: Ce(e),
+			onKeyDown: Te
+		});
+		return a(e === 0 ? Y : X, {
+			...o,
+			color: p,
+			disabled: h,
+			error: e === 0 ? R : z,
+			size: O,
+			slotProps: {
+				...t,
+				htmlInput: i
+			},
+			type: "number",
+			value: F[e]
+		}, U);
+	}, Ne = $(0), Pe = $(1);
+	return /* @__PURE__ */ d(G, {
+		...Oe,
+		ref: ke,
+		sx: [...t(fe), ...t(De)],
+		"data-invalid": be ? void 0 : "",
+		children: [
+			S != null && /* @__PURE__ */ u(K, {
+				...Ae,
+				children: S
+			}),
+			/* @__PURE__ */ u(q, {
+				...je,
+				onChange: xe,
+				onChangeCommitted: Se,
+				value: [P[0], P[1]]
+			}),
+			/* @__PURE__ */ d(J, {
+				...Q,
+				children: [
+					/* @__PURE__ */ u(Y, { ...Ne }),
+					/* @__PURE__ */ u(Z, {
+						...Me,
+						children: de
+					}),
+					/* @__PURE__ */ u(X, { ...Pe })
+				]
+			})
+		]
+	});
+});
+x.displayName = "SNumberRange";
+//#endregion
+export { x as t };

package/dist/s-pagination/index.js

@@ -1,2 +1,2 @@
-import { SPagination as e } from "./s-pagination.js";
+import { t as e } from "../s-pagination-s46hBifh.js";
 export { e as SPagination, e as default };

package/dist/s-pagination/s-pagination.js

@@ -1,85 +1,2 @@
-import { getPaginationDimensions as e } from "./types.js";
-import { styled as t, useThemeProps as n } from "@mui/material/styles";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "@mui/material/Stack";
-import s from "@mui/material/Skeleton";
-import c from "@mui/material/Pagination";
-//#region lib/s-pagination/s-pagination.tsx
-var l = 5, u = t(c, {
-	name: "SPagination",
-	slot: "Root",
-	shouldForwardProp: (e) => e !== "ownerState"
-})(({ ownerState: e }) => ({ ...e.loading && { display: "inline-flex" } })), d = r.forwardRef(function(t, c) {
-	let d = n({
-		props: t,
-		name: "SPagination"
-	}), { "aria-label": f = "pagination navigation", "aria-busy": p, className: m, color: h = "primary", count: g = 0, loading: _ = !1, loadingIndicator: v, shape: y = "rounded", size: b = "medium", style: x, sx: S, variant: C = "text", ...w } = d;
-	if (g <= 0) return null;
-	let T = e(b), E = _ || w.disabled, D = {
-		...d,
-		"aria-label": f,
-		color: h,
-		count: g,
-		disabled: E,
-		loading: _,
-		shape: y,
-		size: b,
-		variant: C
-	}, O = /* @__PURE__ */ i(o, {
-		"aria-label": `${f} loading`,
-		direction: "row",
-		role: "progressbar",
-		sx: {
-			alignItems: "center",
-			display: "inline-flex",
-			gap: `${T.gap}px`
-		},
-		children: v ?? (y === "circular" ? Array.from({ length: l }, (e, t) => /* @__PURE__ */ i(s, {
-			variant: "circular",
-			width: T.item,
-			height: T.item
-		}, t)) : /* @__PURE__ */ a(r.Fragment, { children: [
-			/* @__PURE__ */ i(s, {
-				variant: "rounded",
-				width: T.item,
-				height: T.item
-			}),
-			/* @__PURE__ */ i(s, {
-				variant: "rounded",
-				width: T.bar,
-				height: T.item
-			}),
-			/* @__PURE__ */ i(s, {
-				variant: "rounded",
-				width: T.item,
-				height: T.item
-			})
-		] }))
-	});
-	return /* @__PURE__ */ i(u, {
-		...w,
-		"aria-label": f,
-		"aria-busy": p ?? (_ || void 0),
-		className: m,
-		color: h,
-		count: _ ? 1 : g,
-		disabled: E,
-		hideNextButton: _ || w.hideNextButton,
-		hidePrevButton: _ || w.hidePrevButton,
-		ownerState: D,
-		page: w.page,
-		ref: c,
-		renderItem: _ ? () => O : w.renderItem,
-		shape: y,
-		showFirstButton: _ ? !1 : w.showFirstButton,
-		showLastButton: _ ? !1 : w.showLastButton,
-		size: b,
-		style: x,
-		sx: S,
-		variant: C
-	});
-});
-d.displayName = "SPagination";
-//#endregion
-export { d as SPagination, d as default };
+import { t as e } from "../s-pagination-s46hBifh.js";
+export { e as SPagination, e as default };