@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/s-text-field-BM4qk0mf.js

@@ -1,51 +0,0 @@
-import { t as e } from "./createSvgIcon-B0SZlJF1.js";
-import { t } from "./mergeSlotProps-xl1-PgWL.js";
-import { n } from "./inputBaseClasses-DuWQGq8Z.js";
-import { a as r, t as i } from "./field-label-styles-BOyhp6gw.js";
-import { forwardRef as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { IconButton as c, InputAdornment as l, TextField as u, styled as d, useThemeProps as f } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/Visibility.mjs
-var p = e(/* @__PURE__ */ s("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), m = e(/* @__PURE__ */ s("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), h = d(u, {
-	name: "STextField",
-	slot: "Root",
-	shouldForwardProp: (e) => e !== "ownerState"
-})({
-	...i,
-	[`& .${r.root}[data-shrink='false'] + .${n.formControl} .${n.input}`]: { "&::placeholder": { opacity: "1 !important" } }
-}), g = a((e, n) => {
-	let r = f({
-		props: e,
-		name: "STextField"
-	}), { fullWidth: i = !0, type: a = "text", slotProps: u, togglePasswordText: d = "toggle password visibility", ...g } = r, [_, v] = o(!1), y = a === "password", b = {
-		...r,
-		fullWidth: i,
-		password: y,
-		passwordVisible: _
-	}, x = () => {
-		v((e) => !e);
-	}, S = y && _ ? "text" : a, C = y ? /* @__PURE__ */ s(l, {
-		position: "end",
-		children: /* @__PURE__ */ s(c, {
-			"aria-label": d,
-			onClick: x,
-			edge: "end",
-			size: "small",
-			children: s(_ ? m : p, {})
-		})
-	}) : void 0;
-	return /* @__PURE__ */ s(h, {
-		...g,
-		fullWidth: i,
-		ownerState: b,
-		ref: n,
-		type: S,
-		slotProps: {
-			...u,
-			input: y ? t(u?.input, { endAdornment: C }) : u?.input
-		}
-	});
-});
-g.displayName = "STextField";
-//#endregion
-export { g as t };

package/dist/s-theme-switch-BLMz1_m2.js

@@ -1,60 +0,0 @@
-import { t as e } from "./useForkRef-CKneCEtr.js";
-import { t } from "./createSvgIcon-B0SZlJF1.js";
-import { forwardRef as n, useCallback as r, useRef as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { flushSync as o } from "react-dom";
-import { IconButton as s, styled as c, useColorScheme as l, useMediaQuery as u, useThemeProps as d } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/DarkMode.mjs
-var f = t(/* @__PURE__ */ a("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1" }), "DarkMode"), p = t(/* @__PURE__ */ a("path", { d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z" }), "LightMode"), m = c(s, {
-	name: "SThemeSwitch",
-	slot: "Root"
-})({}), h = n(function(t, n) {
-	let s = d({
-		props: t,
-		name: "SThemeSwitch"
-	}), { mode: c, onClick: h, setMode: g, "aria-label": _, ...v } = s, y = i(null), b = e(y, n), { mode: x, setMode: S, systemMode: C } = l(), w = u("(prefers-reduced-motion: reduce)"), T = c ?? x, E = (T === "system" ? C : T) === "dark", D = {
-		...s,
-		mode: T
-	}, O = r(() => {
-		let e = E ? "light" : "dark";
-		g ? g(e) : S(e);
-	}, [
-		E,
-		S,
-		g
-	]), k = r(async (e) => {
-		if (h?.(e), e.defaultPrevented) return;
-		if (w || !y.current || typeof document > "u" || !document.startViewTransition) {
-			O();
-			return;
-		}
-		await document.startViewTransition(() => {
-			o(() => {
-				O();
-			});
-		}).ready;
-		let t = y.current;
-		if (!t) return;
-		let { top: n, left: r, width: i, height: a } = t.getBoundingClientRect(), s = r + i / 2, c = n + a / 2, l = Math.hypot(Math.max(s, window.innerWidth - s), Math.max(c, window.innerHeight - c));
-		document.documentElement.animate({ clipPath: [`circle(0px at ${s}px ${c}px)`, `circle(${l}px at ${s}px ${c}px)`] }, {
-			duration: 700,
-			easing: "ease-in-out",
-			pseudoElement: "::view-transition-new(root)"
-		});
-	}, [
-		h,
-		w,
-		O
-	]);
-	return /* @__PURE__ */ a(m, {
-		...v,
-		ref: b,
-		"aria-label": _ ?? (E ? "Switch to light mode" : "Switch to dark mode"),
-		onClick: k,
-		ownerState: D,
-		children: a(E ? p : f, {})
-	});
-});
-h.displayName = "SThemeSwitch";
-//#endregion
-export { h as t };

package/dist/s-tip-ty41ePQm.js

@@ -1,62 +0,0 @@
-import { t as e } from "./styled-Bog8QCl3.js";
-import { t } from "./Stack-UMc4dV4G.js";
-import { t as n } from "./useThemeProps-Cr28OQu3.js";
-import { toSxArray as r } from "./utils/sx.js";
-import { t as i } from "./appendOwnerState-CELpvdMz.js";
-import { t as a } from "./createSvgIcon-B0SZlJF1.js";
-import { t as o } from "./Typography-yXjc7kVP.js";
-import * as s from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/icons-material/LightbulbOutlined.mjs
-var u = a(/* @__PURE__ */ c("path", { d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7m2.85 11.1-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1" }), "LightbulbOutlined"), d = e(t, {
-	name: "STip",
-	slot: "Root",
-	shouldForwardProp: (e) => e !== "ownerState"
-})({});
-function f(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-var p = s.forwardRef(function(e, t) {
-	let a = n({
-		props: e,
-		name: "STip"
-	}), { children: s, direction: p = "row", label: m = "Tip.", slotProps: h, slots: g, spacing: _ = 1, sx: v, ...y } = a, b = {
-		...a,
-		direction: p,
-		hasLabel: m != null,
-		spacing: _
-	}, x = g?.icon ?? u, S = g?.text ?? o, C = f(h?.icon, b), w = f(h?.text, b), T = i(g?.icon, C ?? {}, b), E = i(g?.text, w ?? {}, b);
-	return /* @__PURE__ */ l(d, {
-		...y,
-		ref: t,
-		direction: p,
-		ownerState: b,
-		spacing: _,
-		sx: [{
-			alignItems: "center",
-			bgcolor: "background.default",
-			borderRadius: 1,
-			color: "text.primary",
-			p: 1
-		}, ...r(v)],
-		children: [/* @__PURE__ */ c(x, {
-			...T,
-			sx: [{ fontSize: 16 }, ...r(C?.sx)]
-		}), /* @__PURE__ */ l(S, {
-			...E,
-			children: [
-				m != null && /* @__PURE__ */ c(o, {
-					component: "span",
-					sx: { fontWeight: "bold" },
-					variant: "inherit",
-					children: m
-				}),
-				" ",
-				s
-			]
-		})]
-	});
-});
-p.displayName = "STip";
-//#endregion
-export { p as t };

package/dist/selectClasses-DoUlWfzV.js

@@ -1,22 +0,0 @@
-import { t as e } from "./generateUtilityClass-PAIOm1jC.js";
-import { t } from "./generateUtilityClasses-DvX505Gy.js";
-//#region ../../node_modules/@mui/material/Select/selectClasses.mjs
-function n(t) {
-	return e("MuiSelect", t);
-}
-var r = t("MuiSelect", [
-	"root",
-	"select",
-	"multiple",
-	"filled",
-	"outlined",
-	"standard",
-	"disabled",
-	"focused",
-	"icon",
-	"iconOpen",
-	"nativeInput",
-	"error"
-]);
-//#endregion
-export { r as n, n as t };

package/dist/styled-Bog8QCl3.js

@@ -1,163 +0,0 @@
-import { a as e, c as t, l as n, o as r, t as i } from "./defaultTheme-BaGcIzCh.js";
-import { a, g as o, h as s, i as c, l, p as u } from "./createTheme-xB2Em0Na.js";
-//#region ../../node_modules/@mui/utils/getDisplayName/getDisplayName.mjs
-var d = o();
-function f(e, t = "") {
-	return e.displayName || e.name || t;
-}
-function p(e, t, n) {
-	let r = f(t);
-	return e.displayName || (r === "" ? n : `${n}(${r})`);
-}
-function m(e) {
-	if (e != null) {
-		if (typeof e == "string") return e;
-		if (typeof e == "function") return f(e, "Component");
-		if (typeof e == "object") switch (e.$$typeof) {
-			case d.ForwardRef: return p(e, e.render, "ForwardRef");
-			case d.Memo: return p(e, e.type, "memo");
-			default: return;
-		}
-	}
-}
-//#endregion
-//#region ../../node_modules/@mui/system/preprocessStyles.mjs
-function h(e) {
-	let { variants: t, ...n } = e, i = {
-		variants: t,
-		style: r(n),
-		isProcessed: !0
-	};
-	return i.style === n || t && t.forEach((e) => {
-		typeof e.style != "function" && (e.style = r(e.style));
-	}), i;
-}
-//#endregion
-//#region ../../node_modules/@mui/system/createStyled/createStyled.mjs
-var g = c();
-function _(e) {
-	return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
-}
-function v(e, t) {
-	return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
-}
-function y(e) {
-	return e ? (t, n) => n[e] : null;
-}
-function b(e, t, n) {
-	e.theme = u(e.theme) ? n : e.theme[t] || e.theme;
-}
-function x(e, t, n) {
-	let i = typeof t == "function" ? t(e) : t;
-	if (Array.isArray(i)) return i.flatMap((t) => x(e, t, n));
-	if (Array.isArray(i?.variants)) {
-		let t;
-		if (i.isProcessed) t = n ? v(i.style, n) : i.style;
-		else {
-			let { variants: e, ...a } = i;
-			t = n ? v(r(a), n) : a;
-		}
-		return S(e, i.variants, [t], n);
-	}
-	return i?.isProcessed ? n ? v(r(i.style), n) : i.style : n ? v(r(i), n) : i;
-}
-function S(e, t, n = [], i = void 0) {
-	let a;
-	variantLoop: for (let o = 0; o < t.length; o += 1) {
-		let s = t[o];
-		if (typeof s.props == "function") {
-			if (a ??= {
-				...e,
-				...e.ownerState,
-				ownerState: e.ownerState
-			}, !s.props(a)) continue;
-		} else for (let t in s.props) if (e[t] !== s.props[t] && e.ownerState?.[t] !== s.props[t]) continue variantLoop;
-		typeof s.style == "function" ? (a ??= {
-			...e,
-			...e.ownerState,
-			ownerState: e.ownerState
-		}, n.push(i ? v(r(s.style(a)), i) : s.style(a))) : n.push(i ? v(r(s.style), i) : s.style);
-	}
-	return n;
-}
-function C(n = {}) {
-	let { themeId: r, defaultTheme: i = g, rootShouldForwardProp: o = _, slotShouldForwardProp: c = _ } = n;
-	function l(e) {
-		b(e, r, i);
-	}
-	return (n, r = {}) => {
-		e(n, (e) => e.filter((e) => e !== a));
-		let { name: i, slot: u, skipVariantsResolver: d, skipSx: f, overridesResolver: p = y(D(u)), ...m } = r, g = i && i.startsWith("Mui") || u ? "components" : "custom", b = d === void 0 ? u && u !== "Root" && u !== "root" || !1 : d, C = f || !1, O = _;
-		u === "Root" || u === "root" ? O = o : u ? O = c : E(n) && (O = void 0);
-		let k = t(n, {
-			shouldForwardProp: O,
-			label: T(i, u),
-			...m
-		}), A = (e) => {
-			if (e.__emotion_real === e) return e;
-			if (typeof e == "function") return function(t) {
-				return x(t, e, t.theme.modularCssLayers ? g : void 0);
-			};
-			if (s(e)) {
-				let t = h(e);
-				return function(e) {
-					return t.variants ? x(e, t, e.theme.modularCssLayers ? g : void 0) : e.theme.modularCssLayers ? v(t.style, g) : t.style;
-				};
-			}
-			return e;
-		}, j = (...e) => {
-			let t = [], r = e.map(A), o = [];
-			if (t.push(l), i && p && o.push(function(e) {
-				let t = e.theme.components?.[i]?.styleOverrides;
-				if (!t) return null;
-				let n = {};
-				for (let r in t) n[r] = x(e, t[r], e.theme.modularCssLayers ? "theme" : void 0);
-				return p(e, n);
-			}), i && !b && o.push(function(e) {
-				let t = e.theme?.components?.[i]?.variants;
-				return t ? S(e, t, [], e.theme.modularCssLayers ? "theme" : void 0) : null;
-			}), C || o.push(a), Array.isArray(r[0])) {
-				let e = r.shift(), n = Array(t.length).fill(""), i = Array(o.length).fill(""), a;
-				a = [
-					...n,
-					...e,
-					...i
-				], a.raw = [
-					...n,
-					...e.raw,
-					...i
-				], t.unshift(a);
-			}
-			let s = k(...t, ...r, ...o);
-			return n.muiName && (s.muiName = n.muiName), process.env.NODE_ENV !== "production" && (s.displayName = w(i, u, n)), s;
-		};
-		return k.withConfig && (j.withConfig = k.withConfig), j;
-	};
-}
-function w(e, t, n) {
-	return e ? `${e}${l(t || "")}` : `Styled(${m(n)})`;
-}
-function T(e, t) {
-	let n;
-	return process.env.NODE_ENV !== "production" && e && (n = `${e}-${D(t || "Root")}`), n;
-}
-function E(e) {
-	return typeof e == "string" && e.charCodeAt(0) > 96;
-}
-function D(e) {
-	return e && e.charAt(0).toLowerCase() + e.slice(1);
-}
-//#endregion
-//#region ../../node_modules/@mui/material/styles/slotShouldForwardProp.mjs
-function O(e) {
-	return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
-}
-//#endregion
-//#region ../../node_modules/@mui/material/styles/rootShouldForwardProp.mjs
-var k = (e) => O(e) && e !== "classes", A = C({
-	themeId: n,
-	defaultTheme: i,
-	rootShouldForwardProp: k
-});
-//#endregion
-export { _ as a, C as i, k as n, h as o, O as r, A as t };

package/dist/svgIconClasses-C8D4AsMj.js

@@ -1,20 +0,0 @@
-import { t as e } from "./generateUtilityClass-PAIOm1jC.js";
-import { t } from "./generateUtilityClasses-DvX505Gy.js";
-//#region ../../node_modules/@mui/material/SvgIcon/svgIconClasses.mjs
-function n(t) {
-	return e("MuiSvgIcon", t);
-}
-var r = t("MuiSvgIcon", [
-	"root",
-	"colorPrimary",
-	"colorSecondary",
-	"colorAction",
-	"colorError",
-	"colorDisabled",
-	"fontSizeInherit",
-	"fontSizeSmall",
-	"fontSizeMedium",
-	"fontSizeLarge"
-]);
-//#endregion
-export { r as n, n as t };

package/dist/switchClasses-eiq1bkQN.js

@@ -1,23 +0,0 @@
-import { t as e } from "./generateUtilityClass-PAIOm1jC.js";
-import { t } from "./generateUtilityClasses-DvX505Gy.js";
-//#region ../../node_modules/@mui/material/Switch/switchClasses.mjs
-function n(t) {
-	return e("MuiSwitch", t);
-}
-var r = t("MuiSwitch", [
-	"root",
-	"edgeStart",
-	"edgeEnd",
-	"switchBase",
-	"colorPrimary",
-	"colorSecondary",
-	"sizeSmall",
-	"sizeMedium",
-	"checked",
-	"disabled",
-	"input",
-	"thumb",
-	"track"
-]);
-//#endregion
-export { r as n, n as t };

package/dist/theme-demo-components-section-gtIYRngY.js

@@ -1,267 +0,0 @@
-import { t as e } from "./createSvgIcon-B0SZlJF1.js";
-import { t } from "./Add-COc9VdNg.js";
-import { t as n } from "./Favorite-B_GsElm0.js";
-import { t as r } from "./s-text-field-BM4qk0mf.js";
-import { SButton as i } from "./s-button/s-button.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Box as c, Card as l, CardContent as u, Stack as d, Typography as f } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/Share.mjs
-var p = e(/* @__PURE__ */ o("path", { d: "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92" }), "Share"), m = e(/* @__PURE__ */ o("path", { d: "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" }), "Star"), h = () => {
-	let [e, h] = a.useState("");
-	return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ s(d, {
-		spacing: 3,
-		children: [
-			/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(f, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Button Variants"
-			}), /* @__PURE__ */ s(d, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "primary",
-						children: "Contained"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "outlined",
-						color: "primary",
-						children: "Outlined"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "text",
-						color: "primary",
-						children: "Text"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(f, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Color Variants (Contained)"
-			}), /* @__PURE__ */ s(d, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "primary",
-						children: "Primary"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "secondary",
-						children: "Secondary"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "success",
-						children: "Success"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "warning",
-						children: "Warning"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "error",
-						children: "Error"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "info",
-						children: "Info"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(f, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Color Variants (Outlined)"
-			}), /* @__PURE__ */ s(d, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ o(i, {
-						variant: "outlined",
-						color: "primary",
-						children: "Primary"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "outlined",
-						color: "secondary",
-						children: "Secondary"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "outlined",
-						color: "success",
-						children: "Success"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "outlined",
-						color: "warning",
-						children: "Warning"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "outlined",
-						color: "error",
-						children: "Error"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "outlined",
-						color: "info",
-						children: "Info"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(f, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Button Sizes"
-			}), /* @__PURE__ */ s(d, {
-				direction: "row",
-				sx: {
-					alignItems: "center",
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "primary",
-						size: "small",
-						children: "Small"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "primary",
-						size: "medium",
-						children: "Medium"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "primary",
-						size: "large",
-						children: "Large"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(f, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Button States"
-			}), /* @__PURE__ */ s(d, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "primary",
-						children: "Default"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "primary",
-						disabled: !0,
-						children: "Disabled"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "outlined",
-						color: "primary",
-						disabled: !0,
-						children: "Disabled Outlined"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "text",
-						color: "primary",
-						disabled: !0,
-						children: "Disabled Text"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(f, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Buttons with Icons"
-			}), /* @__PURE__ */ s(d, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "primary",
-						startIcon: /* @__PURE__ */ o(t, {}),
-						children: "Start Icon"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "contained",
-						color: "secondary",
-						endIcon: /* @__PURE__ */ o(p, {}),
-						children: "End Icon"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "outlined",
-						color: "success",
-						startIcon: /* @__PURE__ */ o(m, {}),
-						children: "Outlined + Icon"
-					}),
-					/* @__PURE__ */ o(i, {
-						variant: "text",
-						color: "error",
-						endIcon: /* @__PURE__ */ o(n, {}),
-						children: "Text + Icon"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(f, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Form Components"
-			}), /* @__PURE__ */ s(d, {
-				sx: { gap: 2 },
-				children: [
-					/* @__PURE__ */ o(r, {
-						label: "Enhanced Text Field",
-						value: e,
-						onChange: (e) => h(e.target.value),
-						placeholder: "Enter text here...",
-						helperText: "This is an enhanced STextField component"
-					}),
-					/* @__PURE__ */ o(r, {
-						label: "Password Field",
-						type: "password",
-						placeholder: "Enter password...",
-						helperText: "Password input with custom styling"
-					}),
-					/* @__PURE__ */ o(r, {
-						label: "Multiline Text",
-						multiline: !0,
-						rows: 3,
-						placeholder: "Enter multiple lines...",
-						helperText: "Multiline text input"
-					})
-				]
-			})] })
-		]
-	}) }) }) });
-};
-//#endregion
-export { h as t };