@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/s-switch-B8bZAzLh.js

@@ -1,307 +0,0 @@
-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 "./clsx-DGZSe4Nt.js";
-import { t as a } from "./styled-Bog8QCl3.js";
-import { t as o } from "./memoTheme-qFyKAk7y.js";
-import { t as s } from "./useThemeProps-Cr28OQu3.js";
-import { t as c } from "./appendOwnerState-CELpvdMz.js";
-import { t as l } from "./useSlot-iIu8ek6E.js";
-import { t as u } from "./capitalize-CccCFNpQ.js";
-import { t as d } from "./createSimplePaletteValueFilter-C1gWywW_.js";
-import { t as f } from "./mergeSlotProps-xl1-PgWL.js";
-import { t as p } from "./SwitchBase-D7zqrstO.js";
-import { n as m, t as h } from "./switchClasses-eiq1bkQN.js";
-import { n as g, t as _ } from "./FormControlLabel-DzgppcC_.js";
-import * as v from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/material/Switch/Switch.mjs
-var x = /* @__PURE__ */ e(t(), 1), S = (e) => {
-	let { classes: t, edge: r, size: i, color: a, checked: o, disabled: s } = e, c = n({
-		root: [
-			"root",
-			r && `edge${u(r)}`,
-			`size${u(i)}`
-		],
-		switchBase: [
-			"switchBase",
-			`color${u(a)}`,
-			o && "checked",
-			s && "disabled"
-		],
-		thumb: ["thumb"],
-		track: ["track"],
-		input: ["input"]
-	}, h, t);
-	return {
-		...t,
-		...c
-	};
-}, C = a("span", {
-	name: "MuiSwitch",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.root,
-			n.edge && t[`edge${u(n.edge)}`],
-			t[`size${u(n.size)}`]
-		];
-	}
-})({
-	display: "inline-flex",
-	width: 58,
-	height: 38,
-	overflow: "hidden",
-	padding: 12,
-	boxSizing: "border-box",
-	position: "relative",
-	flexShrink: 0,
-	zIndex: 0,
-	verticalAlign: "middle",
-	"@media print": { colorAdjust: "exact" },
-	variants: [
-		{
-			props: { edge: "start" },
-			style: { marginLeft: -8 }
-		},
-		{
-			props: { edge: "end" },
-			style: { marginRight: -8 }
-		},
-		{
-			props: { size: "small" },
-			style: {
-				width: 40,
-				height: 24,
-				padding: 7,
-				[`& .${m.thumb}`]: {
-					width: 16,
-					height: 16
-				},
-				[`& .${m.switchBase}`]: {
-					padding: 4,
-					[`&.${m.checked}`]: { transform: "translateX(16px)" }
-				}
-			}
-		}
-	]
-}), w = a(p, {
-	name: "MuiSwitch",
-	slot: "SwitchBase",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.switchBase,
-			{ [`& .${m.input}`]: t.input },
-			n.color !== "default" && t[`color${u(n.color)}`]
-		];
-	}
-})(o(({ theme: e }) => ({
-	position: "absolute",
-	top: 0,
-	left: 0,
-	zIndex: 1,
-	color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
-	transition: e.transitions.create(["left", "transform"], { duration: e.transitions.duration.shortest }),
-	[`&.${m.checked}`]: { transform: "translateX(20px)" },
-	[`&.${m.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
-	[`&.${m.checked} + .${m.track}`]: { opacity: .5 },
-	[`&.${m.disabled} + .${m.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
-	[`& .${m.input}`]: {
-		left: "-100%",
-		width: "300%"
-	}
-})), o(({ theme: e }) => ({
-	"&:hover": {
-		backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity),
-		"@media (hover: none)": { backgroundColor: "transparent" }
-	},
-	variants: [...Object.entries(e.palette).filter(d(["light"])).map(([t]) => ({
-		props: { color: t },
-		style: {
-			[`&.${m.checked}`]: {
-				color: (e.vars || e).palette[t].main,
-				"&:hover": {
-					backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity),
-					"@media (hover: none)": { backgroundColor: "transparent" }
-				},
-				[`&.${m.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
-			},
-			[`&.${m.checked} + .${m.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
-		}
-	}))]
-}))), T = a("span", {
-	name: "MuiSwitch",
-	slot: "Track"
-})(o(({ theme: e }) => ({
-	height: "100%",
-	width: "100%",
-	borderRadius: 14 / 2,
-	zIndex: -1,
-	transition: e.transitions.create(["opacity", "background-color"], { duration: e.transitions.duration.shortest }),
-	"@media (forced-colors: active)": {
-		boxSizing: "border-box",
-		border: "1px solid ButtonBorder"
-	},
-	backgroundColor: e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`,
-	opacity: e.vars ? e.vars.opacity.switchTrack : `${e.palette.mode === "light" ? .38 : .3}`
-}))), E = a("span", {
-	name: "MuiSwitch",
-	slot: "Thumb"
-})(o(({ theme: e }) => ({
-	boxShadow: (e.vars || e).shadows[1],
-	backgroundColor: "currentColor",
-	boxSizing: "border-box",
-	border: "1px solid transparent",
-	width: 20,
-	height: 20,
-	borderRadius: "50%"
-}))), D = /* @__PURE__ */ v.forwardRef(function(e, t) {
-	let n = r({
-		props: e,
-		name: "MuiSwitch"
-	}), { className: a, color: o = "primary", edge: s = !1, size: c = "medium", sx: u, slots: d = {}, slotProps: p = {}, ...m } = n, h = {
-		...n,
-		color: o,
-		edge: s,
-		size: c
-	}, g = S(h), _ = p.input, v = {
-		slots: d,
-		slotProps: p
-	}, [x, D] = l("root", {
-		className: i(g.root, a),
-		elementType: C,
-		externalForwardedProps: v,
-		ownerState: h,
-		additionalProps: { sx: u }
-	}), [O, k] = l("thumb", {
-		className: g.thumb,
-		elementType: E,
-		externalForwardedProps: v,
-		ownerState: h
-	}), A = /* @__PURE__ */ y(O, { ...k }), [j, M] = l("track", {
-		className: g.track,
-		elementType: T,
-		externalForwardedProps: v,
-		ownerState: h
-	});
-	return /* @__PURE__ */ b(x, {
-		...D,
-		children: [/* @__PURE__ */ y(w, {
-			type: "checkbox",
-			icon: A,
-			checkedIcon: A,
-			ref: t,
-			ownerState: h,
-			...m,
-			classes: {
-				...g,
-				root: g.switchBase
-			},
-			slots: {
-				...d.switchBase && { root: d.switchBase },
-				...d.input && { input: d.input }
-			},
-			slotProps: {
-				...p.switchBase && { root: typeof p.switchBase == "function" ? p.switchBase(h) : p.switchBase },
-				input: f(typeof _ == "function" ? _(h) : _, { role: "switch" })
-			}
-		}), /* @__PURE__ */ y(j, { ...M })]
-	});
-});
-process.env.NODE_ENV !== "production" && (D.propTypes = {
-	checked: x.default.bool,
-	checkedIcon: x.default.node,
-	classes: x.default.object,
-	className: x.default.string,
-	color: x.default.oneOfType([x.default.oneOf([
-		"default",
-		"primary",
-		"secondary",
-		"error",
-		"info",
-		"success",
-		"warning"
-	]), x.default.string]),
-	defaultChecked: x.default.bool,
-	disabled: x.default.bool,
-	disableRipple: x.default.bool,
-	edge: x.default.oneOf([
-		"end",
-		"start",
-		!1
-	]),
-	icon: x.default.node,
-	id: x.default.string,
-	onChange: x.default.func,
-	required: x.default.bool,
-	size: x.default.oneOfType([x.default.oneOf(["medium", "small"]), x.default.string]),
-	slotProps: x.default.shape({
-		input: x.default.oneOfType([x.default.func, x.default.object]),
-		root: x.default.oneOfType([x.default.func, x.default.object]),
-		switchBase: x.default.oneOfType([x.default.func, x.default.object]),
-		thumb: x.default.oneOfType([x.default.func, x.default.object]),
-		track: x.default.oneOfType([x.default.func, x.default.object])
-	}),
-	slots: x.default.shape({
-		input: x.default.elementType,
-		root: x.default.elementType,
-		switchBase: x.default.elementType,
-		thumb: x.default.elementType,
-		track: x.default.elementType
-	}),
-	sx: x.default.oneOfType([
-		x.default.arrayOf(x.default.oneOfType([
-			x.default.func,
-			x.default.object,
-			x.default.bool
-		])),
-		x.default.func,
-		x.default.object
-	]),
-	value: x.default.any
-});
-//#endregion
-//#region lib/s-switch/s-switch.tsx
-var O = a(_, {
-	name: "SSwitch",
-	slot: "Root",
-	shouldForwardProp: (e) => e !== "ownerState"
-})(({ theme: e }) => ({
-	display: "flex",
-	justifyContent: "space-between",
-	margin: 0,
-	userSelect: "none",
-	[`&&.${g.disabled}`]: { cursor: "not-allowed" },
-	[`&& .${g.label}.${g.disabled}`]: { color: (e.vars ?? e).palette.text.disabled }
-}));
-function k(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-var A = v.forwardRef(function(e, t) {
-	let n = s({
-		props: e,
-		name: "SSwitch"
-	}), { disabled: r = !1, label: i, labelPlacement: a = "start", required: o = !1, slotProps: l, slots: u, ...d } = n, f = {
-		...n,
-		disabled: r,
-		labelPlacement: a,
-		required: o
-	}, p = u?.control ?? D, m = k(l?.control, f), h = c(u?.control, m ?? {}, f);
-	return /* @__PURE__ */ y(O, {
-		...d,
-		control: /* @__PURE__ */ y(p, { ...h }),
-		disabled: r,
-		label: i,
-		labelPlacement: a,
-		ownerState: f,
-		ref: t,
-		required: o,
-		slots: u?.typography ? { typography: u.typography } : void 0,
-		slotProps: l?.typography ? { typography: l.typography } : void 0
-	});
-});
-A.displayName = "SSwitch";
-//#endregion
-export { A as t };