@solostylist/ui-kit 1.0.195 → 1.0.197

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-select/s-select.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { SelectProps } from '@mui/material';
 /** Base type constraint for select options - can be primitives or objects */
 type BaseOption = string | number | Record<string, unknown>;
@@ -29,6 +30,8 @@ export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'err
     searchable?: boolean;
     /** Placeholder text for the search input */
     searchPlaceholder?: string;
+    /** Custom render function for options */
+    renderOption?: (option: T) => ReactNode;
 };
 /**
  * A flexible select component that handles both primitive and object options with form integration.

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

@@ -1,40 +1,41 @@
 import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as A, useState as f } from "react";
-import { c as E } from "../createSvgIcon-DTNHY3_v.js";
-import { Select as F, ListSubheader as M, TextField as T, InputAdornment as B, MenuItem as c, Box as p } from "@mui/material";
-import { SForm as D } from "../s-form/s-form.js";
-const K = E(/* @__PURE__ */ t.jsx("path", {
+import { forwardRef as F, useState as p } from "react";
+import { c as M } from "../createSvgIcon-DTNHY3_v.js";
+import { Select as T, ListSubheader as B, TextField as D, InputAdornment as K, MenuItem as f, Box as x } from "@mui/material";
+import { SForm as N } from "../s-form/s-form.js";
+const R = M(/* @__PURE__ */ t.jsx("path", {
   d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
-}), "Search"), N = A(
+}), "Search"), W = F(
   ({
-    options: r = [],
-    optionLabel: m = "name",
-    optionValue: y = "id",
-    placeholder: x,
-    label: C = "",
-    error: b,
-    required: I = !1,
-    simple: w = !1,
-    htmlFor: g,
-    searchable: l = !1,
-    searchPlaceholder: P = "",
+    options: o = [],
+    optionLabel: y = "name",
+    optionValue: C = "id",
+    placeholder: g,
+    label: b = "",
+    error: I,
+    required: w = !1,
+    simple: P = !1,
+    htmlFor: v,
+    searchable: r = !1,
+    searchPlaceholder: V = "",
+    renderOption: u,
     ...s
-  }, O) => {
-    const v = s.value !== void 0, [V, $] = f(s.multiple ? [] : null), L = v ? s.value : V, [u, h] = f(""), [k, j] = f(!1), a = (e) => String(typeof e == "string" || typeof e == "number" ? e : e[m]), o = (e) => typeof e == "string" || typeof e == "number" ? e : e[y], S = l && u ? r.filter((e) => a(e).toLowerCase().includes(u.toLowerCase())) : r;
-    return /* @__PURE__ */ t.jsx(D, { error: b, label: C, required: I, htmlFor: g, children: /* @__PURE__ */ t.jsxs(
-      F,
+  }, $) => {
+    const h = s.value !== void 0, [L, k] = p(s.multiple ? [] : null), z = h ? s.value : L, [i, j] = p(""), [A, S] = p(!1), a = (e) => String(typeof e == "string" || typeof e == "number" ? e : e[y]), l = (e) => typeof e == "string" || typeof e == "number" ? e : e[C], m = r && i ? o.filter((e) => a(e).toLowerCase().includes(i.toLowerCase())) : o;
+    return /* @__PURE__ */ t.jsx(N, { error: I, label: b, required: w, htmlFor: v, children: /* @__PURE__ */ t.jsxs(
+      T,
       {
-        id: g,
+        id: v,
         displayEmpty: !0,
         fullWidth: !0,
         defaultValue: "",
-        ref: O,
-        open: l ? k : void 0,
-        onOpen: l ? () => j(!0) : void 0,
-        onClose: l ? () => {
-          j(!1), h("");
+        ref: $,
+        open: r ? A : void 0,
+        onOpen: r ? () => S(!0) : void 0,
+        onClose: r ? () => {
+          S(!1), j("");
         } : void 0,
-        MenuProps: l ? {
+        MenuProps: r ? {
           autoFocus: !1,
           PaperProps: {
             onKeyDown: (e) => {
@@ -44,38 +45,38 @@ const K = E(/* @__PURE__ */ t.jsx("path", {
         } : void 0,
         renderValue: s.multiple ? (e) => {
           const n = e;
-          return n.length === 0 ? /* @__PURE__ */ t.jsx(p, { component: "span", sx: { color: "divider" }, children: x }) : n?.map((i) => {
-            const d = r.find((z) => o(z) === o(i));
-            return d ? a(d) : "";
+          return n.length === 0 ? /* @__PURE__ */ t.jsx(x, { component: "span", sx: { color: "divider" }, children: g }) : n?.map((d) => {
+            const c = o.find((E) => l(E) === l(d));
+            return c ? a(c) : "";
           }).filter(Boolean).join(", ");
         } : (e) => {
           const n = e;
           if (n == null || n === "")
-            return /* @__PURE__ */ t.jsx(p, { component: "span", sx: { color: "divider" }, children: x });
-          if (w)
+            return /* @__PURE__ */ t.jsx(x, { component: "span", sx: { color: "divider" }, children: g });
+          if (P)
             return a(n);
-          const i = r.find((d) => o(d) === o(n));
-          return i ? a(i) : "";
+          const d = o.find((c) => l(c) === l(n));
+          return d ? a(d) : "";
         },
         ...s,
-        value: r.length ? L ?? "" : "",
+        value: o.length ? z ?? "" : "",
         onChange: (e, n) => {
           if (s.onChange)
             s.onChange(e, n);
-          else if (!v) {
-            const i = e.target.value;
-            $(i);
+          else if (!h) {
+            const d = e.target.value;
+            k(d);
           }
         },
         children: [
-          l && /* @__PURE__ */ t.jsx(M, { sx: { px: 2, py: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ t.jsx(
-            T,
+          r && /* @__PURE__ */ t.jsx(B, { sx: { px: 2, py: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ t.jsx(
+            D,
             {
               fullWidth: !0,
               autoFocus: !0,
-              placeholder: P,
-              value: u,
-              onChange: (e) => h(e.target.value),
+              placeholder: V,
+              value: i,
+              onChange: (e) => j(e.target.value),
               onKeyDown: (e) => {
                 e.key !== "Escape" && e.stopPropagation();
               },
@@ -83,42 +84,42 @@ const K = E(/* @__PURE__ */ t.jsx("path", {
                 e.stopPropagation();
               },
               InputProps: {
-                startAdornment: /* @__PURE__ */ t.jsx(B, { position: "start", children: /* @__PURE__ */ t.jsx(K, { fontSize: "small" }) })
+                startAdornment: /* @__PURE__ */ t.jsx(K, { position: "start", children: /* @__PURE__ */ t.jsx(R, { fontSize: "small" }) })
               }
             }
           ) }),
-          l ? S?.length > 0 ? S.map((e, n) => /* @__PURE__ */ t.jsx(
-            c,
+          r ? m?.length > 0 ? m.map((e, n) => /* @__PURE__ */ t.jsx(
+            f,
             {
               disabled: e?.disabled ?? !1,
-              value: o(e),
-              children: a(e)
+              value: l(e),
+              children: u ? u(e) : a(e)
             },
-            `${o(e)}-${n}`
-          )) : u ? /* @__PURE__ */ t.jsx(c, { disabled: !0, children: /* @__PURE__ */ t.jsx(p, { sx: { color: "text.secondary", textAlign: "center", width: "100%" }, children: "No results found" }) }) : r?.map((e, n) => /* @__PURE__ */ t.jsx(
-            c,
+            `${l(e)}-${n}`
+          )) : i ? /* @__PURE__ */ t.jsx(f, { disabled: !0, children: /* @__PURE__ */ t.jsx(x, { sx: { color: "text.secondary", textAlign: "center", width: "100%" }, children: "No results found" }) }) : o?.map((e, n) => /* @__PURE__ */ t.jsx(
+            f,
             {
               disabled: e?.disabled ?? !1,
-              value: o(e),
-              children: a(e)
+              value: l(e),
+              children: u ? u(e) : a(e)
             },
-            `${o(e)}-${n}`
-          )) : r?.map((e, n) => /* @__PURE__ */ t.jsx(
-            c,
+            `${l(e)}-${n}`
+          )) : o?.map((e, n) => /* @__PURE__ */ t.jsx(
+            f,
             {
               disabled: e?.disabled ?? !1,
-              value: o(e),
-              children: a(e)
+              value: l(e),
+              children: u ? u(e) : a(e)
             },
-            `${o(e)}-${n}`
+            `${l(e)}-${n}`
           ))
         ]
       }
     ) });
   }
 );
-N.displayName = "SSelect";
+W.displayName = "SSelect";
 export {
-  N as SSelect,
-  N as default
+  W as SSelect,
+  W 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
+};