@solostylist/ui-kit 1.0.197 → 1.0.200

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

@@ -1,2 +1,2 @@
 export { default, DialogConfirmProvider, useDialogConfirm } from './s-dialog-confirm';
-export type { DialogConfirmContextProps, DialogConfirmOpenOptions } from './s-dialog-confirm';
+export type { DialogConfirmContextProps, DialogConfirmOpenOptions, SDialogConfirmProps } from './s-dialog-confirm';

package/dist/s-dialog-confirm/s-dialog-confirm.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 /**
  * Props interface for SDialogConfirm component
  */
-interface SDialogConfirmProps {
+export interface SDialogConfirmProps {
     /** Dialog title - can be string or React element */
     title?: string | React.ReactNode;
     /** Dialog content - can be string (auto-wrapped in Typography) or React element */

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

@@ -1,2 +1,2 @@
 export { default, DialogMessageProvider, useDialogMessage } from './s-dialog-message';
-export type { DialogMessageOpenOptions, DialogMessageContextProps } from './s-dialog-message';
+export type { DialogMessageOpenOptions, DialogMessageContextProps, SDialogMessageProps } from './s-dialog-message';

package/dist/s-dialog-message/s-dialog-message.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 /**
  * Props interface for SDialogMessage component
  */
-interface SDialogMessageProps {
+export interface SDialogMessageProps {
     /** Dialog title - can be string or React element */
     title?: string | React.ReactNode;
     /** Dialog content - can be string (auto-wrapped in Typography) or React element */

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,21 +1,21 @@
 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 { Avatar as v, Tooltip as b, IconButton as y, Button as C } from "@mui/material";
+import { c as l } from "../createSvgIcon-BkbeLOhM.js";
+import { Avatar as b, Tooltip as v, 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 i } from "../Box-BkXoTbe8.js";
+import { S as e } from "../Stack-Dfjnuorw.js";
+import { T as t } from "../Typography-PcmlIqm1.js";
+import { b as R } from "../utils-D1UMIV0b.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", {
   d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3M8 13h2.55v3h2.9v-3H16l-4-4z"
 }), "CloudUploadOutlined"), F = ({
-  hint: c,
-  label: a = "",
+  hint: a,
+  label: c = "",
   error: d,
   onRemoveAll: p,
   onRemove: x,
@@ -23,10 +23,10 @@ const k = l(/* @__PURE__ */ o.jsx("path", {
   isShowBtnRemoveAll: h = !1,
   ...n
 }) => {
-  const { getRootProps: u, getInputProps: j, isDragActive: i } = I(n);
+  const { getRootProps: u, getInputProps: j, isDragActive: s } = I(n);
   return /* @__PURE__ */ o.jsxs(g.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(z, { error: d, label: a, required: m, hint: c, children: /* @__PURE__ */ o.jsxs(
-      s,
+    /* @__PURE__ */ o.jsx(z, { error: d, label: c, required: m, hint: a, children: /* @__PURE__ */ o.jsxs(
+      i,
       {
         sx: {
           alignItems: "center",
@@ -40,13 +40,13 @@ const k = l(/* @__PURE__ */ o.jsx("path", {
           outline: "none",
           p: 4,
           // Visual feedback when files are being dragged over
-          ...i && {
+          ...s && {
             bgcolor: "action.selected",
             opacity: 0.5
           },
           // Hover effect when not actively dragging
           "&:hover": {
-            ...!i && {
+            ...!s && {
               bgcolor: "action.hover"
             }
           }
@@ -56,7 +56,7 @@ const k = l(/* @__PURE__ */ o.jsx("path", {
           /* @__PURE__ */ o.jsx("input", { ...j() }),
           /* @__PURE__ */ o.jsxs(e, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
             /* @__PURE__ */ o.jsx(
-              v,
+              b,
               {
                 sx: {
                   border: "1px dashed",
@@ -95,11 +95,11 @@ const k = l(/* @__PURE__ */ o.jsx("path", {
             },
             children: [
               /* @__PURE__ */ o.jsx(S, { extension: f }),
-              /* @__PURE__ */ o.jsxs(s, { sx: { flex: "1 1 auto" }, children: [
+              /* @__PURE__ */ o.jsxs(i, { sx: { flex: "1 1 auto" }, children: [
                 /* @__PURE__ */ o.jsx(t, { variant: "subtitle2", children: r.name }),
                 /* @__PURE__ */ o.jsx(t, { color: "text.secondary", variant: "body2", children: R(r.size) })
               ] }),
-              /* @__PURE__ */ o.jsx(b, { title: "Remove", children: /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ o.jsx(v, { title: "Remove", children: /* @__PURE__ */ o.jsx(
                 y,
                 {
                   onClick: () => {

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(