@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/s-glow-button/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-glow-button.js";
-export {
-  o as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import e from "./s-glow-button.js";
+export { e as default };

package/dist/s-glow-button/s-glow-button.js

@@ -1,43 +1,30 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { hslToRgb as s, Button as u } from "@mui/material";
-import { SMovingBorder as f } from "../s-moving-border/s-moving-border.js";
-import { blue as x } from "../theme/theme-primitives.js";
-const a = ({
-  borderRadius: t = 12,
-  children: l,
-  duration: n = 3e3,
-  width: o = "fit-content",
-  height: r = "60px",
-  glowSize: p = 60,
-  glowColor: i = s(x[500]),
-  ...m
-}) => /* @__PURE__ */ e.jsx(
-  f,
-  {
-    width: o,
-    height: r,
-    duration: n,
-    borderRadius: t,
-    glowSize: p,
-    glowColor: i,
-    padding: 0.3,
-    children: /* @__PURE__ */ e.jsx(
-      u,
-      {
-        sx: {
-          borderRadius: t,
-          width: o,
-          height: r
-        },
-        disableRipple: !0,
-        ...m,
-        fullWidth: !0,
-        children: l
-      }
-    )
-  }
-);
-a.displayName = "SGlowButton";
-export {
-  a as default
-};
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { a as t } from "../theme-primitives-Csxbv-2Y.js";
+import { SMovingBorder as n } from "../s-moving-border/s-moving-border.js";
+import "react";
+import { Button as r, hslToRgb as i } from "@mui/material";
+//#region lib/s-glow-button/s-glow-button.tsx
+var a = e(), o = ({ borderRadius: e = 12, children: o, duration: s = 3e3, width: c = "fit-content", height: l = "60px", glowSize: u = 60, glowColor: d = i(t[500]), ...f }) => /* @__PURE__ */ (0, a.jsx)(n, {
+	width: c,
+	height: l,
+	duration: s,
+	borderRadius: e,
+	glowSize: u,
+	glowColor: d,
+	padding: .3,
+	children: /* @__PURE__ */ (0, a.jsx)(r, {
+		sx: {
+			borderRadius: e,
+			width: c,
+			height: l
+		},
+		disableRipple: !0,
+		...f,
+		fullWidth: !0,
+		children: o
+	})
+});
+o.displayName = "SGlowButton";
+//#endregion
+export { o as default };

package/dist/s-gradient-icon/index.js

@@ -1,4 +1,3 @@
-import { SGradientIcon as o } from "./s-gradient-icon.js";
-export {
-  o as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { SGradientIcon as e } from "./s-gradient-icon.js";
+export { e as default };

package/dist/s-gradient-icon/s-gradient-icon.d.ts

@@ -50,7 +50,6 @@ export interface SGradientIconProps extends SvgIconProps {
     /** Fallback color when gradient is not shown */
     fallbackColor?: string;
 }
-/** A customizable icon component that applies gradient effects with multiple themes and animations. */
 export declare const SGradientIcon: {
     ({ hovered, IconComponent, sx, strokeWidth, gradientTheme, customGradient, gradientDirection, animationDuration, animationEasing, autoHover, gradientId, alwaysGradient, fallbackColor, ...props }: SGradientIconProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;

package/dist/s-gradient-icon/s-gradient-icon.js

@@ -1,80 +1,125 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { useId as b } from "react";
-const $ = ({
-  hovered: x = !1,
-  IconComponent: n,
-  sx: c,
-  strokeWidth: p = 0,
-  gradientTheme: m = "blue-cyan",
-  customGradient: o,
-  gradientDirection: a = "diagonal",
-  animationDuration: y = 300,
-  animationEasing: u = "ease",
-  autoHover: i = !1,
-  gradientId: h,
-  alwaysGradient: f = !1,
-  fallbackColor: j,
-  ...d
-}) => {
-  const g = b(), t = h ?? `gradient-${g}`, s = {
-    "blue-cyan": { start: "#1469be", end: "#43ecff" },
-    "purple-pink": { start: "#8b5cf6", end: "#ec4899" },
-    "orange-red": { start: "#f97316", end: "#ef4444" },
-    "green-teal": { start: "#10b981", end: "#06b6d4" },
-    "indigo-purple": { start: "#6366f1", end: "#a855f7" },
-    custom: o ? {
-      start: o.startColor,
-      end: o.endColor,
-      middle: o.middleColor,
-      middlePos: o.middlePosition ?? 0.5
-    } : { start: "#1469be", end: "#43ecff" }
-  }[m], r = {
-    horizontal: { x1: "0", y1: "0", x2: "1", y2: "0" },
-    vertical: { x1: "0", y1: "0", x2: "0", y2: "1" },
-    diagonal: { x1: "0", y1: "0", x2: "1", y2: "1" },
-    radial: { x1: "0.5", y1: "0.5", x2: "0.5", y2: "0.5" }
-  }[a], C = f || x ? `url(#${t})` : j ?? "var(--s-palette-text-primary)";
-  return n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("svg", { width: 0, height: 0, children: a === "radial" ? /* @__PURE__ */ e.jsxs("radialGradient", { id: t, cx: "50%", cy: "50%", r: "50%", children: [
-      /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: s.start }),
-      s.middle && /* @__PURE__ */ e.jsx("stop", { offset: `${(s.middlePos ?? 0.5) * 100}%`, stopColor: s.middle }),
-      /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: s.end })
-    ] }) : /* @__PURE__ */ e.jsxs("linearGradient", { id: t, x1: r.x1, y1: r.y1, x2: r.x2, y2: r.y2, children: [
-      /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: s.start }),
-      s.middle && /* @__PURE__ */ e.jsx("stop", { offset: `${(s.middlePos ?? 0.5) * 100}%`, stopColor: s.middle }),
-      /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: s.end })
-    ] }) }),
-    /* @__PURE__ */ e.jsx(
-      n,
-      {
-        ...d,
-        sx: {
-          fill: C,
-          strokeWidth: p,
-          transition: `fill ${y}ms ${u}`,
-          // Auto hover functionality
-          ...i && {
-            "&:hover": {
-              fill: `url(#${t})`
-            }
-          },
-          ...c
-          // Allow custom styling to override defaults
-        },
-        ...i && !f && {
-          onMouseEnter: (l) => {
-            d.onMouseEnter?.(l);
-          },
-          onMouseLeave: (l) => {
-            d.onMouseLeave?.(l);
-          }
-        }
-      }
-    )
-  ] }) : null;
-};
-$.displayName = "SGradientIcon";
-export {
-  $ as SGradientIcon,
-  $ as default
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { useId as t } from "react";
+//#region lib/s-gradient-icon/s-gradient-icon.tsx
+var n = e(), r = ({ hovered: e = !1, IconComponent: r, sx: i, strokeWidth: a = 0, gradientTheme: o = "blue-cyan", customGradient: s, gradientDirection: c = "diagonal", animationDuration: l = 300, animationEasing: u = "ease", autoHover: d = !1, gradientId: f, alwaysGradient: p = !1, fallbackColor: m, ...h }) => {
+	let g = t(), _ = f ?? `gradient-${g}`, v = {
+		"blue-cyan": {
+			start: "#1469be",
+			end: "#43ecff"
+		},
+		"purple-pink": {
+			start: "#8b5cf6",
+			end: "#ec4899"
+		},
+		"orange-red": {
+			start: "#f97316",
+			end: "#ef4444"
+		},
+		"green-teal": {
+			start: "#10b981",
+			end: "#06b6d4"
+		},
+		"indigo-purple": {
+			start: "#6366f1",
+			end: "#a855f7"
+		},
+		custom: s ? {
+			start: s.startColor,
+			end: s.endColor,
+			middle: s.middleColor,
+			middlePos: s.middlePosition ?? .5
+		} : {
+			start: "#1469be",
+			end: "#43ecff"
+		}
+	}[o], y = {
+		horizontal: {
+			x1: "0",
+			y1: "0",
+			x2: "1",
+			y2: "0"
+		},
+		vertical: {
+			x1: "0",
+			y1: "0",
+			x2: "0",
+			y2: "1"
+		},
+		diagonal: {
+			x1: "0",
+			y1: "0",
+			x2: "1",
+			y2: "1"
+		},
+		radial: {
+			x1: "0.5",
+			y1: "0.5",
+			x2: "0.5",
+			y2: "0.5"
+		}
+	}[c], b = p || e ? `url(#${_})` : m ?? "var(--s-palette-text-primary)";
+	return r ? /* @__PURE__ */ (0, n.jsxs)(n.Fragment, { children: [/* @__PURE__ */ (0, n.jsx)("svg", {
+		width: 0,
+		height: 0,
+		children: c === "radial" ? /* @__PURE__ */ (0, n.jsxs)("radialGradient", {
+			id: _,
+			cx: "50%",
+			cy: "50%",
+			r: "50%",
+			children: [
+				/* @__PURE__ */ (0, n.jsx)("stop", {
+					offset: "0%",
+					stopColor: v.start
+				}),
+				v.middle && /* @__PURE__ */ (0, n.jsx)("stop", {
+					offset: `${(v.middlePos ?? .5) * 100}%`,
+					stopColor: v.middle
+				}),
+				/* @__PURE__ */ (0, n.jsx)("stop", {
+					offset: "100%",
+					stopColor: v.end
+				})
+			]
+		}) : /* @__PURE__ */ (0, n.jsxs)("linearGradient", {
+			id: _,
+			x1: y.x1,
+			y1: y.y1,
+			x2: y.x2,
+			y2: y.y2,
+			children: [
+				/* @__PURE__ */ (0, n.jsx)("stop", {
+					offset: "0%",
+					stopColor: v.start
+				}),
+				v.middle && /* @__PURE__ */ (0, n.jsx)("stop", {
+					offset: `${(v.middlePos ?? .5) * 100}%`,
+					stopColor: v.middle
+				}),
+				/* @__PURE__ */ (0, n.jsx)("stop", {
+					offset: "100%",
+					stopColor: v.end
+				})
+			]
+		})
+	}), /* @__PURE__ */ (0, n.jsx)(r, {
+		...h,
+		sx: {
+			fill: b,
+			strokeWidth: a,
+			transition: `fill ${l}ms ${u}`,
+			...d && { "&:hover": { fill: `url(#${_})` } },
+			...i
+		},
+		...d && !p && {
+			onMouseEnter: (e) => {
+				h.onMouseEnter?.(e);
+			},
+			onMouseLeave: (e) => {
+				h.onMouseLeave?.(e);
+			}
+		}
+	})] }) : null;
 };
+r.displayName = "SGradientIcon";
+//#endregion
+export { r as SGradientIcon, r as default };

package/dist/s-i18n-provider/index.js

@@ -1,4 +1,3 @@
-import { SI18nProvider as o } from "./s-i18n-provider.js";
-export {
-  o as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { SI18nProvider as e } from "./s-i18n-provider.js";
+export { e as default };

package/dist/s-i18n-provider/s-i18n-provider.d.ts

@@ -8,7 +8,6 @@ export interface SI18nProviderProps {
     /** Language code to set as active (default: 'en') */
     language?: string;
 }
-/** Internationalization provider component with dynamic language switching support. */
 export declare const SI18nProvider: {
     ({ children, language }: SI18nProviderProps): React.JSX.Element;
     displayName: string;

package/dist/s-i18n-provider/s-i18n-provider.js

@@ -1,29 +1,26 @@
-import { j as i } from "../jsx-runtime-tc70JA_2.js";
-import * as o from "react";
-import { use as n } from "i18next";
-import s from "i18next-http-backend";
-import { initReactI18next as m, useTranslation as c } from "react-i18next";
-import { logger as a } from "../utils/logger.js";
-n(s).use(m).init({
-  lng: "en",
-  // Default language
-  fallbackLng: "en",
-  // Fallback when translations are missing
-  interpolation: { escapeValue: !1 }
-  // React already escapes values
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { logger as t } from "../utils/logger.js";
+import * as n from "react";
+import { use as r } from "i18next";
+import i from "i18next-http-backend";
+import { initReactI18next as a, useTranslation as o } from "react-i18next";
+//#region lib/s-i18n-provider/s-i18n-provider.tsx
+var s = e();
+r(i).use(a).init({
+	lng: "en",
+	fallbackLng: "en",
+	interpolation: { escapeValue: !1 }
 }).catch((e) => {
-  a.error("Failed to initialize i18n", e);
+	t.error("Failed to initialize i18n", e);
 });
-const l = ({ children: e, language: r = "en" }) => {
-  const { i18n: t } = c();
-  return o.useEffect(() => {
-    t.changeLanguage(r).catch(() => {
-      a.error(`Failed to change language to ${r}`);
-    });
-  }, [t, r]), /* @__PURE__ */ i.jsx(o.Fragment, { children: e });
-};
-l.displayName = "SI18nProvider";
-export {
-  l as SI18nProvider,
-  l as default
+var c = ({ children: e, language: r = "en" }) => {
+	let { i18n: i } = o();
+	return n.useEffect(() => {
+		i.changeLanguage(r).catch(() => {
+			t.error(`Failed to change language to ${r}`);
+		});
+	}, [i, r]), /* @__PURE__ */ (0, s.jsx)(n.Fragment, { children: e });
 };
+c.displayName = "SI18nProvider";
+//#endregion
+export { c as SI18nProvider, c as default };

package/dist/s-icon-button/index.js

@@ -1,4 +1,3 @@
-import { SIconButton as a } from "./s-icon-button.js";
-export {
-  a as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { SIconButton as e } from "./s-icon-button.js";
+export { e as default };

package/dist/s-icon-button/s-icon-button.d.ts

@@ -7,9 +7,6 @@ export interface SIconButtonProps extends IconButtonProps {
     /** Optional tooltip configuration (excludes 'children' which is handled internally) */
     tooltipOptions?: Omit<TooltipProps, 'children'>;
 }
-/**
- * An enhanced icon button component with optional tooltip integration.
- */
 export declare const SIconButton: {
     ({ tooltipOptions, ...props }: SIconButtonProps): React.JSX.Element;
     displayName: string;

package/dist/s-icon-button/s-icon-button.js

@@ -1,8 +1,11 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { Tooltip as s, IconButton as r } from "@mui/material";
-const e = ({ tooltipOptions: o, ...n }) => o ? /* @__PURE__ */ t.jsx(s, { ...o, children: /* @__PURE__ */ t.jsx(r, { ...n }) }) : /* @__PURE__ */ t.jsx(r, { ...n });
-e.displayName = "SIconButton";
-export {
-  e as SIconButton,
-  e as default
-};
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import "react";
+import { IconButton as t, Tooltip as n } from "@mui/material";
+//#region lib/s-icon-button/s-icon-button.tsx
+var r = e(), i = ({ tooltipOptions: e, ...i }) => e ? /* @__PURE__ */ (0, r.jsx)(n, {
+	...e,
+	children: /* @__PURE__ */ (0, r.jsx)(t, { ...i })
+}) : /* @__PURE__ */ (0, r.jsx)(t, { ...i });
+i.displayName = "SIconButton";
+//#endregion
+export { i as SIconButton, i as default };

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

@@ -1,4 +1,4 @@
-import { default as o } from "./s-image-comparison.js";
-export {
-  o as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import e from "./s-image-comparison.js";
+export { e as default };