@solostylist/ui-kit 1.0.174 → 1.0.176

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

@@ -1,10 +1,10 @@
-import { j as o } from "../jsx-runtime-OVHDjVDe.js";
-import * as i from "react";
-import { use as l } from "i18next";
-import c from "i18next-http-backend";
-import { initReactI18next as d, useTranslation as s } from "react-i18next";
-import { logger as r } from "../utils/logger.js";
-l(c).use(d).init({
+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",
@@ -12,26 +12,18 @@ l(c).use(d).init({
   interpolation: { escapeValue: !1 }
   // React already escapes values
 }).catch((e) => {
-  r.error("Failed to initialize i18n", e);
+  a.error("Failed to initialize i18n", e);
 });
-const n = ({ children: e, language: a = "en" }) => {
-  const { i18n: t } = s();
-  return i.useEffect(() => {
-    t.changeLanguage(a).catch(() => {
-      r.error(`Failed to change language to ${a}`);
+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, a]), /* @__PURE__ */ o.jsx(i.Fragment, { children: e });
+  }, [t, r]), /* @__PURE__ */ i.jsx(o.Fragment, { children: e });
 };
-n.displayName = "SI18nProvider";
-try {
-  n.displayName = "SI18nProvider", n.__docgenInfo = { description: "Internationalization provider component with dynamic language switching support.", displayName: "SI18nProvider", props: { children: { defaultValue: null, description: "Child components that will have access to internationalization", name: "children", required: !0, type: { name: "ReactNode" } }, language: { defaultValue: { value: "en" }, description: "Language code to set as active (default: 'en')", name: "language", required: !1, type: { name: "string" } } } };
-} catch {
-}
-try {
-  si18nprovider.displayName = "si18nprovider", si18nprovider.__docgenInfo = { description: "Internationalization provider component with dynamic language switching support.", displayName: "si18nprovider", props: { children: { defaultValue: null, description: "Child components that will have access to internationalization", name: "children", required: !0, type: { name: "ReactNode" } }, language: { defaultValue: { value: "en" }, description: "Language code to set as active (default: 'en')", name: "language", required: !1, type: { name: "string" } } } };
-} catch {
-}
+l.displayName = "SI18nProvider";
 export {
-  n as SI18nProvider,
-  n as default
+  l as SI18nProvider,
+  l as default
 };

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

@@ -1,16 +1,8 @@
-import { j as o } from "../jsx-runtime-OVHDjVDe.js";
-import { Tooltip as l, IconButton as e } from "@mui/material";
-const n = ({ tooltipOptions: t, ...i }) => t ? /* @__PURE__ */ o.jsx(l, { ...t, children: /* @__PURE__ */ o.jsx(e, { ...i }) }) : /* @__PURE__ */ o.jsx(e, { ...i });
-n.displayName = "SIconButton";
-try {
-  n.displayName = "SIconButton", n.__docgenInfo = { description: "An enhanced icon button component with optional tooltip integration.", displayName: "SIconButton", props: { tooltipOptions: { defaultValue: null, description: "Optional tooltip configuration (excludes 'children' which is handled internally)", name: "tooltipOptions", required: !1, type: { name: 'Omit<TooltipProps, "children">' } } } };
-} catch {
-}
-try {
-  siconbutton.displayName = "siconbutton", siconbutton.__docgenInfo = { description: "An enhanced icon button component with optional tooltip integration.", displayName: "siconbutton", props: { tooltipOptions: { defaultValue: null, description: "Optional tooltip configuration (excludes 'children' which is handled internally)", name: "tooltipOptions", required: !1, type: { name: 'Omit<TooltipProps, "children">' } } } };
-} catch {
-}
+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 {
-  n as SIconButton,
-  n as default
+  e as SIconButton,
+  e as default
 };

package/dist/s-image-comparison/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

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

@@ -1,33 +1,32 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import * as i from "react";
-import { C as k } from "../ChevronLeft-CBuFk2Fh.js";
-import { C as z } from "../ChevronRight-CnDWPrOm.js";
-import { Box as n, IconButton as q } from "@mui/material";
-import "../s-lazy-image/index.js";
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import * as s from "react";
+import { C as k } from "../ChevronLeft-6gdh4lRt.js";
+import { C as z } from "../ChevronRight-CC3l-wPC.js";
+import { Box as r, IconButton as D } from "@mui/material";
 import E from "../s-lazy-image/s-lazy-image.js";
-const g = i.forwardRef(
-  ({ sx: f, leftImage: u, rightImage: S, altLeft: d = "Left image", altRight: C = "Right image", initialPosition: R = 50, ...P }, s) => {
-    const m = Array.isArray(u) ? u : [u], v = Array.isArray(d) ? d : [d], [l, M] = i.useState(0), [o, _] = i.useState(R), [a, x] = i.useState(!1), p = i.useRef(null), A = m.length > 1, y = (e) => {
-      if (!p.current) return;
-      const r = p.current.getBoundingClientRect();
-      let h = (e - r.left) / r.width * 100;
-      h = Math.max(0, Math.min(100, h)), _(h);
+const F = s.forwardRef(
+  ({ sx: I, leftImage: u, rightImage: L, altLeft: d = "Left image", altRight: S = "Right image", initialPosition: C = 50, ...M }, a) => {
+    const m = Array.isArray(u) ? u : [u], g = Array.isArray(d) ? d : [d], [l, P] = s.useState(0), [o, R] = s.useState(C), [i, f] = s.useState(!1), h = s.useRef(null), A = m.length > 1, x = (e) => {
+      if (!h.current) return;
+      const n = h.current.getBoundingClientRect();
+      let p = (e - n.left) / n.width * 100;
+      p = Math.max(0, Math.min(100, p)), R(p);
+    }, v = (e) => {
+      i && x(e.clientX);
     }, b = (e) => {
-      a && y(e.clientX);
-    }, w = (e) => {
-      a && y(e.touches[0].clientX);
-    }, I = () => {
-      x(!0);
+      i && x(e.touches[0].clientX);
+    }, y = () => {
+      f(!0);
     }, c = () => {
-      x(!1);
-    }, j = o === 0 || o === 100;
-    return i.useEffect(() => (a ? (document.addEventListener("mousemove", b), document.addEventListener("touchmove", w), document.addEventListener("mouseup", c), document.addEventListener("touchend", c), document.body.style.cursor = "ew-resize") : document.body.style.cursor = "", () => {
-      document.removeEventListener("mousemove", b), document.removeEventListener("touchmove", w), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), document.body.style.cursor = "";
-    }), [a]), /* @__PURE__ */ t.jsxs(
-      n,
+      f(!1);
+    }, w = o === 0 || o === 100;
+    return s.useEffect(() => (i ? (document.addEventListener("mousemove", v), document.addEventListener("touchmove", b), document.addEventListener("mouseup", c), document.addEventListener("touchend", c), document.body.style.cursor = "ew-resize") : document.body.style.cursor = "", () => {
+      document.removeEventListener("mousemove", v), document.removeEventListener("touchmove", b), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), document.body.style.cursor = "";
+    }), [i]), /* @__PURE__ */ t.jsxs(
+      r,
       {
         ref: (e) => {
-          p.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+          h.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
         },
         sx: {
           position: "relative",
@@ -35,17 +34,17 @@ const g = i.forwardRef(
           height: "100%",
           overflow: "hidden",
           userSelect: "none",
-          ...f
+          ...I
         },
-        onMouseDown: I,
-        onTouchStart: I,
-        ...P,
+        onMouseDown: y,
+        onTouchStart: y,
+        ...M,
         children: [
           /* @__PURE__ */ t.jsx(
             E,
             {
-              src: S,
-              alt: C,
+              src: L,
+              alt: S,
               style: {
                 position: "absolute",
                 inset: 0,
@@ -58,7 +57,7 @@ const g = i.forwardRef(
             }
           ),
           /* @__PURE__ */ t.jsx(
-            n,
+            r,
             {
               sx: {
                 position: "absolute",
@@ -73,7 +72,7 @@ const g = i.forwardRef(
                 E,
                 {
                   src: m[l],
-                  alt: v[l] || v[0],
+                  alt: g[l] || g[0],
                   style: {
                     width: "100%",
                     height: "100%",
@@ -85,7 +84,7 @@ const g = i.forwardRef(
             }
           ),
           A && /* @__PURE__ */ t.jsx(
-            n,
+            r,
             {
               sx: {
                 position: "absolute",
@@ -94,7 +93,7 @@ const g = i.forwardRef(
                 display: "flex",
                 gap: 1,
                 zIndex: 1,
-                pointerEvents: a ? "none" : "auto",
+                pointerEvents: i ? "none" : "auto",
                 // Disable bubble click when dragging
                 opacity: o > 10 ? 1 : 0,
                 // Fade out if left image is mostly hidden
@@ -102,33 +101,33 @@ const g = i.forwardRef(
               },
               onClick: (e) => e.stopPropagation(),
               onMouseDown: (e) => e.stopPropagation(),
-              children: m.map((e, r) => /* @__PURE__ */ t.jsx(
-                n,
+              children: m.map((e, n) => /* @__PURE__ */ t.jsx(
+                r,
                 {
-                  onClick: (L) => {
-                    L.stopPropagation(), M(r);
+                  onClick: (j) => {
+                    j.stopPropagation(), P(n);
                   },
                   sx: {
                     width: 8,
                     height: 8,
                     borderRadius: "50%",
-                    bgcolor: l === r ? "primary.main" : "whiteAlpha.medium",
+                    bgcolor: l === n ? "primary.main" : "whiteAlpha.medium",
                     cursor: "pointer",
                     boxShadow: 1,
                     backdropFilter: "blur(4px)",
                     transition: "all 0.2s",
                     "&:hover": {
                       transform: "scale(1.2)",
-                      bgcolor: l === r ? "primary.main" : "whiteAlpha.dark"
+                      bgcolor: l === n ? "primary.main" : "whiteAlpha.dark"
                     }
                   }
                 },
-                r
+                n
               ))
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            n,
+            r,
             {
               sx: {
                 position: "absolute",
@@ -140,7 +139,7 @@ const g = i.forwardRef(
               },
               children: [
                 /* @__PURE__ */ t.jsx(
-                  n,
+                  r,
                   {
                     sx: {
                       position: "absolute",
@@ -152,7 +151,7 @@ const g = i.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
-                  q,
+                  D,
                   {
                     sx: {
                       position: "absolute",
@@ -160,7 +159,7 @@ const g = i.forwardRef(
                       left: "50%",
                       transform: "translate(-50%, -50%)",
                       cursor: "ew-resize",
-                      ...j ? {
+                      ...w ? {
                         width: 48,
                         height: 48,
                         backdropFilter: "blur(10px)"
@@ -179,7 +178,7 @@ const g = i.forwardRef(
                     onClick: (e) => {
                       e.preventDefault(), e.stopPropagation();
                     },
-                    children: j && /* @__PURE__ */ t.jsxs(n, { sx: { display: "flex", alignItems: "center" }, children: [
+                    children: w && /* @__PURE__ */ t.jsxs(r, { sx: { display: "flex", alignItems: "center" }, children: [
                       /* @__PURE__ */ t.jsx(k, {}),
                       /* @__PURE__ */ t.jsx(z, {})
                     ] })
@@ -193,11 +192,7 @@ const g = i.forwardRef(
     );
   }
 );
-g.displayName = "SImageComparison";
-try {
-  g.displayName = "SImageComparison", g.__docgenInfo = { description: "", displayName: "SImageComparison", props: { leftImage: { defaultValue: null, description: "", name: "leftImage", required: !0, type: { name: "string | string[]" } }, rightImage: { defaultValue: null, description: "", name: "rightImage", required: !0, type: { name: "string" } }, altLeft: { defaultValue: { value: "Left image" }, description: "", name: "altLeft", required: !1, type: { name: "string | string[]" } }, altRight: { defaultValue: { value: "Right image" }, description: "", name: "altRight", required: !1, type: { name: "string" } }, initialPosition: { defaultValue: { value: "50" }, description: "", name: "initialPosition", required: !1, type: { name: "number" } } } };
-} catch {
-}
+F.displayName = "SImageComparison";
 export {
-  g as default
+  F as default
 };

package/dist/s-image-modal/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}