@solostylist/ui-kit 1.0.196 → 1.0.198

package/dist/s-dialog/s-dialog.js

@@ -1,6 +1,6 @@
 import { j as r } from "../jsx-runtime-tc70JA_2.js";
 import * as f from "react";
-import { C as j } from "../Close-C-pCw-CD.js";
+import { C as j } from "../Close-lHCUMitI.js";
 import { Dialog as m, DialogTitle as h, Stack as g, Typography as n, IconButton as u, DialogContent as y, DialogActions as D } from "@mui/material";
 const w = f.forwardRef(
   ({

package/dist/s-dialog-confirm/s-dialog-confirm.js

@@ -1,9 +1,9 @@
 import { j as o } from "../jsx-runtime-tc70JA_2.js";
 import * as r from "react";
-import { C as p } from "../Close-C-pCw-CD.js";
+import { C as p } from "../Close-lHCUMitI.js";
 import { Dialog as j, DialogTitle as D, Stack as v, IconButton as y, DialogContent as b, DialogActions as k, Button as d } from "@mui/material";
 import { useDialog as w } from "../hooks/use-dialog.js";
-import { T as m } from "../Typography-Cum5_Ehu.js";
+import { T as m } from "../Typography-PcmlIqm1.js";
 const f = ({
   title: e,
   content: n,

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

@@ -1,9 +1,9 @@
 import { j as o } from "../jsx-runtime-tc70JA_2.js";
 import * as t from "react";
-import { C as p } from "../Close-C-pCw-CD.js";
+import { C as p } from "../Close-lHCUMitI.js";
 import { Dialog as u, DialogTitle as m, Stack as j, IconButton as C, DialogContent as f, DialogActions as D, Button as M } from "@mui/material";
 import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as c } from "../Typography-Cum5_Ehu.js";
+import { T as c } from "../Typography-PcmlIqm1.js";
 const d = ({
   title: s,
   content: e,

package/dist/s-empty/s-empty.js

@@ -1,6 +1,6 @@
 import { j as t } from "../jsx-runtime-tc70JA_2.js";
 import { Typography as o } from "@mui/material";
-const r = ({ title: a }) => /* @__PURE__ */ t.jsx(o, { variant: "body2", color: "text.secondary", my: 3, children: a || "No data available." });
+const r = ({ title: a }) => /* @__PURE__ */ t.jsx(o, { variant: "body2", color: "text.secondary", my: 3, children: a ?? "No data available." });
 r.displayName = "SEmpty";
 export {
   r as SEmpty,

package/dist/s-file-dropzone/s-file-dropzone.js

@@ -1,14 +1,14 @@
 import { j as o } from "../jsx-runtime-tc70JA_2.js";
 import * as g from "react";
-import { c as l } from "../createSvgIcon-DTNHY3_v.js";
+import { c as l } from "../createSvgIcon-BkbeLOhM.js";
 import { Avatar as v, Tooltip as b, IconButton as y, Button as C } from "@mui/material";
 import { useDropzone as I } from "react-dropzone";
 import { SFileIcon as S } from "../s-file-icon/s-file-icon.js";
 import { SForm as z } from "../s-form/s-form.js";
 import { bytesToSize as R } from "../utils/bytes-to-size.js";
-import { B as s } from "../Box-p3bpOtdn.js";
-import { S as e } from "../Stack-BlwLEm6H.js";
-import { T as t } from "../Typography-Cum5_Ehu.js";
+import { B as s } from "../Box-BkXoTbe8.js";
+import { S as e } from "../Stack-Dfjnuorw.js";
+import { T as t } from "../Typography-PcmlIqm1.js";
 const k = l(/* @__PURE__ */ o.jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "CloseOutlined"), D = l(/* @__PURE__ */ o.jsx("path", {

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

@@ -1,7 +1,7 @@
 import { j as h } from "../jsx-runtime-tc70JA_2.js";
-import { B as t } from "../Box-p3bpOtdn.js";
+import { B as t } from "../Box-BkXoTbe8.js";
 const a = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewBox: "0 0 41 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", children: [
+  /* @__PURE__ */ h.jsxs("g", { clipPath: "url(#a)", children: [
     /* @__PURE__ */ h.jsx(
       "path",
       {
@@ -41,7 +41,7 @@ const a = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewB
   ] }),
   /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M.002 0h40v48h-40z" }) }) })
 ] }), v = () => /* @__PURE__ */ h.jsxs("svg", { width: "40", height: "48", viewBox: "0 0 40 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", children: [
+  /* @__PURE__ */ h.jsxs("g", { clipPath: "url(#a)", children: [
     /* @__PURE__ */ h.jsx(
       "path",
       {
@@ -81,7 +81,7 @@ const a = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewB
   ] }),
   /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M0 0h40v48H0z" }) }) })
 ] }), c = () => /* @__PURE__ */ h.jsxs("svg", { width: "40", height: "48", viewBox: "0 0 40 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", children: [
+  /* @__PURE__ */ h.jsxs("g", { clipPath: "url(#a)", children: [
     /* @__PURE__ */ h.jsx(
       "path",
       {
@@ -114,7 +114,7 @@ const a = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewB
   ] }),
   /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M0 0h39.998v48H0z" }) }) })
 ] }), d = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewBox: "0 0 41 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#clip0_11823_127803)", children: [
+  /* @__PURE__ */ h.jsxs("g", { clipPath: "url(#clip0_11823_127803)", children: [
     /* @__PURE__ */ h.jsx("g", { opacity: "0.3", children: /* @__PURE__ */ h.jsx(
       "path",
       {
@@ -179,8 +179,8 @@ const a = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewB
     /* @__PURE__ */ h.jsx("path", { d: "M24.6985 27.1121H21.9485V29.8621H24.6985V27.1121Z", fill: "#005FAD" })
   ] }),
   /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "clip0_11823_127803", children: /* @__PURE__ */ h.jsx("rect", { width: "40", height: "48", fill: "white", transform: "translate(0.00244141)" }) }) })
-] }), p = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewBox: "0 0 41 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", children: [
+] }), f = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewBox: "0 0 41 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ h.jsxs("g", { clipPath: "url(#a)", children: [
     /* @__PURE__ */ h.jsx(
       "path",
       {
@@ -227,7 +227,7 @@ const a = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewB
   ] }),
   /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M0 0h40.002v48H0z" }) }) })
 ] }), i = () => /* @__PURE__ */ h.jsxs("svg", { width: "40", height: "48", viewBox: "0 0 40 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", fill: "#6366F1", children: [
+  /* @__PURE__ */ h.jsxs("g", { clipPath: "url(#a)", fill: "#6366F1", children: [
     /* @__PURE__ */ h.jsx(
       "path",
       {
@@ -238,15 +238,15 @@ const a = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewB
     /* @__PURE__ */ h.jsx("path", { d: "M35.64 12.402h-4.725a3.942 3.942 0 0 1-3.939-3.937V3l8.663 9.402Zm-6.457 6.582H9.473a.716.716 0 0 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Zm0 4.271H9.473a.716.716 0 0 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Zm0 4.27H9.473a.716.716 0 0 1 0-1.43h19.71a.715.715 0 0 1 0 1.43Zm0 4.269H9.473a.714.714 0 1 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Z" })
   ] }),
   /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M4.25 3h31.5v42H4.25z" }) }) })
-] }), f = {
+] }), x = {
   jpeg: a,
   jpg: a,
   mp4: v,
   pdf: c,
   png: d,
-  svg: p
-}, x = ({ extension: l }) => {
-  const s = l ? f[l.toLowerCase()] ?? i : i;
+  svg: f
+}, Z = ({ extension: l }) => {
+  const s = l ? x[l.toLowerCase()] ?? i : i;
   return /* @__PURE__ */ h.jsx(
     t,
     {
@@ -266,8 +266,8 @@ const a = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewB
     }
   );
 };
-x.displayName = "SFileIcon";
+Z.displayName = "SFileIcon";
 export {
-  x as SFileIcon,
-  x as default
+  Z as SFileIcon,
+  Z as default
 };

package/dist/s-flex-box/s-flex-box.js

@@ -1,5 +1,5 @@
 import { j as s } from "../jsx-runtime-tc70JA_2.js";
-import { B as e } from "../Box-p3bpOtdn.js";
+import { B as e } from "../Box-BkXoTbe8.js";
 const r = ({ children: o, ...x }) => /* @__PURE__ */ s.jsx(e, { display: "flex", ...x, children: o });
 r.displayName = "SFlexBox";
 export {

package/dist/s-gallery/s-gallery.js

@@ -104,7 +104,7 @@ const A = ({ item: s, sx: o, onClick: i }) => {
     F,
     {
       src: s.url,
-      alt: s.title || "",
+      alt: s.title ?? "",
       width: "100%",
       height: "100%",
       style: {

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

@@ -16,7 +16,7 @@ const $ = ({
   fallbackColor: j,
   ...d
 }) => {
-  const g = b(), t = h || `gradient-${g}`, s = {
+  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" },
@@ -26,22 +26,22 @@ const $ = ({
       start: o.startColor,
       end: o.endColor,
       middle: o.middleColor,
-      middlePos: o.middlePosition || 0.5
+      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)";
+  }[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 }),
+      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 }),
+      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(

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

@@ -1,7 +1,7 @@
 import { j as t } from "../jsx-runtime-tc70JA_2.js";
 import * as o from "react";
-import { C as A } from "../ChevronLeft-BJjuFNNQ.js";
-import { C as z } from "../ChevronRight-5ZX3FodP.js";
+import { C as A } from "../ChevronLeft-BmgmPHp9.js";
+import { C as z } from "../ChevronRight-DbWSr8yz.js";
 import { Box as s, IconButton as D } from "@mui/material";
 import E from "../s-lazy-image/s-lazy-image.js";
 const F = o.forwardRef(
@@ -78,7 +78,7 @@ const F = o.forwardRef(
                 E,
                 {
                   src: m[l],
-                  alt: f[l] || f[0],
+                  alt: f[l] ?? f[0],
                   style: {
                     width: "100%",
                     height: "100%",

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

@@ -3,9 +3,9 @@ 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 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";
+import { C as N } from "../Close-lHCUMitI.js";
+import { C as T } from "../ChevronLeft-BmgmPHp9.js";
+import { C as $ } from "../ChevronRight-DbWSr8yz.js";
 const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disableVideoControls: s = !1 }) => r.type === "video" ? /* @__PURE__ */ o.jsx(
   d,
   {
@@ -25,7 +25,7 @@ const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disab
   F,
   {
     src: r.url,
-    alt: r.title || "",
+    alt: r.title ?? "",
     onClick: l,
     style: {
       width: "100%",
@@ -47,7 +47,7 @@ const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disab
   showCounter: P = !0,
   modalSx: R = {}
 }) => {
-  const [E, p] = C(r || null), t = r || E;
+  const [E, p] = C(r ?? null), t = r ?? E;
   k(() => {
     r && p(r);
   }, [r]);
@@ -170,7 +170,7 @@ const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disab
                                           right: 0,
                                           bottom: 0,
                                           p: { xs: 1.5, sm: 2, md: 3 },
-                                          background: (i) => `linear-gradient(to top, ${(i.vars || i).palette.background.paper}, transparent)`
+                                          background: (i) => `linear-gradient(to top, ${(i.vars ?? i).palette.background.paper}, transparent)`
                                         },
                                         onClick: (i) => i.stopPropagation(),
                                         children: [
@@ -348,7 +348,7 @@ const z = ({ item: r, onClick: l, style: c = {}, objectFit: e = "contain", disab
                           sx: {
                             position: "absolute",
                             inset: 0,
-                            background: (x) => `linear-gradient(to bottom, transparent, ${(x.vars || x).palette.action.hover}, ${(x.vars || x).palette.action.selected})`,
+                            background: (x) => `linear-gradient(to bottom, transparent, ${(x.vars ?? x).palette.action.hover}, ${(x.vars ?? x).palette.action.selected})`,
                             pointerEvents: "none"
                           }
                         }

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

@@ -12,7 +12,7 @@ export interface SLabelProps {
     /** Tooltip hint text shown on hover of the help icon */
     hint?: string;
     /** Custom styles using Material-UI sx prop for layout customization */
-    sx?: SxProps<Theme> | undefined;
+    sx?: SxProps<Theme>;
 }
 /**
  * An enhanced label component that provides structured labeling with optional hints and tooltips.

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

@@ -1,5 +1,5 @@
 import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { c as l } from "../createSvgIcon-DTNHY3_v.js";
+import { c as l } from "../createSvgIcon-BkbeLOhM.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"

package/dist/s-language-switcher/s-language-switcher.js

@@ -3,13 +3,13 @@ import * as b from "react";
 import g, { createElement as j } from "react";
 import { useTranslation as E } from "react-i18next";
 import { SIconButton as F } from "../s-icon-button/s-icon-button.js";
-import { L as R, M as k } from "../Menu-_ZW9WiF2.js";
-import { g as N, M as P } from "../MenuItem-DTapLhin.js";
-import { P as a } from "../createTheme-CIXJrNxb.js";
+import { L as R, M as k } from "../Menu-GVFDMHCN.js";
+import { g as N, M as P } from "../MenuItem-2wG8I2HO.js";
+import { P as a } from "../createTheme-DgoJyWM-.js";
 import { c as _ } from "../clsx-OuTLNxxd.js";
-import { u as A, c as D, m as M } from "../DefaultPropsProvider-2MEHB2yv.js";
-import { s as B } from "../styled-BR6UL29H.js";
-import { T as V } from "../Typography-Cum5_Ehu.js";
+import { u as A, c as D, m as M } from "../DefaultPropsProvider-DPuuPIbS.js";
+import { s as B } from "../styled-8Y5KoVix.js";
+import { T as V } from "../Typography-PcmlIqm1.js";
 const $ = (e) => {
   const {
     alignItems: t,
@@ -197,7 +197,7 @@ const O = [
   sx: l,
   useI18n: p = !0
 }) => {
-  const r = E(), u = p ? r.t : null, m = p ? r.i18n : null, [h, v] = g.useState(null), y = o || (m?.language ?? e[0]?.code ?? "en"), C = e.find((f) => f.code === y) || e[0], L = g.useCallback((f) => {
+  const r = E(), u = p ? r.t : null, m = p ? r.i18n : null, [h, v] = g.useState(null), y = o ?? m?.language ?? e[0]?.code ?? "en", C = e.find((f) => f.code === y) || e[0], L = g.useCallback((f) => {
     v(f.currentTarget);
   }, []), T = g.useCallback(() => {
     v(null);
@@ -206,7 +206,7 @@ const O = [
       t ? t(f) : m && m.changeLanguage(f);
     },
     [t, m]
-  ), U = n || (u ? u("header:language.tooltip") : "Change language");
+  ), U = n ?? (u ? u("header:language.tooltip") : "Change language");
   return /* @__PURE__ */ c.jsxs(g.Fragment, { children: [
     /* @__PURE__ */ c.jsx(
       F,

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

@@ -1,5 +1,5 @@
 import { j as Me } from "../jsx-runtime-tc70JA_2.js";
-import { w as ye, L as ge } from "../warning-BZ61Y8gI.js";
+import { w as ye, L as ge } from "../warning-Ba-7BBAN.js";
 import { a as Te } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
 import l from "dayjs";
 import { g as F } from "../_commonjsHelpers-ByX85dGu.js";

package/dist/s-moving-border/s-moving-border.d.ts

@@ -5,15 +5,15 @@ import { BoxProps } from '@mui/material';
  */
 export interface SMovingBorderProps extends BoxProps {
     /** Duration of one complete animation cycle in milliseconds (default: 6000) */
-    duration?: number;
+    readonly duration?: number;
     /** Additional CSS class name for styling */
-    className?: string;
+    readonly className?: string;
     /** Color of the glow effect (default: 'var(--s-palette-primary-main)') */
-    glowColor?: string;
+    readonly glowColor?: string;
     /** Size of the glow effect in pixels (default: 250) */
-    glowSize?: number;
+    readonly glowSize?: number;
     /** Content to render inside the moving border container */
-    children: React.ReactNode;
+    readonly children: React.ReactNode;
 }
 /**
  * An animated border effect component that creates smooth moving light effects around the element perimeter.

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

@@ -1,11 +1,11 @@
 import { j as t } from "../jsx-runtime-tc70JA_2.js";
 import * as o from "react";
-import { c as j } from "../createSvgIcon-DTNHY3_v.js";
+import { c as j } from "../createSvgIcon-BkbeLOhM.js";
 import { Stack as M, OutlinedInput as C } from "@mui/material";
 import { usePopover as b } from "../hooks/use-popover.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";
+import { M as I } from "../Menu-GVFDMHCN.js";
+import { M as k } from "../MenuItem-2wG8I2HO.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 = ({

package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js

@@ -6,13 +6,13 @@ import '../assets/s-overlay-scrollbar.css';const b = d(i)(({ theme: a }) => ({
   maxHeight: "100%",
   ".os-theme-dark": {
     "--os-size": "10px",
-    "--os-handle-bg": (a.vars || a).palette.blackAlpha.medium,
-    "--os-handle-bg-hover": (a.vars || a).palette.blackAlpha.dark,
-    "--os-handle-bg-active": (a.vars || a).palette.blackAlpha.dark,
+    "--os-handle-bg": (a.vars ?? a).palette.blackAlpha.medium,
+    "--os-handle-bg-hover": (a.vars ?? a).palette.blackAlpha.dark,
+    "--os-handle-bg-active": (a.vars ?? a).palette.blackAlpha.dark,
     ...a.applyStyles("dark", {
-      "--os-handle-bg": (a.vars || a).palette.whiteAlpha.medium,
-      "--os-handle-bg-hover": (a.vars || a).palette.whiteAlpha.dark,
-      "--os-handle-bg-active": (a.vars || a).palette.whiteAlpha.dark
+      "--os-handle-bg": (a.vars ?? a).palette.whiteAlpha.medium,
+      "--os-handle-bg-hover": (a.vars ?? a).palette.whiteAlpha.dark,
+      "--os-handle-bg-active": (a.vars ?? a).palette.whiteAlpha.dark
     })
   }
 })), v = p(

package/dist/s-pixel-reveal/s-pixel-reveal.js

@@ -1,5 +1,5 @@
-import { j as A } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as Q, useRef as h, useEffect as N, useCallback as q } from "react";
+import { j as q } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as Q, useRef as u, useEffect as N, useCallback as y } from "react";
 import { brand as E } from "../theme/theme-primitives.js";
 class U {
   x;
@@ -15,104 +15,109 @@ class U {
   counterStep;
   isReverse;
   isShimmer;
-  constructor(c, l, o, z, y, M, b) {
-    this.x = c, this.y = l, this.color = o, this.speed = (Math.random() * 0.8 + 0.1) * z, this.size = 0, this.sizeStep = Math.random() * 0.4, this.minSize = 0.5, this.maxSize = b, this.delay = y, this.counter = 0, this.counterStep = M, this.isReverse = !1, this.isShimmer = !1;
+  constructor(h, f, r, d, M, b, g) {
+    this.x = h, this.y = f, this.color = r, this.speed = (Math.random() * 0.8 + 0.1) * d, this.size = 0, this.sizeStep = Math.random() * 0.4, this.minSize = 0.5, this.maxSize = g, this.delay = M, this.counter = 0, this.counterStep = b, this.isReverse = !1, this.isShimmer = !1;
   }
-  update(c) {
-    return c ? this.counter < this.delay ? (this.counter += this.counterStep, !0) : (this.isShimmer ? this.isReverse ? (this.size -= this.speed, this.size <= this.minSize && (this.size = this.minSize, this.isReverse = !1)) : (this.size += this.speed, this.size >= this.maxSize && (this.size = this.maxSize, this.isReverse = !0)) : this.size < this.maxSize ? this.size += this.sizeStep : this.isShimmer = !0, !0) : (this.isShimmer = !1, this.counter = 0, this.size > 0 ? (this.size -= 0.1, !0) : !1);
+  update(h) {
+    return h ? this.counter < this.delay ? (this.counter += this.counterStep, !0) : (this.isShimmer ? this.isReverse ? (this.size -= this.speed, this.size <= this.minSize && (this.size = this.minSize, this.isReverse = !1)) : (this.size += this.speed, this.size >= this.maxSize && (this.size = this.maxSize, this.isReverse = !0)) : this.size < this.maxSize ? this.size += this.sizeStep : this.isShimmer = !0, !0) : (this.isShimmer = !1, this.counter = 0, this.size > 0 ? (this.size -= 0.1, !0) : !1);
   }
-  draw(c, l) {
-    const o = (l - this.size) * 0.5;
-    c.fillRect(this.x + o, this.y + o, this.size, this.size);
+  draw(h, f) {
+    const r = (f - this.size) * 0.5;
+    h.fillRect(this.x + r, this.y + r, this.size, this.size);
   }
 }
 const Z = Q(
   ({
-    gap: s = 5,
-    speed: c = 100,
-    colors: l = [E[400], E[500], E[600]],
-    loading: o = !0,
-    src: z,
-    alt: y = "",
-    style: M,
-    children: b,
+    gap: n = 5,
+    speed: h = 100,
+    colors: f = [E[400], E[500], E[600]],
+    loading: r = !0,
+    src: d,
+    alt: M = "",
+    style: b,
+    children: g,
     instant: k = !0,
     ...$
-  }, S) => {
-    const g = h(null), w = h(null), D = h(null), p = h(/* @__PURE__ */ new Map()), a = h(null), I = h(1e3 / 60), C = h(0), P = h(!1);
+  }, p) => {
+    const C = u(null), z = u(null), D = u(null), m = u(/* @__PURE__ */ new Map()), l = u(null), I = u(1e3 / 60), P = u(0), j = u(!1);
     N(() => {
-      P.current = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+      j.current = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
     }, []);
-    const O = q((e, n, u, r) => {
-      const t = e - u, i = n - r;
+    const O = y((e, c, o, s) => {
+      const t = e - o, i = c - s;
       return t * t + i * i;
-    }, []), V = q(() => {
-      const e = g.current, n = e?.getContext("2d");
-      if (!e || !n) return;
-      p.current = /* @__PURE__ */ new Map();
-      const u = P.current ? 0 : Math.max(0, Math.min(100, c)) * 1e-3, r = window.devicePixelRatio || 1, t = e.width / r, i = e.height / r, x = 2, X = 0.5, H = (t + i) * 0.01, T = t % s / 2, W = i % s / 2;
-      for (let f = T; f < t; f += s)
-        for (let m = W; m < i; m += s) {
-          const d = l[Math.floor(Math.random() * l.length)];
-          let v = 0;
-          if (!k && !P.current) {
-            const G = f + s / 2, J = m + s / 2, K = t / 2, L = i / 2;
-            v = Math.sqrt(O(G, J, K, L));
+    }, []), V = y(
+      (e, c, o) => {
+        l.current && cancelAnimationFrame(l.current), P.current = performance.now();
+        const s = () => {
+          l.current = requestAnimationFrame(s);
+          const t = performance.now(), i = t - P.current;
+          if (i < I.current) return;
+          P.current = t - i % I.current, e.clearRect(0, 0, c, o);
+          let a = !1;
+          m.current.forEach((x, F) => {
+            e.fillStyle = F;
+            for (const S of x)
+              S.update(r) && (S.draw(e, n), a = !0);
+          }), !r && !a && l.current && (cancelAnimationFrame(l.current), l.current = null);
+        };
+        s();
+      },
+      [r, n]
+    ), X = y(() => {
+      const e = C.current, c = e?.getContext("2d");
+      if (!e || !c) return;
+      m.current = /* @__PURE__ */ new Map();
+      const o = j.current ? 0 : Math.max(0, Math.min(100, h)) * 1e-3, s = window.devicePixelRatio ?? 1, t = e.width / s, i = e.height / s, a = 2, x = 0.5, F = (t + i) * 0.01, S = t % n / 2, Y = i % n / 2;
+      for (let w = S; w < t; w += n)
+        for (let v = Y; v < i; v += n) {
+          const R = f[Math.floor(Math.random() * f.length)];
+          let B = 0;
+          if (!k && !j.current) {
+            const W = w + n / 2, G = v + n / 2, J = t / 2, K = i / 2;
+            B = Math.sqrt(O(W, G, J, K));
           }
-          const F = Math.random() * 4 + H, R = Math.random() * (x - X) + X, B = new U(f, m, d, u, v, F, R);
-          p.current.has(d) || p.current.set(d, []), p.current.get(d).push(B);
+          const H = Math.random() * 4 + F, L = Math.random() * (a - x) + x, T = new U(w, v, R, o, B, H, L);
+          m.current.has(R) || m.current.set(R, []), m.current.get(R).push(T);
         }
-      a.current && cancelAnimationFrame(a.current), C.current = performance.now();
-      const Y = () => {
-        a.current = requestAnimationFrame(Y);
-        const f = performance.now(), m = f - C.current;
-        if (m < I.current) return;
-        C.current = f - m % I.current, n.clearRect(0, 0, t, i);
-        let d = !1;
-        p.current.forEach((v, F) => {
-          n.fillStyle = F;
-          for (const R of v)
-            R.update(o) && (R.draw(n, s), d = !0);
-        }), !o && !d && a.current && (cancelAnimationFrame(a.current), a.current = null);
-      };
-      Y();
-    }, [s, c, l, k, o, O]), j = q(() => {
-      const e = g.current, n = w.current, u = e?.getContext("2d");
-      if (!e || !n || !u) return;
-      const r = n.getBoundingClientRect();
-      if (r.width === 0 || r.height === 0) return;
-      const t = Math.floor(r.width), i = Math.floor(r.height), x = window.devicePixelRatio || 1;
-      e.width = t * x, e.height = i * x, e.style.width = `${t}px`, e.style.height = `${i}px`, u.setTransform(1, 0, 0, 1, 0, 0), u.scale(x, x), V();
-    }, [V]);
+      V(c, t, i);
+    }, [n, h, f, k, r, O, V]), A = y(() => {
+      const e = C.current, c = z.current, o = e?.getContext("2d");
+      if (!e || !c || !o) return;
+      const s = c.getBoundingClientRect();
+      if (s.width === 0 || s.height === 0) return;
+      const t = Math.floor(s.width), i = Math.floor(s.height), a = window.devicePixelRatio ?? 1;
+      e.width = t * a, e.height = i * a, e.style.width = `${t}px`, e.style.height = `${i}px`, o.setTransform(1, 0, 0, 1, 0, 0), o.scale(a, a), X();
+    }, [X]);
     return N(() => {
-      j();
+      A();
       const e = new ResizeObserver(() => {
-        requestAnimationFrame(() => j());
+        requestAnimationFrame(() => A());
       });
-      return w.current && e.observe(w.current), () => {
-        e.disconnect(), a.current && cancelAnimationFrame(a.current);
+      return z.current && e.observe(z.current), () => {
+        e.disconnect(), l.current && cancelAnimationFrame(l.current);
       };
-    }, [j]), /* @__PURE__ */ A.jsxs(
+    }, [A]), /* @__PURE__ */ q.jsxs(
       "div",
       {
         ref: (e) => {
-          w.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
+          z.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
         },
         style: {
           position: "relative",
           width: "100%",
           height: "100%",
           overflow: "hidden",
-          ...M
+          ...b
         },
         ...$,
         children: [
-          z && /* @__PURE__ */ A.jsx(
+          d && /* @__PURE__ */ q.jsx(
             "img",
             {
               ref: D,
-              src: z,
-              alt: y,
+              src: d,
+              alt: M,
               style: {
                 position: "absolute",
                 inset: 0,
@@ -123,11 +128,11 @@ const Z = Q(
               }
             }
           ),
-          b,
-          /* @__PURE__ */ A.jsx(
+          g,
+          /* @__PURE__ */ q.jsx(
             "canvas",
             {
-              ref: g,
+              ref: C,
               style: {
                 position: "absolute",
                 inset: 0,

package/dist/s-radial-pulse-animate/s-radial-pulse-animate.js

@@ -20,7 +20,7 @@ const b = h`
   alignItems: "center",
   borderRadius: e.shape.borderRadius,
   border: "1px solid",
-  borderColor: (e.vars || e).palette.divider
+  borderColor: (e.vars ?? e).palette.divider
 })), R = l(d)(() => ({
   position: "absolute",
   pointerEvents: "none"
@@ -31,7 +31,7 @@ const b = h`
   transform: "translate(-50%, -50%)",
   width: "60px",
   height: "60px",
-  background: (e.vars || e).palette.ui.pulse.radialGradient,
+  background: (e.vars ?? e).palette.ui.pulse.radialGradient,
   borderRadius: "50%",
   animation: `${b} 3s ease-out infinite`,
   "&:nth-of-type(2)": {