@solostylist/ui-kit 1.0.203 → 1.0.205

package/dist/s-skeleton/s-skeleton.js

@@ -1,36 +1,70 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { Skeleton as a } from "@mui/material";
-const h = ({
-  variant: r = "text",
-  width: i = "100%",
-  height: u = 32,
-  fontSize: n = "16px",
-  component: x,
-  ...t
-}) => {
-  switch (x) {
-    case "button":
-      return /* @__PURE__ */ e.jsx(a, { height: 32, variant: "rounded", width: i, ...t });
-    case "checkbox":
-      return /* @__PURE__ */ e.jsx(a, { height: 24, variant: "rounded", width: 24, ...t });
-    case "radio-button":
-      return /* @__PURE__ */ e.jsx(a, { height: 24, variant: "circular", width: 24, ...t });
-    case "avatar":
-      return /* @__PURE__ */ e.jsx(a, { height: 54, variant: "rectangular", width: 54, ...t });
-    case "rounded-avatar":
-      return /* @__PURE__ */ e.jsx(a, { height: 48, variant: "circular", width: 48, ...t });
-    case "icon-button":
-      return /* @__PURE__ */ e.jsx(a, { height: 32, variant: "circular", width: 32, ...t });
-    case "typography":
-      return /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: "text", width: "100%", ...t });
-    case "title-typography":
-      return /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: "text", width: 200, ...t });
-    default:
-      return r === "text" ? /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: r, width: i, ...t }) : /* @__PURE__ */ e.jsx(a, { height: u, variant: r, width: i, ...t });
-  }
-};
-h.displayName = "SSkeleton";
-export {
-  h as SSkeleton,
-  h as default
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+import { Skeleton as t } from "@mui/material";
+//#region lib/s-skeleton/s-skeleton.tsx
+var n = ({ variant: n = "text", width: r = "100%", height: i = 32, fontSize: a = "16px", component: o, ...s }) => {
+	switch (o) {
+		case "button": return /* @__PURE__ */ e(t, {
+			height: 32,
+			variant: "rounded",
+			width: r,
+			...s
+		});
+		case "checkbox": return /* @__PURE__ */ e(t, {
+			height: 24,
+			variant: "rounded",
+			width: 24,
+			...s
+		});
+		case "radio-button": return /* @__PURE__ */ e(t, {
+			height: 24,
+			variant: "circular",
+			width: 24,
+			...s
+		});
+		case "avatar": return /* @__PURE__ */ e(t, {
+			height: 54,
+			variant: "rectangular",
+			width: 54,
+			...s
+		});
+		case "rounded-avatar": return /* @__PURE__ */ e(t, {
+			height: 48,
+			variant: "circular",
+			width: 48,
+			...s
+		});
+		case "icon-button": return /* @__PURE__ */ e(t, {
+			height: 32,
+			variant: "circular",
+			width: 32,
+			...s
+		});
+		case "typography": return /* @__PURE__ */ e(t, {
+			sx: { fontSize: a },
+			variant: "text",
+			width: "100%",
+			...s
+		});
+		case "title-typography": return /* @__PURE__ */ e(t, {
+			sx: { fontSize: a },
+			variant: "text",
+			width: 200,
+			...s
+		});
+		default: return n === "text" ? /* @__PURE__ */ e(t, {
+			sx: { fontSize: a },
+			variant: n,
+			width: r,
+			...s
+		}) : /* @__PURE__ */ e(t, {
+			height: i,
+			variant: n,
+			width: r,
+			...s
+		});
+	}
 };
+n.displayName = "SSkeleton";
+//#endregion
+export { n as SSkeleton, n as default };

package/dist/s-snackbar-message/index.js

@@ -1,6 +1,2 @@
-import { SnackbarMessageProvider as s, SSnackbarMessage as r, useSnackbarMessage as S } from "./s-snackbar-message.js";
-export {
-  s as SnackbarMessageProvider,
-  r as default,
-  S as useSnackbarMessage
-};
+import { SSnackbarMessage as e, SnackbarMessageProvider as t, useSnackbarMessage as n } from "./s-snackbar-message.js";
+export { t as SnackbarMessageProvider, e as default, n as useSnackbarMessage };

package/dist/s-snackbar-message/s-snackbar-message.js

@@ -1,62 +1,49 @@
-import { j as r } from "../jsx-runtime-tc70JA_2.js";
-import * as a from "react";
-import { Snackbar as k, Alert as h } from "@mui/material";
-import { useDialog as x } from "../hooks/use-dialog.js";
-const c = ({
-  message: s,
-  onClose: e = () => {
-  },
-  open: n = !1,
-  snackbarProps: t,
-  alertProps: o
-}) => /* @__PURE__ */ r.jsx(
-  k,
-  {
-    open: n,
-    autoHideDuration: 1e4,
-    onClose: e,
-    anchorOrigin: { vertical: "top", horizontal: "center" },
-    ...t,
-    children: /* @__PURE__ */ r.jsx(h, { onClose: e, severity: "info", sx: { width: "100%" }, ...o, children: s })
-  }
-);
-c.displayName = "SSnackbarMessage";
-const i = a.createContext(null), j = ({ children: s }) => {
-  const e = x(), [n, t] = a.useState({
-    message: ""
-  }), [o, l] = a.useState({}), [p, u] = a.useState({}), g = a.useMemo(
-    () => ({
-      handleOpen: ({ snackbarMessageOptions: d, snackbarProps: m = {}, alertProps: b = {} }) => {
-        const { message: S } = d || { message: "" };
-        t({ message: S }), l(m), u(b), e.handleOpen();
-      },
-      handleClose: e.handleClose,
-      open: e.open
-    }),
-    [e]
-  );
-  return /* @__PURE__ */ r.jsxs(i.Provider, { value: g, children: [
-    /* @__PURE__ */ r.jsx(
-      c,
-      {
-        open: e.open,
-        message: n.message,
-        onClose: e.handleClose,
-        snackbarProps: o,
-        alertProps: p
-      }
-    ),
-    s
-  ] });
-}, v = () => {
-  const s = a.useContext(i);
-  if (!s)
-    throw new Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
-  return s;
-};
-export {
-  c as SSnackbarMessage,
-  j as SnackbarMessageProvider,
-  c as default,
-  v as useSnackbarMessage
+import { useDialog as e } from "../hooks/use-dialog.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Alert as i, Snackbar as a } from "@mui/material";
+//#region lib/s-snackbar-message/s-snackbar-message.tsx
+var o = ({ message: e, onClose: t = () => {}, open: r = !1, snackbarProps: o, alertProps: s }) => /* @__PURE__ */ n(a, {
+	open: r,
+	autoHideDuration: 1e4,
+	onClose: t,
+	anchorOrigin: {
+		vertical: "top",
+		horizontal: "center"
+	},
+	...o,
+	children: /* @__PURE__ */ n(i, {
+		onClose: t,
+		severity: "info",
+		sx: { width: "100%" },
+		...s,
+		children: e
+	})
+});
+o.displayName = "SSnackbarMessage";
+var s = t.createContext(null), c = ({ children: i }) => {
+	let a = e(), [c, l] = t.useState({ message: "" }), [u, d] = t.useState({}), [f, p] = t.useState({}), m = t.useMemo(() => ({
+		handleOpen: ({ snackbarMessageOptions: e, snackbarProps: t = {}, alertProps: n = {} }) => {
+			let { message: r } = e || { message: "" };
+			l({ message: r }), d(t), p(n), a.handleOpen();
+		},
+		handleClose: a.handleClose,
+		open: a.open
+	}), [a]);
+	return /* @__PURE__ */ r(s.Provider, {
+		value: m,
+		children: [/* @__PURE__ */ n(o, {
+			open: a.open,
+			message: c.message,
+			onClose: a.handleClose,
+			snackbarProps: u,
+			alertProps: f
+		}), i]
+	});
+}, l = () => {
+	let e = t.useContext(s);
+	if (!e) throw Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
+	return e;
 };
+//#endregion
+export { o as SSnackbarMessage, o as default, c as SnackbarMessageProvider, l as useSnackbarMessage };

package/dist/s-spotlight-cursor/index.js

@@ -1,4 +1,2 @@
-import { SSpotlightCursor as t } from "./s-spotlight-cursor.js";
-export {
-  t as default
-};
+import { SSpotlightCursor as e } from "./s-spotlight-cursor.js";
+export { e as default };

package/dist/s-spotlight-cursor/s-spotlight-cursor.js

@@ -1,61 +1,58 @@
-import { j as p } from "../jsx-runtime-tc70JA_2.js";
-import { useRef as g, useEffect as x } from "react";
-import { Box as E } from "@mui/material";
-const b = (t) => {
-  const a = g(null);
-  return x(() => {
-    const e = a.current;
-    if (!e) return;
-    const o = e.getContext("2d");
-    if (!o) return;
-    let d, r = -1e3, s = -1e3;
-    const c = () => {
-      e.width = window.innerWidth, e.height = window.innerHeight;
-    }, l = (n) => {
-      r = n.clientX, s = n.clientY;
-    }, m = () => {
-      r = -1e3, s = -1e3;
-    }, h = (n) => {
-      const i = parseInt(n.slice(1), 16), w = i >> 16 & 255, v = i >> 8 & 255, f = i & 255;
-      return `${w},${v},${f}`;
-    }, u = () => {
-      if (o.clearRect(0, 0, e.width, e.height), r !== -1e3 && s !== -1e3) {
-        const n = o.createRadialGradient(r, s, 0, r, s, t.radius || 200), i = h(t.color);
-        n.addColorStop(0, `rgba(${i}, ${t.brightness})`), n.addColorStop(1, "rgba(0,0,0,0)"), o.fillStyle = n, o.fillRect(0, 0, e.width, e.height);
-      }
-      d = requestAnimationFrame(u);
-    };
-    return c(), window.addEventListener("resize", c), window.addEventListener("mousemove", l), window.addEventListener("mouseleave", m), d = requestAnimationFrame(u), () => {
-      window.removeEventListener("resize", c), window.removeEventListener("mousemove", l), window.removeEventListener("mouseleave", m), cancelAnimationFrame(d);
-    };
-  }, [t.radius, t.brightness, t.color]), a;
-}, R = ({
-  config: t = { radius: 200, brightness: 0.15, color: "#0000ff", smoothing: 0.1 },
-  className: a,
-  ...e
-}) => {
-  const o = b(t);
-  return /* @__PURE__ */ p.jsx(
-    E,
-    {
-      component: "canvas",
-      ref: o,
-      className: a,
-      sx: {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        pointerEvents: "none",
-        zIndex: 9999,
-        width: "100%",
-        height: "100%"
-      },
-      ...e
-    }
-  );
-};
-R.displayName = "SSpotlightCursor";
-export {
-  R as SSpotlightCursor,
-  R as default
-};
+import { useEffect as e, useRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Box as r } from "@mui/material";
+//#region lib/s-spotlight-cursor/s-spotlight-cursor.tsx
+var i = (n) => {
+	let r = t(null);
+	return e(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = e.getContext("2d");
+		if (!t) return;
+		let i, a = -1e3, o = -1e3, s = () => {
+			e.width = window.innerWidth, e.height = window.innerHeight;
+		}, c = (e) => {
+			a = e.clientX, o = e.clientY;
+		}, l = () => {
+			a = -1e3, o = -1e3;
+		}, u = (e) => {
+			let t = parseInt(e.slice(1), 16);
+			return `${t >> 16 & 255},${t >> 8 & 255},${t & 255}`;
+		}, d = () => {
+			if (t.clearRect(0, 0, e.width, e.height), a !== -1e3 && o !== -1e3) {
+				let r = t.createRadialGradient(a, o, 0, a, o, n.radius || 200), i = u(n.color);
+				r.addColorStop(0, `rgba(${i}, ${n.brightness})`), r.addColorStop(1, "rgba(0,0,0,0)"), t.fillStyle = r, t.fillRect(0, 0, e.width, e.height);
+			}
+			i = requestAnimationFrame(d);
+		};
+		return s(), window.addEventListener("resize", s), window.addEventListener("mousemove", c), window.addEventListener("mouseleave", l), i = requestAnimationFrame(d), () => {
+			window.removeEventListener("resize", s), window.removeEventListener("mousemove", c), window.removeEventListener("mouseleave", l), cancelAnimationFrame(i);
+		};
+	}, [
+		n.radius,
+		n.brightness,
+		n.color
+	]), r;
+}, a = ({ config: e = {
+	radius: 200,
+	brightness: .15,
+	color: "#0000ff",
+	smoothing: .1
+}, className: t, ...a }) => /* @__PURE__ */ n(r, {
+	component: "canvas",
+	ref: i(e),
+	className: t,
+	sx: {
+		position: "fixed",
+		top: 0,
+		left: 0,
+		pointerEvents: "none",
+		zIndex: 9999,
+		width: "100%",
+		height: "100%"
+	},
+	...a
+});
+a.displayName = "SSpotlightCursor";
+//#endregion
+export { a as SSpotlightCursor, a as default };

package/dist/s-stripe/index.js

@@ -1,10 +1,6 @@
-import { StripeTextField as p } from "./s-stripe.js";
-import { SStripeNumber as o } from "./s-stripe-number.js";
-import { SStripeExpiry as i } from "./s-stripe-expiry.js";
-import { SStripeCVC as m } from "./s-stripe-cvc.js";
-export {
-  m as SStripeCVC,
-  i as SStripeExpiry,
-  o as SStripeNumber,
-  p as StripeTextField
-};
+import "../createTheme-DuS5_nJb.js";
+import { StripeTextField as e } from "./s-stripe.js";
+import { SStripeNumber as t } from "./s-stripe-number.js";
+import { SStripeExpiry as n } from "./s-stripe-expiry.js";
+import { SStripeCVC as r } from "./s-stripe-cvc.js";
+export { r as SStripeCVC, n as SStripeExpiry, t as SStripeNumber, e as StripeTextField };

package/dist/s-stripe/s-stripe-cvc.js

@@ -1,11 +1,15 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { CardCvcElement as r } from "@stripe/react-stripe-js";
-import { StripeTextField as i } from "./s-stripe.js";
-function m(e) {
-  return /* @__PURE__ */ t.jsx(i, { label: "CVC", stripeElement: r, ...e });
+import "../createTheme-DuS5_nJb.js";
+import { StripeTextField as e } from "./s-stripe.js";
+import { jsx as t } from "react/jsx-runtime";
+import { CardCvcElement as n } from "@stripe/react-stripe-js";
+//#region lib/s-stripe/s-stripe-cvc.tsx
+function r(r) {
+	return /* @__PURE__ */ t(e, {
+		label: "CVC",
+		stripeElement: n,
+		...r
+	});
 }
-m.displayName = "SStripeCVC";
-export {
-  m as SStripeCVC,
-  m as default
-};
+r.displayName = "SStripeCVC";
+//#endregion
+export { r as SStripeCVC, r as default };

package/dist/s-stripe/s-stripe-expiry.js

@@ -1,11 +1,15 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { CardExpiryElement as e } from "@stripe/react-stripe-js";
-import { StripeTextField as i } from "./s-stripe.js";
-function p(r) {
-  return /* @__PURE__ */ t.jsx(i, { label: "Expiration", stripeElement: e, ...r });
+import "../createTheme-DuS5_nJb.js";
+import { StripeTextField as e } from "./s-stripe.js";
+import { jsx as t } from "react/jsx-runtime";
+import { CardExpiryElement as n } from "@stripe/react-stripe-js";
+//#region lib/s-stripe/s-stripe-expiry.tsx
+function r(r) {
+	return /* @__PURE__ */ t(e, {
+		label: "Expiration",
+		stripeElement: n,
+		...r
+	});
 }
-p.displayName = "SStripeExpiry";
-export {
-  p as SStripeExpiry,
-  p as default
-};
+r.displayName = "SStripeExpiry";
+//#endregion
+export { r as SStripeExpiry, r as default };

package/dist/s-stripe/s-stripe-number.js

@@ -1,11 +1,15 @@
-import { j as r } from "../jsx-runtime-tc70JA_2.js";
-import { CardNumberElement as t } from "@stripe/react-stripe-js";
-import { StripeTextField as m } from "./s-stripe.js";
-function i(e) {
-  return /* @__PURE__ */ r.jsx(m, { label: "Card Number", stripeElement: t, ...e });
+import "../createTheme-DuS5_nJb.js";
+import { StripeTextField as e } from "./s-stripe.js";
+import { jsx as t } from "react/jsx-runtime";
+import { CardNumberElement as n } from "@stripe/react-stripe-js";
+//#region lib/s-stripe/s-stripe-number.tsx
+function r(r) {
+	return /* @__PURE__ */ t(e, {
+		label: "Card Number",
+		stripeElement: n,
+		...r
+	});
 }
-i.displayName = "SStripeNumber";
-export {
-  i as SStripeNumber,
-  i as default
-};
+r.displayName = "SStripeNumber";
+//#endregion
+export { r as SStripeNumber, r as default };

package/dist/s-stripe/s-stripe.js

@@ -1,38 +1,32 @@
-import { j as l } from "../jsx-runtime-tc70JA_2.js";
-import { STextField as u } from "../s-text-field/s-text-field.js";
-import m from "./stripe-input.js";
-const a = (r) => {
-  const { helperText: p, slotProps: t, inputProps: o, error: e, labelErrorMessage: i, stripeElement: n, ...s } = r;
-  return /* @__PURE__ */ l.jsx(
-    u,
-    {
-      fullWidth: !0,
-      slotProps: {
-        inputLabel: {
-          ...t?.inputLabel,
-          shrink: !0
-          // Always shrink label since Stripe elements don't support placeholder-driven shrinking
-        },
-        input: {
-          ...t?.input,
-          inputProps: {
-            ...o,
-            ...t?.input?.inputProps,
-            component: n
-            // Pass Stripe element as component
-          },
-          inputComponent: m
-          // Custom input component for Stripe integration
-        }
-      },
-      error: e,
-      helperText: e ? i : p,
-      ...s
-    }
-  );
-};
-a.displayName = "StripeTextField";
-export {
-  a as StripeTextField,
-  a as default
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-text-field-ni42E-1x.js";
+import t from "./stripe-input.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/s-stripe/s-stripe.tsx
+var r = (r) => {
+	let { helperText: i, slotProps: a, inputProps: o, error: s, labelErrorMessage: c, stripeElement: l, ...u } = r;
+	return /* @__PURE__ */ n(e, {
+		fullWidth: !0,
+		slotProps: {
+			inputLabel: {
+				...a?.inputLabel,
+				shrink: !0
+			},
+			input: {
+				...a?.input,
+				inputProps: {
+					...o,
+					...a?.input?.inputProps,
+					component: l
+				},
+				inputComponent: t
+			}
+		},
+		error: s,
+		helperText: s ? c : i,
+		...u
+	});
 };
+r.displayName = "StripeTextField";
+//#endregion
+export { r as StripeTextField, r as default };