@solostylist/ui-kit 1.0.194 → 1.0.196

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

@@ -1,7 +1,7 @@
 import { j as e } from "../jsx-runtime-tc70JA_2.js";
 import { hslToRgb as s, Button as u } from "@mui/material";
-import { blue as f } from "../theme/theme-primitives.js";
-import { SMovingBorder as x } from "../s-moving-border/s-moving-border.js";
+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,
@@ -9,10 +9,10 @@ const a = ({
   width: o = "fit-content",
   height: r = "60px",
   glowSize: p = 60,
-  glowColor: i = s(f[500]),
+  glowColor: i = s(x[500]),
   ...m
 }) => /* @__PURE__ */ e.jsx(
-  x,
+  f,
   {
     width: o,
     height: r,

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

@@ -2,10 +2,10 @@ import { j as o } from "../jsx-runtime-tc70JA_2.js";
 import j, { useState as C, useEffect as k } from "react";
 import { Modal as L, Box as d, Paper as m, Typography as w, IconButton as y, Stack as A } from "@mui/material";
 import { motion as b, AnimatePresence as D } from "framer-motion";
-import { C as F } from "../Close-C-pCw-CD.js";
-import { C as N } from "../ChevronLeft-BJjuFNNQ.js";
-import { C as T } from "../ChevronRight-5ZX3FodP.js";
-import $ from "../s-lazy-image/s-lazy-image.js";
+import F from "../s-lazy-image/s-lazy-image.js";
+import { C as N } from "../Close-C-pCw-CD.js";
+import { C as T } from "../ChevronLeft-BJjuFNNQ.js";
+import { C as $ } from "../ChevronRight-5ZX3FodP.js";
 const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disableVideoControls: s = !1 }) => r.type === "video" ? /* @__PURE__ */ o.jsx(
   d,
   {
@@ -22,7 +22,7 @@ const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disab
     children: /* @__PURE__ */ o.jsx("source", { src: r.url, type: "video/mp4" })
   }
 ) : /* @__PURE__ */ o.jsx(
-  $,
+  F,
   {
     src: r.url,
     alt: r.title || "",
@@ -200,7 +200,7 @@ const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disab
                         right: { xs: 8, sm: 10, md: 12 },
                         zIndex: (i) => i.zIndex.modal + 102
                       },
-                      children: /* @__PURE__ */ o.jsx(F, {})
+                      children: /* @__PURE__ */ o.jsx(N, {})
                     }
                   ),
                   P && a && /* @__PURE__ */ o.jsxs(
@@ -242,7 +242,7 @@ const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disab
                             opacity: 0.5
                           }
                         },
-                        children: /* @__PURE__ */ o.jsx(N, {})
+                        children: /* @__PURE__ */ o.jsx(T, {})
                       }
                     ),
                     /* @__PURE__ */ o.jsx(
@@ -263,7 +263,7 @@ const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disab
                             opacity: 0.5
                           }
                         },
-                        children: /* @__PURE__ */ o.jsx(T, {})
+                        children: /* @__PURE__ */ o.jsx($, {})
                       }
                     )
                   ] })

package/dist/s-label/s-label.js

@@ -1,14 +1,14 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { c as s } from "../createSvgIcon-DTNHY3_v.js";
-import { Stack as o, Box as c, Tooltip as l } from "@mui/material";
-const a = s(/* @__PURE__ */ e.jsx("path", {
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { c as l } from "../createSvgIcon-DTNHY3_v.js";
+import { Stack as o, Typography as n, Tooltip as i } from "@mui/material";
+const a = l(/* @__PURE__ */ t.jsx("path", {
   d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
-}), "HelpOutlineOutlined"), m = ({ label: n, children: i, hint: t, sx: r }) => /* @__PURE__ */ e.jsxs(o, { width: "100%", sx: r, children: [
-  /* @__PURE__ */ e.jsxs(o, { direction: "row", alignItems: "center", mb: 1, children: [
-    /* @__PURE__ */ e.jsx(c, { sx: { fontSize: "0.875rem", fontWeight: 500, lineHeight: 1.57, color: "text.secondary" }, children: n }),
-    t ? /* @__PURE__ */ e.jsx(l, { title: t, placement: "top", children: /* @__PURE__ */ e.jsx(a, { sx: { marginLeft: "4px", fontSize: 16, color: "text.secondary" } }) }) : null
+}), "HelpOutlineOutlined"), m = ({ label: r, children: s, hint: e, sx: c }) => /* @__PURE__ */ t.jsxs(o, { width: "100%", sx: c, children: [
+  /* @__PURE__ */ t.jsxs(o, { direction: "row", alignItems: "center", mb: 1, children: [
+    /* @__PURE__ */ t.jsx(n, { variant: "subtitle2", color: "text.secondary", children: r }),
+    e ? /* @__PURE__ */ t.jsx(i, { title: e, placement: "top", children: /* @__PURE__ */ t.jsx(a, { sx: { marginLeft: "4px", fontSize: 16, color: "text.secondary" } }) }) : null
   ] }),
-  i
+  s
 ] });
 m.displayName = "SLabel";
 export {

package/dist/s-multi-select/s-multi-select.js

@@ -3,9 +3,9 @@ import * as o from "react";
 import { c as j } from "../createSvgIcon-DTNHY3_v.js";
 import { Stack as M, OutlinedInput as C } from "@mui/material";
 import { usePopover as b } from "../hooks/use-popover.js";
-import { M as v } from "../Menu-_ZW9WiF2.js";
-import { M as I } from "../MenuItem-DTapLhin.js";
-import { SChips as k } from "../s-chips/s-chips.js";
+import { SChips as v } from "../s-chips/s-chips.js";
+import { M as I } from "../Menu-_ZW9WiF2.js";
+import { M as k } from "../MenuItem-DTapLhin.js";
 const E = j(/* @__PURE__ */ t.jsx("path", {
   d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15z"
 }), "UnfoldMore"), L = ({
@@ -44,7 +44,7 @@ const E = j(/* @__PURE__ */ t.jsx("path", {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      v,
+      I,
       {
         anchorEl: f,
         onClose: s.handleClose,
@@ -53,7 +53,7 @@ const E = j(/* @__PURE__ */ t.jsx("path", {
         children: a.map((e) => {
           const n = l.includes(e.value);
           return /* @__PURE__ */ t.jsx(
-            I,
+            k,
             {
               onClick: () => {
                 x(e.value, !n);
@@ -67,7 +67,7 @@ const E = j(/* @__PURE__ */ t.jsx("path", {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      k,
+      v,
       {
         chips: a.filter((e) => l.includes(e.value)).map((e) => e.label),
         ...d

package/dist/s-review/s-review.js

@@ -1,93 +1,91 @@
 import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { useId as K, useState as j, useEffect as P } from "react";
-import { Box as c, Stack as a, Divider as H, Typography as h, IconButton as L } from "@mui/material";
-import { SSkeleton as i } from "../s-skeleton/s-skeleton.js";
+import { useId as K, useState as h, useEffect as P } from "react";
+import { Box as o, Stack as a, Divider as M, Typography as r, IconButton as S } from "@mui/material";
 import { SAvatar as Q } from "../s-avatar/s-avatar.js";
-import { SRating as X } from "../s-rating/s-rating.js";
+import { SImageModal as X } from "../s-image-modal/s-image-modal.js";
 import Z from "../s-lazy-image/s-lazy-image.js";
-import { c as z } from "../createSvgIcon-DTNHY3_v.js";
-import { SImageModal as _ } from "../s-image-modal/s-image-modal.js";
-const ee = z(/* @__PURE__ */ e.jsx("path", {
+import { SRating as _ } from "../s-rating/s-rating.js";
+import { SSkeleton as n } from "../s-skeleton/s-skeleton.js";
+import { c as T } from "../createSvgIcon-DTNHY3_v.js";
+import { g as ee } from "../utils-DJIrqgo5.js";
+const te = T(/* @__PURE__ */ e.jsx("path", {
   d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2m4 0v12h4V3z"
-}), "ThumbDown"), te = z(/* @__PURE__ */ e.jsx("path", {
+}), "ThumbDown"), se = T(/* @__PURE__ */ e.jsx("path", {
   d: "M1 21h4V9H1zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73z"
-}), "ThumbUp"), ne = (m) => {
-  const d = /* @__PURE__ */ new Date(), v = typeof m == "string" ? new Date(m) : m, I = d.getTime() - v.getTime(), w = Math.floor(I / 1e3), l = Math.floor(w / 60), r = Math.floor(l / 60), o = Math.floor(r / 24), x = Math.floor(o / 7), f = Math.floor(o / 30), g = Math.floor(o / 365);
-  return w < 60 ? "just now" : l < 60 ? l === 1 ? "1 minute ago" : `${l} minutes ago` : r < 24 ? r === 1 ? "1 hour ago" : `${r} hours ago` : o < 7 ? o === 1 ? "1 day ago" : `${o} days ago` : x < 4 ? x === 1 ? "1 week ago" : `${x} weeks ago` : f < 12 ? f === 1 ? "1 month ago" : `${f} months ago` : g === 1 ? "1 year ago" : `${g} years ago`;
-}, se = ({
-  id: m,
-  userName: d,
-  userAvatar: v,
-  rating: I,
-  reviewContent: w,
-  datetime: l,
-  images: r,
-  userHelpfulVote: o = null,
-  helpfulYes: x = 0,
-  helpfulNo: f = 0,
-  onHelpfulVote: g,
-  showHelpfulSection: V = !0,
-  avatarSize: y = 48,
-  maxRating: W = 5,
-  readOnly: E = !0,
-  showDivider: C = !0,
-  loading: O = !1,
-  sx: T = {}
+}), "ThumbUp"), ie = ({
+  id: k,
+  userName: m,
+  userAvatar: R,
+  rating: L,
+  reviewContent: $,
+  datetime: z,
+  images: x,
+  userHelpfulVote: d = null,
+  helpfulYes: H = 0,
+  helpfulNo: V = 0,
+  onHelpfulVote: v,
+  showHelpfulSection: D = !0,
+  avatarSize: p = 48,
+  maxRating: E = 5,
+  readOnly: O = !0,
+  showDivider: w = !0,
+  loading: U = !1,
+  sx: y = {}
 }) => {
-  const U = K(), $ = m ?? U, [Y, M] = j(x), [B, b] = j(f), [p, S] = j(o), [N, D] = j(!1), [A, k] = j(null), R = (n) => {
-    let s = n;
-    p === n ? (n === "yes" ? M((t) => Math.max(0, t - 1)) : b((t) => Math.max(0, t - 1)), S(null), s = null) : (p === "yes" ? M((t) => Math.max(0, t - 1)) : p === "no" && b((t) => Math.max(0, t - 1)), n === "yes" ? M((t) => t + 1) : b((t) => t + 1), S(n), s = n), g && g($, s);
-  }, u = r?.map((n, s) => ({
-    id: `review-${$}-image-${s}`,
+  const W = K(), I = k ?? W, [B, g] = h(H), [N, j] = h(V), [l, f] = h(d), [Y, b] = h(!1), [A, u] = h(null), C = (s) => {
+    let i = s;
+    l === s ? (s === "yes" ? g((t) => Math.max(0, t - 1)) : j((t) => Math.max(0, t - 1)), f(null), i = null) : (l === "yes" ? g((t) => Math.max(0, t - 1)) : l === "no" && j((t) => Math.max(0, t - 1)), s === "yes" ? g((t) => t + 1) : j((t) => t + 1), f(s), i = s), v && v(I, i);
+  }, c = x?.map((s, i) => ({
+    id: `review-${I}-image-${i}`,
     type: "image",
-    url: n,
-    title: `Review image ${s + 1}`,
-    desc: `Image ${s + 1} from ${d}'s review`
-  })) || [], F = (n) => {
-    const s = u[n];
-    s && (k(s), D(!0));
+    url: s,
+    title: `Review image ${i + 1}`,
+    desc: `Image ${i + 1} from ${m}'s review`
+  })) || [], F = (s) => {
+    const i = c[s];
+    i && (u(i), b(!0));
   }, q = () => {
-    D(!1), k(null);
-  }, G = (n) => {
-    k(n);
-  }, J = ne(l);
+    b(!1), u(null);
+  }, G = (s) => {
+    u(s);
+  }, J = ee(z);
   return P(() => {
-    S(o);
-  }, [o]), O ? /* @__PURE__ */ e.jsxs(c, { sx: { py: 2, ...T }, children: [
+    f(d);
+  }, [d]), U ? /* @__PURE__ */ e.jsxs(o, { sx: { py: 2, ...y }, children: [
     /* @__PURE__ */ e.jsxs(a, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e.jsx(i, { component: "rounded-avatar", width: y, height: y }),
-      /* @__PURE__ */ e.jsxs(c, { sx: { flex: 1 }, children: [
+      /* @__PURE__ */ e.jsx(n, { component: "rounded-avatar", width: p, height: p }),
+      /* @__PURE__ */ e.jsxs(o, { sx: { flex: 1 }, children: [
         /* @__PURE__ */ e.jsxs(a, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 120, height: 20 }),
-          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 80, height: 16 })
+          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 120, height: 20 }),
+          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 80, height: 16 })
         ] }),
-        /* @__PURE__ */ e.jsx(c, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(i, { variant: "text", width: 100, height: 20 }) }),
-        /* @__PURE__ */ e.jsx(i, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
+        /* @__PURE__ */ e.jsx(o, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(n, { variant: "text", width: 100, height: 20 }) }),
+        /* @__PURE__ */ e.jsx(n, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
         /* @__PURE__ */ e.jsxs(a, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
-          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 140, height: 16, sx: { mr: 2 } }),
-          /* @__PURE__ */ e.jsx(i, { component: "icon-button" }),
-          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 20, height: 16 }),
-          /* @__PURE__ */ e.jsx(i, { component: "icon-button" }),
-          /* @__PURE__ */ e.jsx(i, { variant: "text", width: 20, height: 16 })
+          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 140, height: 16, sx: { mr: 2 } }),
+          /* @__PURE__ */ e.jsx(n, { component: "icon-button" }),
+          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 20, height: 16 }),
+          /* @__PURE__ */ e.jsx(n, { component: "icon-button" }),
+          /* @__PURE__ */ e.jsx(n, { variant: "text", width: 20, height: 16 })
         ] })
       ] })
     ] }),
-    C && /* @__PURE__ */ e.jsx(H, { sx: { mt: 2 } })
-  ] }) : /* @__PURE__ */ e.jsxs(c, { sx: { py: 2, ...T }, children: [
+    w && /* @__PURE__ */ e.jsx(M, { sx: { mt: 2 } })
+  ] }) : /* @__PURE__ */ e.jsxs(o, { sx: { py: 2, ...y }, children: [
     /* @__PURE__ */ e.jsxs(a, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e.jsx(Q, { avatar: v, name: d, size: y }),
-      /* @__PURE__ */ e.jsxs(c, { sx: { flex: 1 }, children: [
+      /* @__PURE__ */ e.jsx(Q, { avatar: R, name: m, size: p }),
+      /* @__PURE__ */ e.jsxs(o, { sx: { flex: 1 }, children: [
         /* @__PURE__ */ e.jsxs(a, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-          /* @__PURE__ */ e.jsx(h, { variant: "subtitle2", fontWeight: "600", children: d }),
-          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(h, { variant: "caption", children: J }) })
+          /* @__PURE__ */ e.jsx(r, { variant: "subtitle2", fontWeight: "600", children: m }),
+          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(r, { variant: "caption", children: J }) })
         ] }),
-        /* @__PURE__ */ e.jsx(c, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(X, { value: I, max: W, readOnly: E }) }),
-        /* @__PURE__ */ e.jsx(h, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: w }),
-        r && r.length > 0 && /* @__PURE__ */ e.jsx(a, { direction: "row", spacing: 1, sx: { mb: 2, flexWrap: "wrap", gap: 1 }, children: r.map((n, s) => /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(o, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(_, { value: L, max: E, readOnly: O }) }),
+        /* @__PURE__ */ e.jsx(r, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: $ }),
+        x && x.length > 0 && /* @__PURE__ */ e.jsx(a, { direction: "row", spacing: 1, sx: { mb: 2, flexWrap: "wrap", gap: 1 }, children: x.map((s, i) => /* @__PURE__ */ e.jsx(
           Z,
           {
-            src: n,
-            alt: `Review image ${s + 1}`,
+            src: s,
+            alt: `Review image ${i + 1}`,
             width: 80,
             height: 80,
             variant: "rounded",
@@ -95,7 +93,7 @@ const ee = z(/* @__PURE__ */ e.jsx("path", {
               objectFit: "cover",
               cursor: "pointer"
             },
-            onClick: () => F(s),
+            onClick: () => F(i),
             onMouseEnter: (t) => {
               t.currentTarget.style.opacity = "0.8";
             },
@@ -103,60 +101,60 @@ const ee = z(/* @__PURE__ */ e.jsx("path", {
               t.currentTarget.style.opacity = "1";
             }
           },
-          s
+          i
         )) }),
-        V && /* @__PURE__ */ e.jsxs(a, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
-          /* @__PURE__ */ e.jsx(h, { variant: "caption", sx: { mr: 2 }, children: "Was this review helpful?" }),
+        D && /* @__PURE__ */ e.jsxs(a, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ e.jsx(r, { variant: "caption", sx: { mr: 2 }, children: "Was this review helpful?" }),
           /* @__PURE__ */ e.jsx(
-            L,
+            S,
             {
-              onClick: () => R("yes"),
+              onClick: () => C("yes"),
               sx: {
-                color: p === "yes" ? "primary.main" : "text.secondary",
+                color: l === "yes" ? "primary.main" : "text.secondary",
                 "&:hover": {
                   backgroundColor: "action.hover"
                 }
               },
-              children: /* @__PURE__ */ e.jsx(te, { fontSize: "small" })
+              children: /* @__PURE__ */ e.jsx(se, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ e.jsx(h, { variant: "caption", children: Y }),
+          /* @__PURE__ */ e.jsx(r, { variant: "caption", children: B }),
           /* @__PURE__ */ e.jsx(
-            L,
+            S,
             {
-              onClick: () => R("no"),
+              onClick: () => C("no"),
               sx: {
-                color: p === "no" ? "error.main" : "text.secondary",
+                color: l === "no" ? "error.main" : "text.secondary",
                 ml: 1,
                 "&:hover": {
                   backgroundColor: "action.hover"
                 }
               },
-              children: /* @__PURE__ */ e.jsx(ee, { fontSize: "small" })
+              children: /* @__PURE__ */ e.jsx(te, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ e.jsx(h, { variant: "caption", children: B })
+          /* @__PURE__ */ e.jsx(r, { variant: "caption", children: N })
         ] })
       ] })
     ] }),
-    C && /* @__PURE__ */ e.jsx(H, { sx: { mt: 2 } }),
+    w && /* @__PURE__ */ e.jsx(M, { sx: { mt: 2 } }),
     /* @__PURE__ */ e.jsx(
-      _,
+      X,
       {
-        isOpen: N,
+        isOpen: Y,
         onClose: q,
         selectedItem: A,
         onItemChange: G,
-        mediaItems: u,
-        showNavigation: u.length > 1,
-        showThumbnailDock: u.length > 1,
-        showCounter: u.length > 1
+        mediaItems: c,
+        showNavigation: c.length > 1,
+        showThumbnailDock: c.length > 1,
+        showCounter: c.length > 1
       }
     )
   ] });
 };
-se.displayName = "SReview";
+ie.displayName = "SReview";
 export {
-  se as SReview,
-  se as default
+  ie as SReview,
+  ie as default
 };

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

@@ -1,10 +1,10 @@
 import { j as l } from "../jsx-runtime-tc70JA_2.js";
-import u from "./stripe-input.js";
-import { STextField as m } from "../s-text-field/s-text-field.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(
-    m,
+    u,
     {
       fullWidth: !0,
       slotProps: {
@@ -21,7 +21,7 @@ const a = (r) => {
             component: n
             // Pass Stripe element as component
           },
-          inputComponent: u
+          inputComponent: m
           // Custom input component for Stripe integration
         }
       },

package/dist/s-switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-switch';
+export type { SSwitchProps } from './s-switch';

package/dist/s-switch/index.js

@@ -0,0 +1,4 @@
+import { SSwitch as e } from "./s-switch.js";
+export {
+  e as default
+};

package/dist/s-switch/s-switch.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SwitchProps } from '@mui/material';
+/**
+ * Props interface for SSwitch component - extends Material-UI SwitchProps
+ * but removes 'content' to avoid conflicts with our custom content prop
+ */
+export interface SSwitchProps extends Omit<SwitchProps, 'content'> {
+    /** Content displayed as a clickable label next to the switch */
+    content?: string | React.ReactNode;
+}
+/**
+ * A toggle switch component with integrated label support and proper accessibility.
+ * Built on Material-UI Switch with consistent theming.
+ */
+export declare const SSwitch: React.ForwardRefExoticComponent<Omit<SSwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default SSwitch;

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

@@ -0,0 +1,17 @@
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as a, useId as d } from "react";
+import { Stack as c, Typography as n, Switch as l } from "@mui/material";
+const m = a(
+  ({ content: e, ...i }, s) => {
+    const o = d(), r = i.id ?? o;
+    return /* @__PURE__ */ t.jsxs(c, { alignItems: "center", direction: "row", display: "flex", justifyContent: "space-between", children: [
+      e && /* @__PURE__ */ t.jsx("label", { htmlFor: r, children: /* @__PURE__ */ t.jsx(n, { variant: "body2", children: e }) }),
+      /* @__PURE__ */ t.jsx(l, { ref: s, ...i, id: r })
+    ] });
+  }
+);
+m.displayName = "SSwitch";
+export {
+  m as SSwitch,
+  m as default
+};

package/dist/s-tabs/s-tab-panel.d.ts

@@ -6,10 +6,10 @@ import { BoxProps } from '@mui/material';
 export interface STabPanelProps extends BoxProps {
     /** Content to display in the tab panel */
     children?: React.ReactNode;
-    /** Index of this specific tab panel (0-based) */
-    index: number;
-    /** Current active tab index from the parent tabs component */
-    value: number;
+    /** Index (or value) of this specific tab panel */
+    index: number | string;
+    /** Current active tab index (or value) from the parent tabs component */
+    value: number | string;
     /** Keep the panel mounted in the DOM when not active */
     keepMounted?: boolean;
 }

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -2,10 +2,10 @@ import { j as c } from "../jsx-runtime-tc70JA_2.js";
 import * as o from "react";
 import { c as a } from "../createSvgIcon-DTNHY3_v.js";
 import { MenuItem as p } from "@mui/material";
-import { I as d, S as f, F as j } from "../Select-J5gDqfEk.js";
+import { STextField as d } from "../s-text-field/s-text-field.js";
+import { I as f, S as j, F as k } from "../Select-J5gDqfEk.js";
 import { S as m } from "../Stack-BlwLEm6H.js";
-import { P as k } from "../Menu-_ZW9WiF2.js";
-import { STextField as H } from "../s-text-field/s-text-field.js";
+import { P as H } from "../Menu-_ZW9WiF2.js";
 const L = a(/* @__PURE__ */ c.jsx("path", {
   d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z"
 }), "Code"), b = a(/* @__PURE__ */ c.jsx("path", {
@@ -36,7 +36,7 @@ const L = a(/* @__PURE__ */ c.jsx("path", {
         },
         children: n ? /* @__PURE__ */ c.jsxs(m, { direction: "row", spacing: 0.5, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
           /* @__PURE__ */ c.jsxs(
-            f,
+            j,
             {
               onChange: (e) => {
                 const h = e.target.value;
@@ -159,7 +159,7 @@ const L = a(/* @__PURE__ */ c.jsx("path", {
       }
     ),
     /* @__PURE__ */ c.jsx(
-      k,
+      H,
       {
         anchorEl: g,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
@@ -168,8 +168,8 @@ const L = a(/* @__PURE__ */ c.jsx("path", {
         },
         open: v,
         slotProps: { paper: { sx: { p: 2 } } },
-        children: /* @__PURE__ */ c.jsx(j, { children: /* @__PURE__ */ c.jsx(
-          H,
+        children: /* @__PURE__ */ c.jsx(k, { children: /* @__PURE__ */ c.jsx(
+          d,
           {
             name: "url",
             label: "URL",
@@ -196,7 +196,7 @@ function z(n) {
   return n.isActive("paragraph") ? "p" : n.isActive("heading", { level: 1 }) ? "h1" : n.isActive("heading", { level: 2 }) ? "h2" : n.isActive("heading", { level: 3 }) ? "h3" : n.isActive("heading", { level: 4 }) ? "h4" : n.isActive("heading", { level: 5 }) ? "h5" : n.isActive("heading", { level: 6 }) ? "h6" : "p";
 }
 const s = o.forwardRef(function({ active: v, children: t, disabled: g, onClick: i }, l) {
-  return /* @__PURE__ */ c.jsx(d, { color: v ? "primary" : "inherit", disabled: g, onClick: i, ref: l, children: t });
+  return /* @__PURE__ */ c.jsx(f, { color: v ? "primary" : "inherit", disabled: g, onClick: i, ref: l, children: t });
 });
 export {
   N as STextEditorToolbar

package/dist/s-text-truncation/s-text-truncation.d.ts

@@ -12,6 +12,7 @@ export interface STextTruncationProps {
 }
 /**
  * A text truncation component with expandable See more/less functionality or hover tooltip.
+ * The expandable variant uses JS-based truncation so "See more/less" appears inline at the end of the last line.
  */
 export declare const STextTruncation: {
     ({ text, variant, lines, }: STextTruncationProps): React.JSX.Element;