@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/s-typewriter-text/s-typewriter-text.js

@@ -1,46 +1,40 @@
-import { j as p } from "../jsx-runtime-tc70JA_2.js";
-import { useState as r, useEffect as j } from "react";
-import { Typography as k, Box as D } from "@mui/material";
-const b = ({
-  text: s,
-  speed: l = 100,
-  cursor: T = "|",
-  cursorBlinking: g = !0,
-  loop: c = !1,
-  deleteSpeed: x = 50,
-  delay: f = 1500,
-  ...h
-}) => {
-  const [n, u] = r(""), [i, m] = r(0), [o, y] = r(!1), [d, A] = r(0), a = Array.isArray(s) ? s : [s], t = a[d] || "";
-  return j(() => {
-    if (!t) return;
-    const I = setTimeout(
-      () => {
-        o ? n.length > 0 ? u((e) => e.slice(0, -1)) : (y(!1), m(0), A((e) => (e + 1) % a.length)) : i < t.length ? (u((e) => e + t[i]), m((e) => e + 1)) : c && setTimeout(() => y(!0), f);
-      },
-      o ? x : l
-    );
-    return () => clearTimeout(I);
-  }, [i, o, t, c, l, x, f, n, a.length]), /* @__PURE__ */ p.jsxs(k, { ...h, children: [
-    n,
-    /* @__PURE__ */ p.jsx(
-      D,
-      {
-        component: "span",
-        sx: {
-          animation: g ? "blink 1s infinite" : "none",
-          "@keyframes blink": {
-            "0%, 50%": { opacity: 1 },
-            "51%, 100%": { opacity: 0 }
-          }
-        },
-        children: T
-      }
-    )
-  ] });
-};
-b.displayName = "STypewriterText";
-export {
-  b as STypewriterText,
-  b as default
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { useEffect as t, useState as n } from "react";
+import { Box as r, Typography as i } from "@mui/material";
+//#region lib/s-typewriter-text/s-typewriter-text.tsx
+var a = e(), o = ({ text: e, speed: o = 100, cursor: s = "|", cursorBlinking: c = !0, loop: l = !1, deleteSpeed: u = 50, delay: d = 1500, ...f }) => {
+	let [p, m] = n(""), [h, g] = n(0), [_, v] = n(!1), [y, b] = n(0), x = Array.isArray(e) ? e : [e], S = x[y] || "";
+	return t(() => {
+		if (!S) return;
+		let e = setTimeout(() => {
+			_ ? p.length > 0 ? m((e) => e.slice(0, -1)) : (v(!1), g(0), b((e) => (e + 1) % x.length)) : h < S.length ? (m((e) => e + S[h]), g((e) => e + 1)) : l && setTimeout(() => v(!0), d);
+		}, _ ? u : o);
+		return () => clearTimeout(e);
+	}, [
+		h,
+		_,
+		S,
+		l,
+		o,
+		u,
+		d,
+		p,
+		x.length
+	]), /* @__PURE__ */ (0, a.jsxs)(i, {
+		...f,
+		children: [p, /* @__PURE__ */ (0, a.jsx)(r, {
+			component: "span",
+			sx: {
+				animation: c ? "blink 1s infinite" : "none",
+				"@keyframes blink": {
+					"0%, 50%": { opacity: 1 },
+					"51%, 100%": { opacity: 0 }
+				}
+			},
+			children: s
+		})]
+	});
 };
+o.displayName = "STypewriterText";
+//#endregion
+export { o as STypewriterText, o as default };

package/dist/s-zoom-image/index.js

@@ -1,4 +1,3 @@
+import "../jsx-runtime-V-UOMaX1.js";
 import { SZoomImage as e } from "./s-zoom-image.js";
-export {
-  e as default
-};
+export { e as default };

package/dist/s-zoom-image/s-zoom-image.d.ts

@@ -25,8 +25,5 @@ export interface SZoomImageProps extends Omit<BoxProps, 'component'> {
     /** Image width for lazy loading skeleton */
     width?: number | string;
 }
-/**
- * An interactive image component with smooth zoom-on-hover functionality and built-in lazy loading.
- */
 export declare const SZoomImage: React.ForwardRefExoticComponent<Omit<SZoomImageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SZoomImage;

package/dist/s-zoom-image/s-zoom-image.js

@@ -1,88 +1,62 @@
-import { j as n } from "../jsx-runtime-tc70JA_2.js";
-import H, { useState as N } from "react";
-import { Box as r } from "@mui/material";
-import { useMotionValue as m, useSpring as c, useTransform as T, motion as Z } from "framer-motion";
-import _ from "../s-lazy-image/s-lazy-image.js";
-const $ = H.forwardRef(
-  ({
-    src: d,
-    alt: u,
-    zoomScale: l = 1.2,
-    transitionDuration: f = 0.3,
-    borderRadius: g = 1.5,
-    imgStyle: h,
-    imgClassName: p,
-    skeletonVariant: v = "rounded",
-    height: M = "100%",
-    width: x = "100%",
-    sx: j,
-    ...y
-  }, L) => {
-    const [i, w] = N(!1), o = m(50), t = m(50), a = { damping: 20, stiffness: 150, mass: 0.5 }, R = c(o, a), S = c(t, a), b = T(
-      [R, S],
-      ([e, s]) => `${e}% ${s}%`
-    ), I = (e) => {
-      if (!i) return;
-      const { left: s, top: Y, width: B, height: C } = e.currentTarget.getBoundingClientRect();
-      o.set((e.clientX - s) / B * 100), t.set((e.clientY - Y) / C * 100);
-    }, X = () => {
-      o.set(50), t.set(50);
-    };
-    return /* @__PURE__ */ n.jsx(
-      r,
-      {
-        ref: L,
-        onMouseMove: I,
-        onMouseLeave: X,
-        sx: {
-          position: "relative",
-          width: "100%",
-          height: "auto",
-          overflow: "hidden",
-          borderRadius: g,
-          ...j
-        },
-        ...y,
-        children: /* @__PURE__ */ n.jsx(
-          r,
-          {
-            component: Z.div,
-            style: {
-              transformOrigin: b
-            },
-            animate: { scale: 1 },
-            whileHover: i ? { scale: l } : { scale: 1 },
-            transition: {
-              type: "spring",
-              duration: f,
-              bounce: 0
-            },
-            children: /* @__PURE__ */ n.jsx(
-              _,
-              {
-                src: d,
-                alt: u,
-                variant: v,
-                height: M,
-                width: x,
-                className: p,
-                style: {
-                  objectFit: "cover",
-                  display: "block",
-                  borderRadius: "inherit",
-                  ...h
-                },
-                onLoad: () => w(!0)
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-$.displayName = "SZoomImage";
-export {
-  $ as SZoomImage,
-  $ as default
-};
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import t from "../s-lazy-image/s-lazy-image.js";
+import n, { useState as r } from "react";
+import { Box as i } from "@mui/material";
+import { motion as a, useMotionValue as o, useSpring as s, useTransform as c } from "framer-motion";
+//#region lib/s-zoom-image/s-zoom-image.tsx
+var l = e(), u = n.forwardRef(({ src: e, alt: n, zoomScale: u = 1.2, transitionDuration: d = .3, borderRadius: f = 1.5, imgStyle: p, imgClassName: m, skeletonVariant: h = "rounded", height: g = "100%", width: _ = "100%", sx: v, ...y }, b) => {
+	let [x, S] = r(!1), C = o(50), w = o(50), T = {
+		damping: 20,
+		stiffness: 150,
+		mass: .5
+	}, E = c([s(C, T), s(w, T)], ([e, t]) => `${e}% ${t}%`);
+	return /* @__PURE__ */ (0, l.jsx)(i, {
+		ref: b,
+		onMouseMove: (e) => {
+			if (!x) return;
+			let { left: t, top: n, width: r, height: i } = e.currentTarget.getBoundingClientRect();
+			C.set((e.clientX - t) / r * 100), w.set((e.clientY - n) / i * 100);
+		},
+		onMouseLeave: () => {
+			C.set(50), w.set(50);
+		},
+		sx: {
+			position: "relative",
+			width: "100%",
+			height: "auto",
+			overflow: "hidden",
+			borderRadius: f,
+			...v
+		},
+		...y,
+		children: /* @__PURE__ */ (0, l.jsx)(i, {
+			component: a.div,
+			style: { transformOrigin: E },
+			animate: { scale: 1 },
+			whileHover: x ? { scale: u } : { scale: 1 },
+			transition: {
+				type: "spring",
+				duration: d,
+				bounce: 0
+			},
+			children: /* @__PURE__ */ (0, l.jsx)(t, {
+				src: e,
+				alt: n,
+				variant: h,
+				height: g,
+				width: _,
+				className: m,
+				style: {
+					objectFit: "cover",
+					display: "block",
+					borderRadius: "inherit",
+					...p
+				},
+				onLoad: () => S(!0)
+			})
+		})
+	});
+});
+u.displayName = "SZoomImage";
+//#endregion
+export { u as SZoomImage, u as default };

package/dist/select-CjaxyZK_.js

@@ -0,0 +1,11 @@
+import { t as e } from "./jsx-runtime-V-UOMaX1.js";
+import { t } from "./createSvgIcon-Bs2KOQvq.js";
+import * as n from "react";
+//#region ../../node_modules/@mui/icons-material/esm/UnfoldMoreRounded.js
+var r = e(), i = t(/* @__PURE__ */ (0, r.jsx)("path", { d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z" }), "UnfoldMoreRounded"), a = { defaultProps: { IconComponent: n.forwardRef((e, t) => /* @__PURE__ */ (0, r.jsx)(i, {
+	fontSize: "small",
+	...e,
+	ref: t
+})) } };
+//#endregion
+export { a as t };

package/dist/styled-CjUxhIJh.js

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

package/dist/svgIconClasses-DOmb6RsS.js

@@ -0,0 +1,20 @@
+import { t as e } from "./generateUtilityClass-DdqZpZoW.js";
+import { t } from "./generateUtilityClasses-i3-S3IQr.js";
+//#region ../../node_modules/@mui/material/esm/SvgIcon/svgIconClasses.js
+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/tabClasses-DoD3-n6K.js

@@ -0,0 +1,21 @@
+import { t as e } from "./generateUtilityClass-DdqZpZoW.js";
+import { t } from "./generateUtilityClasses-i3-S3IQr.js";
+//#region ../../node_modules/@mui/material/esm/Tab/tabClasses.js
+function n(t) {
+	return e("MuiTab", t);
+}
+var r = t("MuiTab", [
+	"root",
+	"labelIcon",
+	"textColorInherit",
+	"textColorPrimary",
+	"textColorSecondary",
+	"selected",
+	"disabled",
+	"fullWidth",
+	"wrapped",
+	"iconWrapper",
+	"icon"
+]);
+//#endregion
+export { r as n, n as t };

package/dist/theme/components/accordion-details.js

@@ -1,8 +1,7 @@
-const o = {
-  styleOverrides: {
-    root: { mb: 20, border: "none" }
-  }
-};
-export {
-  o as MuiAccordionDetails
-};
+//#region lib/theme/components/accordion-details.tsx
+var e = { styleOverrides: { root: {
+	mb: 20,
+	border: "none"
+} } };
+//#endregion
+export { e as MuiAccordionDetails };

package/dist/theme/components/accordion-summary.js

@@ -1,17 +1,12 @@
-import { gray as r } from "../theme-primitives.js";
-const a = {
-  styleOverrides: {
-    root: ({ theme: o }) => ({
-      border: "none",
-      borderRadius: 8,
-      "&:hover": { backgroundColor: r[50] },
-      "&:focus-visible": { backgroundColor: "transparent" },
-      ...o.applyStyles("dark", {
-        "&:hover": { backgroundColor: r[800] }
-      })
-    })
-  }
-};
-export {
-  a as MuiAccordionSummary
-};
+import "../../createTheme-CMuiGmV-.js";
+import { s as e } from "../../theme-primitives-Csxbv-2Y.js";
+//#region lib/theme/components/accordion-summary.tsx
+var t = { styleOverrides: { root: ({ theme: t }) => ({
+	border: "none",
+	borderRadius: 8,
+	"&:hover": { backgroundColor: e[50] },
+	"&:focus-visible": { backgroundColor: "transparent" },
+	...t.applyStyles("dark", { "&:hover": { backgroundColor: e[800] } })
+}) } };
+//#endregion
+export { t as MuiAccordionSummary };

package/dist/theme/components/accordion.js

@@ -1,32 +1,24 @@
-const d = {
-  styleOverrides: {
-    root: ({ theme: r, ownerState: o }) => ({
-      padding: 2,
-      overflow: "clip",
-      backgroundColor: (r.vars ?? r).palette.background.default,
-      border: "1px solid",
-      borderColor: (r.vars ?? r).palette.divider,
-      borderRadius: (r.vars ?? r).shape.borderRadius,
-      ":before": {
-        backgroundColor: "transparent"
-      },
-      ...o.disableGutters ? {
-        borderRadius: "none",
-        "&:not(:last-of-type)": {
-          borderBottom: "none"
-        },
-        "&:first-of-type": {
-          borderTopLeftRadius: (r.vars ?? r).shape.borderRadius,
-          borderTopRightRadius: (r.vars ?? r).shape.borderRadius
-        },
-        "&:last-of-type": {
-          borderBottomLeftRadius: (r.vars ?? r).shape.borderRadius,
-          borderBottomRightRadius: (r.vars ?? r).shape.borderRadius
-        }
-      } : {}
-    })
-  }
-};
-export {
-  d as MuiAccordion
-};
+//#region lib/theme/components/accordion.tsx
+var e = { styleOverrides: { root: ({ theme: e, ownerState: t }) => ({
+	padding: 2,
+	overflow: "clip",
+	backgroundColor: (e.vars ?? e).palette.background.default,
+	border: "1px solid",
+	borderColor: (e.vars ?? e).palette.divider,
+	borderRadius: (e.vars ?? e).shape.borderRadius,
+	":before": { backgroundColor: "transparent" },
+	...t.disableGutters ? {
+		borderRadius: "none",
+		"&:not(:last-of-type)": { borderBottom: "none" },
+		"&:first-of-type": {
+			borderTopLeftRadius: (e.vars ?? e).shape.borderRadius,
+			borderTopRightRadius: (e.vars ?? e).shape.borderRadius
+		},
+		"&:last-of-type": {
+			borderBottomLeftRadius: (e.vars ?? e).shape.borderRadius,
+			borderBottomRightRadius: (e.vars ?? e).shape.borderRadius
+		}
+	} : {}
+}) } };
+//#endregion
+export { e as MuiAccordion };