@solostylist/ui-kit 2.0.0 → 2.0.2

package/dist/s-quantity-input-mYCixlJc.js

@@ -1,246 +0,0 @@
-import { toSxArray as e } from "./utils/sx.js";
-import { t } from "./createSvgIcon-B0SZlJF1.js";
-import { t as n } from "./useControlled-BeB0W_Ui.js";
-import { t as r } from "./Add-COc9VdNg.js";
-import { SIconButton as i } from "./s-icon-button/s-icon-button.js";
-import { forwardRef as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Box as l, Typography as u, styled as d, useThemeProps as f } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/Remove.mjs
-var p = t(/* @__PURE__ */ s("path", { d: "M19 13H5v-2h14z" }), "Remove"), m = {
-	small: {
-		height: 32,
-		iconButton: "small",
-		valueMinWidth: 28,
-		typography: "body2"
-	},
-	medium: {
-		height: 40,
-		iconButton: "medium",
-		valueMinWidth: 36,
-		typography: "body1"
-	},
-	large: {
-		height: 48,
-		iconButton: "large",
-		valueMinWidth: 44,
-		typography: "body1"
-	}
-}, h = (e, t, n) => {
-	let r = Math.max(e, t);
-	return n == null ? r : Math.min(r, n);
-}, g = d(l, {
-	name: "SQuantityInput",
-	slot: "Root"
-})({}), _ = a((t, a) => {
-	let d = f({
-		props: t,
-		name: "SQuantityInput"
-	}), { value: _, defaultValue: v, onChange: y, min: b = 0, max: x, step: S = 1, color: C = "default", variant: w = "outlined", size: T = "medium", editable: E = !1, disabled: D = !1, "aria-label": O, "aria-labelledby": k, onKeyDown: A, role: j = "spinbutton", sx: M, tabIndex: N = D ? -1 : 0, ...P } = d, F = m[T], [I, L] = n({
-		controlled: _,
-		default: h(v ?? b, b, x),
-		name: "SQuantityInput",
-		state: "value"
-	}), R = {
-		...d,
-		color: C,
-		disabled: D,
-		editable: E,
-		min: b,
-		size: T,
-		step: S,
-		value: I,
-		variant: w
-	}, z = (e, t) => {
-		let n = h(t, b, x);
-		n !== I && (L(n), y?.(e, n));
-	}, B = D || I <= b, V = D || x != null && I >= x, H = w === "contained", U = w === "outlined", W = x == null ? null : String(x).length >= String(b).length ? String(x) : String(b), G = {
-		alignSelf: "stretch",
-		height: "auto",
-		width: F.height,
-		borderRadius: 0
-	}, K = { "&.Mui-disabled": { opacity: .5 } }, q = (e) => {
-		if (A?.(e), e.defaultPrevented || D) return;
-		let t = e.target.tagName === "INPUT";
-		switch (e.key) {
-			case "ArrowUp":
-				e.preventDefault(), z(e, I + S);
-				break;
-			case "ArrowDown":
-				e.preventDefault(), z(e, I - S);
-				break;
-			case "ArrowRight":
-				if (t) break;
-				e.preventDefault(), z(e, I + S);
-				break;
-			case "ArrowLeft":
-				if (t) break;
-				e.preventDefault(), z(e, I - S);
-				break;
-			case "Home":
-				if (t) break;
-				e.preventDefault(), z(e, b);
-				break;
-			case "End":
-				if (t || x == null) break;
-				e.preventDefault(), z(e, x);
-				break;
-			default: break;
-		}
-	}, J = /* @__PURE__ */ s(l, {
-		component: "input",
-		inputMode: "numeric",
-		value: String(I),
-		disabled: D,
-		role: j,
-		"aria-label": O,
-		"aria-labelledby": k,
-		"aria-valuenow": I,
-		"aria-valuemin": b,
-		"aria-valuemax": x,
-		"aria-disabled": D || void 0,
-		tabIndex: N,
-		onChange: (e) => {
-			let t = e.target.value, n = parseInt(t.replace(/[^0-9-]/g, ""), 10);
-			Number.isNaN(n) ? (t === "" || t === "-") && z(e, b) : z(e, n);
-		},
-		onFocus: (e) => e.target.select(),
-		sx: {
-			border: 0,
-			outline: "none",
-			p: 0,
-			background: "transparent",
-			font: "inherit",
-			color: "inherit",
-			WebkitTextFillColor: "currentcolor",
-			textAlign: "center",
-			fontVariantNumeric: "tabular-nums",
-			...W == null ? {
-				minWidth: "1ch",
-				width: `${String(I).length || 1}ch`
-			} : {
-				position: "absolute",
-				inset: 0,
-				width: "100%"
-			}
-		}
-	}), Y = (e) => {
-		let t = C === "default" ? (e.vars ?? e).palette.grey : (e.vars ?? e).palette[C];
-		return {
-			backgroundColor: t[800],
-			color: t[50],
-			"&:hover": {
-				backgroundColor: t[900],
-				color: t[100]
-			},
-			"&:active": { backgroundColor: t[900] },
-			"&.Mui-disabled": {
-				backgroundColor: t[800],
-				color: t[50],
-				opacity: .5
-			},
-			...e.applyStyles("dark", {
-				color: t[100],
-				"&:hover": { color: t[50] },
-				"&.Mui-disabled": { color: t[100] }
-			})
-		};
-	};
-	return /* @__PURE__ */ c(g, {
-		...P,
-		ref: a,
-		ownerState: R,
-		role: E ? void 0 : j,
-		"aria-label": E ? void 0 : O,
-		"aria-labelledby": E ? void 0 : k,
-		"aria-valuenow": E ? void 0 : I,
-		"aria-valuemin": E ? void 0 : b,
-		"aria-valuemax": E ? void 0 : x,
-		"aria-disabled": E ? void 0 : D || void 0,
-		tabIndex: E ? void 0 : N,
-		onKeyDown: q,
-		sx: [(e) => ({
-			display: "inline-flex",
-			alignItems: "center",
-			height: F.height,
-			borderRadius: `${e.shape.borderRadius}px`,
-			outline: "none",
-			[E ? "&:has(input:focus-visible)" : "&:focus-visible"]: {
-				outline: "2px solid",
-				outlineColor: (e.vars ?? e).palette.primary[800],
-				outlineOffset: 2
-			},
-			...U ? {
-				border: "1px solid",
-				borderColor: (e.vars ?? e).palette.divider,
-				overflow: "hidden"
-			} : { gap: 1 },
-			...D ? { opacity: .5 } : {}
-		}), ...e(M)],
-		children: [
-			/* @__PURE__ */ s(i, {
-				"aria-label": "Decrease",
-				size: F.iconButton,
-				color: H ? void 0 : C,
-				disabled: B,
-				sx: H ? Y : U ? [G, K] : K,
-				onClick: (e) => z(e, I - S),
-				children: /* @__PURE__ */ s(p, {})
-			}),
-			U && /* @__PURE__ */ s(l, { sx: {
-				width: "1px",
-				alignSelf: "stretch",
-				bgcolor: "divider"
-			} }),
-			/* @__PURE__ */ s(u, {
-				component: "span",
-				variant: F.typography,
-				sx: {
-					position: "relative",
-					minWidth: F.valueMinWidth,
-					px: 1,
-					alignSelf: "stretch",
-					display: "inline-flex",
-					alignItems: "center",
-					justifyContent: "center",
-					fontWeight: 500,
-					color: "text.primary",
-					fontVariantNumeric: "tabular-nums"
-				},
-				children: W == null ? E ? J : I : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(l, {
-					component: "span",
-					"aria-hidden": !0,
-					sx: { visibility: "hidden" },
-					children: W
-				}), E ? J : /* @__PURE__ */ s(l, {
-					component: "span",
-					sx: {
-						position: "absolute",
-						inset: 0,
-						display: "inline-flex",
-						alignItems: "center",
-						justifyContent: "center"
-					},
-					children: I
-				})] })
-			}),
-			U && /* @__PURE__ */ s(l, { sx: {
-				width: "1px",
-				alignSelf: "stretch",
-				bgcolor: "divider"
-			} }),
-			/* @__PURE__ */ s(i, {
-				"aria-label": "Increase",
-				size: F.iconButton,
-				color: H ? void 0 : C,
-				disabled: V,
-				sx: H ? Y : U ? [G, K] : K,
-				onClick: (e) => z(e, I + S),
-				children: /* @__PURE__ */ s(r, {})
-			})
-		]
-	});
-});
-_.displayName = "SQuantityInput";
-//#endregion
-export { _ as t };

package/dist/theme/components/components.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const components: Components<Theme>;

package/dist/theme/components/slider.d.ts

@@ -1,34 +0,0 @@
-import { Theme } from '../types';
-export declare const MuiSlider: {
-    styleOverrides: {
-        valueLabel: ({ theme }: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
-            component?: React.ElementType | undefined;
-        } & Record<string, unknown> & {
-            ownerState: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
-                component?: React.ElementType | undefined;
-            } & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            borderRadius: string | number;
-        };
-        thumb: ({ theme }: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
-            component?: React.ElementType | undefined;
-        } & Record<string, unknown> & {
-            ownerState: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
-                component?: React.ElementType | undefined;
-            } & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            width: number;
-            height: number;
-            '&:hover, &.Mui-focusVisible': {
-                boxShadow: string;
-            };
-            '&.Mui-active': {
-                boxShadow: string;
-            };
-        };
-    };
-};

package/dist/useThemeProps-BI9yq95N.js

@@ -1,19 +0,0 @@
-import { n as e } from "./defaultTheme-BaGcIzCh.js";
-import { t } from "./resolveProps-7jIA45vn.js";
-//#region ../../node_modules/@mui/system/useThemeProps/getThemeProps.mjs
-function n(e) {
-	let { theme: n, name: r, props: i } = e;
-	return !n || !n.components || !n.components[r] || !n.components[r].defaultProps ? i : t(n.components[r].defaultProps, i);
-}
-//#endregion
-//#region ../../node_modules/@mui/system/useThemeProps/useThemeProps.mjs
-function r({ props: t, name: r, defaultTheme: i, themeId: a }) {
-	let o = e(i);
-	return a && (o = o[a] || o), n({
-		theme: o,
-		name: r,
-		props: t
-	});
-}
-//#endregion
-export { n, r as t };

package/dist/useThemeProps-Cr28OQu3.js

@@ -1,13 +0,0 @@
-import { l as e, t } from "./defaultTheme-BaGcIzCh.js";
-import { t as n } from "./useThemeProps-BI9yq95N.js";
-//#region ../../node_modules/@mui/material/styles/useThemeProps.mjs
-function r({ props: r, name: i }) {
-	return n({
-		props: r,
-		name: i,
-		defaultTheme: t,
-		themeId: e
-	});
-}
-//#endregion
-export { r as t };