@solostylist/ui-kit 1.0.198 → 1.0.200

package/dist/s-countdown/s-count-box.js

@@ -1,23 +1,23 @@
 import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { Typography as r, Fade as H, Slide as v } from "@mui/material";
-import { SFlexBox as c } from "../s-flex-box/s-flex-box.js";
-const B = ({
-  digit: d = 0,
-  title: m = "",
-  size: x = "medium",
-  color: l = "inherit",
-  animation: o = "none",
+import { Typography as l, Fade as v, Slide as B } from "@mui/material";
+import { SFlexBox as d } from "../s-flex-box/s-flex-box.js";
+const C = ({
+  digit: m = 0,
+  title: x = "",
+  size: f = "medium",
+  color: o = "inherit",
+  animation: s = "none",
   sx: g,
-  digitSx: f,
-  titleSx: p,
-  showSeparator: h = !1,
-  separator: u = ":",
-  digitFormat: S = "default",
-  hidden: j = !1
+  digitSx: p,
+  titleSx: h,
+  showSeparator: u = !1,
+  separator: S = ":",
+  digitFormat: j = "default",
+  hidden: y = !1
 }) => {
-  if (j) return null;
-  const y = (a) => S === "padded" ? a.toString().padStart(2, "0") : a.toString(), e = (() => {
-    switch (x) {
+  if (y) return null;
+  const z = (c) => j === "padded" ? c.toString().padStart(2, "0") : c.toString(), e = (() => {
+    switch (f) {
       case "small":
         return {
           digit: { fontSize: "1.5rem", lineHeight: 1.2 },
@@ -34,22 +34,22 @@ const B = ({
           title: { fontSize: "0.875rem", letterSpacing: "0.08em" }
         };
     }
-  })(), i = y(d), n = /* @__PURE__ */ t.jsx(
-    r,
+  })(), i = z(m), n = /* @__PURE__ */ t.jsx(
+    l,
     {
       variant: "h3",
       component: "span",
       sx: {
         fontWeight: 700,
-        color: l === "inherit" ? "text.primary" : `${l}.main`,
+        color: o === "inherit" ? "text.primary" : `${o}.main`,
         width: "70px",
         ...e.digit,
-        ...f
+        ...p
       },
       children: i
     }
-  ), z = /* @__PURE__ */ t.jsx(
-    r,
+  ), H = /* @__PURE__ */ t.jsx(
+    l,
     {
       component: "span",
       sx: {
@@ -59,12 +59,15 @@ const B = ({
         display: "block",
         mt: 0.5,
         ...e.title,
-        ...p
+        ...h
       },
-      children: m
+      children: x
     }
-  ), s = /* @__PURE__ */ t.jsxs(
-    c,
+  );
+  let r = n;
+  s === "fade" ? r = /* @__PURE__ */ t.jsx(v, { in: !0, timeout: 300, children: /* @__PURE__ */ t.jsx("div", { children: n }) }, i) : s === "slide" && (r = /* @__PURE__ */ t.jsx(B, { in: !0, direction: "up", timeout: 300, children: /* @__PURE__ */ t.jsx("div", { children: n }) }, i));
+  const a = /* @__PURE__ */ t.jsxs(
+    d,
     {
       flexDirection: "column",
       alignItems: "center",
@@ -74,15 +77,15 @@ const B = ({
         ...g
       },
       children: [
-        o === "fade" ? /* @__PURE__ */ t.jsx(H, { in: !0, timeout: 300, children: /* @__PURE__ */ t.jsx("div", { children: n }) }, i) : o === "slide" ? /* @__PURE__ */ t.jsx(v, { in: !0, direction: "up", timeout: 300, children: /* @__PURE__ */ t.jsx("div", { children: n }) }, i) : n,
-        z
+        r,
+        H
       ]
     }
   );
-  return h ? /* @__PURE__ */ t.jsxs(c, { alignItems: "center", children: [
-    s,
+  return u ? /* @__PURE__ */ t.jsxs(d, { alignItems: "center", children: [
+    a,
     /* @__PURE__ */ t.jsx(
-      r,
+      l,
       {
         variant: "h3",
         sx: {
@@ -92,13 +95,13 @@ const B = ({
           alignSelf: "flex-start",
           mt: 0.5
         },
-        children: u
+        children: S
       }
     )
-  ] }) : s;
+  ] }) : a;
 };
-B.displayName = "SCountBox";
+C.displayName = "SCountBox";
 export {
-  B as SCountBox,
-  B as default
+  C as SCountBox,
+  C as default
 };

package/dist/s-countdown/s-count-down.js

@@ -1,138 +1,110 @@
-import { j as a } from "../jsx-runtime-tc70JA_2.js";
-import { Typography as M } from "@mui/material";
-import A from "../hooks/use-count-down.js";
-import { SFlexBox as y } from "../s-flex-box/s-flex-box.js";
-import { SCountBox as N } from "./s-count-box.js";
-const R = ({
+import { j as l } from "../jsx-runtime-tc70JA_2.js";
+import { useTheme as N, useMediaQuery as m, Typography as R } from "@mui/material";
+import W from "../hooks/use-count-down.js";
+import { SFlexBox as p } from "../s-flex-box/s-flex-box.js";
+import { SCountBox as F } from "./s-count-box.js";
+const H = ({
   expireDate: x,
-  size: e = "medium",
-  color: l = "inherit",
-  layout: u = "horizontal",
-  animation: g = "none",
-  showSeparators: d = !1,
-  separator: p = ":",
-  units: S = {
+  size: n = "medium",
+  color: u = "inherit",
+  layout: c = "horizontal",
+  animation: S = "none",
+  showSeparators: y = !1,
+  separator: k = ":",
+  units: b = {
     days: !0,
     hours: !0,
     minutes: !0,
     seconds: !0
   },
-  labels: i = {
+  labels: r = {
     days: "DAYS",
     hours: "HOURS",
     minutes: "MINS",
     seconds: "SECS"
   },
-  digitFormat: w = "default",
-  onComplete: j,
-  onTick: C,
-  onStart: $,
-  completedText: o = "Time is up!",
-  autoHideZeroUnits: k = !1,
-  sx: h,
-  "aria-label": c = "Countdown timer",
-  paused: b = !1,
-  responsive: n
+  digitFormat: j = "default",
+  onComplete: C,
+  onTick: $,
+  onStart: w,
+  completedText: i = "Time is up!",
+  autoHideZeroUnits: v = !1,
+  sx: o,
+  "aria-label": f = "Countdown timer",
+  paused: I = !1,
+  responsive: s
 }) => {
-  const { timeLeft: t, isExpired: v } = A({
+  const { timeLeft: e, isExpired: A } = W({
     expireDate: x,
-    onComplete: j,
-    onTick: C,
-    onStart: $,
-    paused: b
-  });
-  if (v && o)
-    return /* @__PURE__ */ a.jsx(
-      y,
+    onComplete: C,
+    onTick: $,
+    onStart: w,
+    paused: I
+  }), a = N(), D = m(a.breakpoints.only("xs")), U = m(a.breakpoints.only("sm")), B = m(a.breakpoints.only("md")), E = m(a.breakpoints.only("lg")), d = s ? D ? s.xs ?? n : U ? s.sm ?? n : B ? s.md ?? n : E ? s.lg ?? n : s.xl ?? n : n;
+  if (A && i)
+    return /* @__PURE__ */ l.jsx(
+      p,
       {
         justifyContent: "center",
         alignItems: "center",
-        sx: { textAlign: "center", ...h },
+        sx: { textAlign: "center", ...o },
         role: "timer",
-        "aria-label": `${c} - completed`,
-        children: typeof o == "string" ? /* @__PURE__ */ a.jsx(
-          M,
+        "aria-label": `${f} - completed`,
+        children: typeof i == "string" ? /* @__PURE__ */ l.jsx(
+          R,
           {
-            variant: e === "large" ? "h4" : e === "small" ? "h6" : "h5",
-            color: l === "inherit" ? "text.primary" : `${l}.main`,
+            variant: d === "large" ? "h4" : d === "small" ? "h6" : "h5",
+            color: u === "inherit" ? "text.primary" : `${u}.main`,
             sx: { fontWeight: 600 },
-            children: o
+            children: i
           }
-        ) : o
+        ) : i
       }
     );
-  const m = [], I = [
-    { key: "days", value: t.days, label: i.days },
-    { key: "hours", value: t.hours, label: i.hours },
-    { key: "minutes", value: t.minutes, label: i.minutes },
-    { key: "seconds", value: t.seconds, label: i.seconds }
-  ], D = (r) => S[r.key] && (!k || r.value > 0 || r.key === "seconds"), f = I.filter(D);
-  f.forEach((r, U) => {
-    const B = d && U < f.length - 1;
-    m.push(
-      /* @__PURE__ */ a.jsx(
-        N,
-        {
-          digit: r.value,
-          title: r.label ?? "",
-          size: e,
-          color: l,
-          animation: g,
-          digitFormat: w,
-          showSeparator: B,
-          separator: p
-        },
-        r.key
-      )
-    );
-  });
-  const E = () => u === "vertical" ? { flexDirection: "column", gap: 2, alignItems: "center" } : u === "grid" ? {
+  const h = [
+    { key: "days", value: e.days, label: r.days },
+    { key: "hours", value: e.hours, label: r.hours },
+    { key: "minutes", value: e.minutes, label: r.minutes },
+    { key: "seconds", value: e.seconds, label: r.seconds }
+  ].filter(
+    (t) => b[t.key] && (!v || t.value > 0 || t.key === "seconds")
+  ), g = h.map((t, L) => /* @__PURE__ */ l.jsx(
+    F,
+    {
+      digit: t.value,
+      title: t.label ?? "",
+      size: d,
+      color: u,
+      animation: S,
+      digitFormat: j,
+      showSeparator: y && L < h.length - 1,
+      separator: k
+    },
+    t.key
+  )), M = () => c === "vertical" ? { flexDirection: "column", gap: 2, alignItems: "center" } : c === "grid" ? {
     display: "grid",
-    gridTemplateColumns: `repeat(${m.length}, 1fr)`,
+    gridTemplateColumns: `repeat(${g.length}, 1fr)`,
     gap: 2,
     justifyItems: "center"
   } : {
     flexDirection: "row",
-    gap: d ? 0 : 2,
+    gap: y ? 0 : 2,
     alignItems: "center",
     justifyContent: "center",
     flexWrap: "wrap"
-  }, s = n ? {
-    xs: n.xs ?? e,
-    sm: n.sm ?? e,
-    md: n.md ?? e,
-    lg: n.lg ?? e,
-    xl: n.xl ?? e
-  } : void 0;
-  return /* @__PURE__ */ a.jsx(
-    y,
+  };
+  return /* @__PURE__ */ l.jsx(
+    p,
     {
-      sx: {
-        width: "fit-content",
-        ...E(),
-        ...h,
-        ...s && {
-          // Apply responsive sizing if provided
-          "@media (max-width: 600px)": {
-            "& .MuiTypography-h3": {
-              fontSize: s.xs === "small" ? "1.5rem" : s.xs === "large" ? "3.5rem" : "2.5rem"
-            }
-          },
-          "@media (min-width: 600px) and (max-width: 960px)": {
-            "& .MuiTypography-h3": {
-              fontSize: s.sm === "small" ? "1.5rem" : s.sm === "large" ? "3.5rem" : "2.5rem"
-            }
-          }
-        }
-      },
+      sx: [{ width: "fit-content" }, M() ?? {}, ...Array.isArray(o) ? o : [o]],
       role: "timer",
-      "aria-label": `${c} - ${t.days} days, ${t.hours} hours, ${t.minutes} minutes, ${t.seconds} seconds remaining`,
-      children: m
+      "aria-label": `${f} - ${e.days} days, ${e.hours} hours, ${e.minutes} minutes, ${e.seconds} seconds remaining`,
+      children: g
     }
   );
 };
-R.displayName = "SCountdown";
+H.displayName = "SCountdown";
 export {
-  R as SCountdown,
-  R as default
+  H as SCountdown,
+  H as default
 };

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-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-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-BkbeLOhM.js";
-import { Avatar as v, Tooltip as b, IconButton as y, Button as C } from "@mui/material";
+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-BkXoTbe8.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-pixel-reveal/s-pixel-reveal.js

@@ -15,23 +15,23 @@ class U {
   counterStep;
   isReverse;
   isShimmer;
-  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;
+  constructor(a, f, h, d, M, b, g) {
+    this.x = a, this.y = f, this.color = h, 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(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);
+  update(a) {
+    return a ? 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(h, f) {
-    const r = (f - this.size) * 0.5;
-    h.fillRect(this.x + r, this.y + r, this.size, this.size);
+  draw(a, f) {
+    const h = (f - this.size) * 0.5;
+    a.fillRect(this.x + h, this.y + h, this.size, this.size);
   }
 }
 const Z = Q(
   ({
     gap: n = 5,
-    speed: h = 100,
+    speed: a = 100,
     colors: f = [E[400], E[500], E[600]],
-    loading: r = !0,
+    loading: h = !0,
     src: d,
     alt: M = "",
     style: b,
@@ -43,32 +43,32 @@ const Z = Q(
     N(() => {
       j.current = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
     }, []);
-    const O = y((e, c, o, s) => {
-      const t = e - o, i = c - s;
+    const O = y((e, r, c, s) => {
+      const t = e - c, i = r - s;
       return t * t + i * i;
     }, []), V = y(
-      (e, c, o) => {
+      (e, r, c) => {
         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;
+          P.current = t - i % I.current, e.clearRect(0, 0, r, c);
+          let o = !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.update(h) && (S.draw(e, n), o = !0);
+          }), !h && !o && l.current && (cancelAnimationFrame(l.current), l.current = null);
         };
         s();
       },
-      [r, n]
+      [h, n]
     ), X = y(() => {
-      const e = C.current, c = e?.getContext("2d");
-      if (!e || !c) return;
+      const e = C.current, r = e?.getContext("2d");
+      if (!e || !r) 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;
+      const c = j.current ? 0 : Math.max(0, Math.min(100, a)) * 1e-3, s = window.devicePixelRatio ?? 1, t = e.width / s, i = e.height / s, o = 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)];
@@ -77,17 +77,17 @@ const Z = Q(
             const W = w + n / 2, G = v + n / 2, J = t / 2, K = i / 2;
             B = Math.sqrt(O(W, G, J, K));
           }
-          const H = Math.random() * 4 + F, L = Math.random() * (a - x) + x, T = new U(w, v, R, o, B, H, L);
+          const H = Math.random() * 4 + F, L = Math.random() * (o - x) + x, T = new U(w, v, R, c, B, H, L);
           m.current.has(R) || m.current.set(R, []), m.current.get(R).push(T);
         }
-      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();
+      V(r, t, i);
+    }, [n, a, f, k, O, V]), A = y(() => {
+      const e = C.current, r = z.current, c = e?.getContext("2d");
+      if (!e || !r || !c) return;
+      const s = r.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();
+      const t = Math.floor(s.width), i = Math.floor(s.height), o = window.devicePixelRatio ?? 1;
+      e.width = t * o, e.height = i * o, e.style.width = `${t}px`, e.style.height = `${i}px`, c.setTransform(1, 0, 0, 1, 0, 0), c.scale(o, o), X();
     }, [X]);
     return N(() => {
       A();

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

@@ -7,7 +7,7 @@ import Z from "../s-lazy-image/s-lazy-image.js";
 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-BkbeLOhM.js";
-import { g as ee } from "../utils-CHdpkEZx.js";
+import { g as ee } from "../utils-D1UMIV0b.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"), se = T(/* @__PURE__ */ e.jsx("path", {

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

@@ -1,6 +1,6 @@
 import { j as r } from "../jsx-runtime-tc70JA_2.js";
 import * as a from "react";
-import { Snackbar as S, Alert as h } from "@mui/material";
+import { Snackbar as k, Alert as h } from "@mui/material";
 import { useDialog as x } from "../hooks/use-dialog.js";
 const c = ({
   message: s,
@@ -10,7 +10,7 @@ const c = ({
   snackbarProps: t,
   alertProps: o
 }) => /* @__PURE__ */ r.jsx(
-  S,
+  k,
   {
     open: n,
     autoHideDuration: 1e4,
@@ -21,21 +21,21 @@ const c = ({
   }
 );
 c.displayName = "SSnackbarMessage";
-const l = a.createContext(null), C = ({ children: s }) => {
+const i = a.createContext(null), j = ({ children: s }) => {
   const e = x(), [n, t] = a.useState({
     message: ""
-  }), [o, i] = a.useState({}), [p, u] = a.useState({}), g = {
-    handleOpen: a.useCallback(
-      ({ snackbarMessageOptions: d, snackbarProps: b = {}, alertProps: m = {} }) => {
-        const { message: k } = d || { message: "" };
-        t({ message: k }), i(b), u(m), e.handleOpen();
+  }), [o, l] = a.useState({}), [p, u] = a.useState({}), g = a.useMemo(
+    () => ({
+      handleOpen: ({ snackbarMessageOptions: d, snackbarProps: m = {}, alertProps: b = {} }) => {
+        const { message: S } = d || { message: "" };
+        t({ message: S }), l(m), u(b), e.handleOpen();
       },
-      [e]
-    ),
-    handleClose: e.handleClose,
-    open: e.open
-  };
-  return /* @__PURE__ */ r.jsxs(l.Provider, { value: g, children: [
+      handleClose: e.handleClose,
+      open: e.open
+    }),
+    [e]
+  );
+  return /* @__PURE__ */ r.jsxs(i.Provider, { value: g, children: [
     /* @__PURE__ */ r.jsx(
       c,
       {
@@ -48,15 +48,15 @@ const l = a.createContext(null), C = ({ children: s }) => {
     ),
     s
   ] });
-}, j = () => {
-  const s = a.useContext(l);
+}, v = () => {
+  const s = a.useContext(i);
   if (!s)
     throw new Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
   return s;
 };
 export {
   c as SSnackbarMessage,
-  C as SnackbarMessageProvider,
+  j as SnackbarMessageProvider,
   c as default,
-  j as useSnackbarMessage
+  v as useSnackbarMessage
 };

package/dist/utils/index.d.ts

@@ -1,3 +1,2 @@
 export * from './dayjs';
-export * from './bytes-to-size';
 export * from './logger';