@solostylist/ui-kit 1.0.17 → 1.0.19

package/dist/assets/s-image-gallery.css

@@ -1 +1 @@
-.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@media (hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media (max-width: 768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media (max-width: 480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:#0000;padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}
+:root{--image-gallery-color-white: var(--s-palette-common-white);--image-gallery-color-primary: var(--s-palette-primary-main);--image-gallery-color-transparent: transparent;--image-gallery-color-overlay: var(--s-palette-action-hover);--image-gallery-color-shadow: var(--s-palette-grey-900);--image-gallery-color-dark: var(--s-palette-common-black);--image-gallery-icon-size: calc(var(--s-spacing) * 3);--image-gallery-padding: calc(var(--s-spacing))}.image-gallery-icon{color:var(--image-gallery-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--image-gallery-color-transparent);border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px var(--image-gallery-color-shadow))}@media (hover: hover) and (pointer: fine){.image-gallery-icon:hover{color:var(--image-gallery-color-primary)}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid var(--image-gallery-color-primary)}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:var(--image-gallery-padding)}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:var(--image-gallery-icon-size);width:var(--image-gallery-icon-size)}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:calc(var(--image-gallery-icon-size) * 2);width:var(--image-gallery-icon-size)}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:calc(var(--image-gallery-icon-size) * 2);width:var(--image-gallery-icon-size)}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:var(--image-gallery-color-dark);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:var(--image-gallery-color-dark)}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:var(--image-gallery-color-overlay);bottom:70px;color:var(--image-gallery-color-white);left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--image-gallery-color-transparent);border:1px solid var(--image-gallery-color-white);border-radius:50%;box-shadow:0 2px 2px var(--image-gallery-color-dark);cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:var(--image-gallery-color-primary);border:1px solid var(--image-gallery-color-primary)}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid var(--image-gallery-color-white);background:var(--image-gallery-color-white)}@media (hover: hover) and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:var(--image-gallery-color-primary);border:1px solid var(--image-gallery-color-primary)}.image-gallery-bullets .image-gallery-bullet.active:hover{background:var(--image-gallery-color-primary)}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid var(--image-gallery-color-transparent);transition:border .3s ease-out;width:100px;background:var(--image-gallery-color-transparent);padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid var(--image-gallery-color-transparent);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid var(--image-gallery-color-primary)}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid var(--image-gallery-color-primary)}}@media (hover: hover) and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid var(--image-gallery-color-primary)}}@media (hover: hover) and (pointer: fine) and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid var(--image-gallery-color-primary)}}.image-gallery-thumbnail-label{box-sizing:border-box;color:var(--image-gallery-color-white);font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px var(--image-gallery-color-dark);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:var(--image-gallery-color-overlay);color:var(--image-gallery-color-white);line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}

package/dist/s-image-gallery/s-image-gallery.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { ReactImageGalleryProps } from 'react-image-gallery';
-export interface SImageGalleryProps extends ReactImageGalleryProps {
-}
+import { default as ImageGallery } from 'react-image-gallery';
+export type SImageGalleryProps = React.ComponentProps<typeof ImageGallery>;
 declare const SImageGallery: ({ ...props }: SImageGalleryProps) => React.JSX.Element;
 export default SImageGallery;

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

@@ -13,7 +13,7 @@ export interface SnackbarMessageOpenOptions {
     message: string;
 }
 export interface SnackbarMessageContextProps {
-    handleOpen: (snackbarMessageOptions: SnackbarMessageOpenOptions) => void;
+    handleOpen: (snackbarMessageOptions: SnackbarMessageOpenOptions, snackbarProps?: SnackbarProps, alertProps?: AlertProps) => void;
     handleClose: () => void;
     open: boolean;
 }

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

@@ -1,50 +1,59 @@
-import { j as r } from "../jsx-runtime-C5mzlN2N.js";
-import * as n from "react";
-import { Snackbar as u, Alert as d } from "@mui/material";
-import { useDialog as g } from "../hooks/use-dialog.js";
-const m = ({
+import { j as t } from "../jsx-runtime-C5mzlN2N.js";
+import * as a from "react";
+import { Snackbar as S, Alert as b } from "@mui/material";
+import { useDialog as x } from "../hooks/use-dialog.js";
+const k = ({
   message: s,
   onClose: e = () => {
   },
-  open: a = !1,
-  snackbarProps: t,
+  open: r = !1,
+  snackbarProps: n,
   alertProps: o
-}) => /* @__PURE__ */ r.jsx(
-  u,
+}) => /* @__PURE__ */ t.jsx(
+  S,
   {
-    open: a,
+    open: r,
     autoHideDuration: 1e4,
     onClose: e,
     anchorOrigin: { vertical: "top", horizontal: "center" },
-    ...t,
-    children: /* @__PURE__ */ r.jsx(d, { onClose: e, severity: "error", sx: { width: "100%" }, ...o, children: s })
+    ...n,
+    children: /* @__PURE__ */ t.jsx(b, { onClose: e, severity: "error", sx: { width: "100%" }, ...o, children: s })
   }
-), c = n.createContext(null), b = ({ children: s }) => {
-  const e = g(), [a, t] = n.useState({
+), c = a.createContext(null), P = ({ children: s }) => {
+  const e = x(), [r, n] = a.useState({
     message: ""
-  }), o = {
-    handleOpen: n.useCallback(
-      (i) => {
-        const { message: l } = i;
-        t({ message: l }), e.handleOpen();
+  }), [o, l] = a.useState({}), [i, u] = a.useState({}), p = {
+    handleOpen: a.useCallback(
+      (d, g = {}, m = {}) => {
+        const { message: h } = d;
+        n({ message: h }), l(g), u(m), e.handleOpen();
       },
       [e]
     ),
     handleClose: e.handleClose,
     open: e.open
   };
-  return /* @__PURE__ */ r.jsxs(c.Provider, { value: o, children: [
-    /* @__PURE__ */ r.jsx(m, { open: e.open, message: a == null ? void 0 : a.message, onClose: e.handleClose }),
+  return /* @__PURE__ */ t.jsxs(c.Provider, { value: p, children: [
+    /* @__PURE__ */ t.jsx(
+      k,
+      {
+        open: e.open,
+        message: r == null ? void 0 : r.message,
+        onClose: e.handleClose,
+        snackbarProps: o,
+        alertProps: i
+      }
+    ),
     s
   ] });
-}, S = () => {
-  const s = n.useContext(c);
+}, j = () => {
+  const s = a.useContext(c);
   if (!s)
     throw new Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
   return s;
 };
 export {
-  b as SnackbarMessageProvider,
-  m as default,
-  S as useSnackbarMessage
+  P as SnackbarMessageProvider,
+  k as default,
+  j as useSnackbarMessage
 };

package/dist/s-text-field/s-text-field.js

@@ -1,20 +1,14 @@
-import { j as l } from "../jsx-runtime-C5mzlN2N.js";
-import { useState as o, useEffect as s } from "react";
-import { TextField as x } from "@mui/material";
+import { j as r } from "../jsx-runtime-C5mzlN2N.js";
+import { TextField as m } from "@mui/material";
 import d from "../s-form/s-form.js";
-const S = ({
-  label: a = "",
-  required: r = !1,
+const u = ({
+  label: i = "",
+  required: o = !1,
   error: t,
-  type: i = "text",
-  htmlFor: u,
-  ...e
-}) => {
-  const [f, m] = o(e.value ?? "");
-  return s(() => {
-    m(e.value ?? "");
-  }, [e.value]), /* @__PURE__ */ l.jsx(d, { label: a, error: t, required: r, htmlFor: u, children: /* @__PURE__ */ l.jsx(x, { fullWidth: !0, type: i, id: u, error: !!t, ...e, value: f ?? "" }) });
-};
+  type: s = "text",
+  htmlFor: e,
+  ...x
+}) => /* @__PURE__ */ r.jsx(d, { label: i, error: t, required: o, htmlFor: e, children: /* @__PURE__ */ r.jsx(m, { fullWidth: !0, type: s, id: e, error: !!t, ...x }) });
 export {
-  S as default
+  u as default
 };

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

@@ -1,37 +1,40 @@
-import { j as s } from "../jsx-runtime-C5mzlN2N.js";
-import * as m from "react";
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import * as s from "react";
 import { createTheme as i, ThemeProvider as a } from "@mui/material";
 import { components as n } from "../theme/components/components.js";
 import { dataDisplayCustomizations as p } from "../theme/customizations/data-display.js";
 import { feedbackCustomizations as c } from "../theme/customizations/feedback.js";
 import { inputsCustomizations as f } from "../theme/customizations/inputs.js";
 import { navigationCustomizations as u } from "../theme/customizations/navigation.js";
-import { surfacesCustomizations as h } from "../theme/customizations/surfaces.js";
-import { shape as x, shadows as d, typography as l, colorSchemes as z } from "../theme/theme-primitives.js";
-const V = ({ children: r, disableCustomTheme: o, themeComponents: t }) => {
-  const e = m.useMemo(() => o ? {} : i({
+import { surfacesCustomizations as d } from "../theme/customizations/surfaces.js";
+import { shape as h, shadows as l, typography as x, colorSchemes as z } from "../theme/theme-primitives.js";
+const T = ({ children: r, disableCustomTheme: o, themeComponents: t }) => {
+  const m = s.useMemo(() => o ? {} : i({
     // For more details about CSS variables configuration, see https://mui.com/material-ui/customization/css-theme-variables/configuration/
     cssVariables: {
       colorSchemeSelector: "data-mui-color-scheme",
       cssVarPrefix: "s"
     },
+    palette: {
+      mode: "dark"
+    },
     colorSchemes: z,
     // Recently added in v6 for building light & dark mode app, see https://mui.com/material-ui/customization/palette/#color-schemes
-    typography: l,
-    shadows: d,
-    shape: x,
+    typography: x,
+    shadows: l,
+    shape: h,
     components: {
       ...f,
       ...p,
       ...c,
       ...u,
-      ...h,
+      ...d,
       ...n,
       ...t
     }
   }), [o, t]);
-  return o ? /* @__PURE__ */ s.jsx(m.Fragment, { children: r }) : /* @__PURE__ */ s.jsx(a, { theme: e, disableTransitionOnChange: !0, children: r });
+  return o ? /* @__PURE__ */ e.jsx(s.Fragment, { children: r }) : /* @__PURE__ */ e.jsx(a, { theme: m, disableTransitionOnChange: !0, children: r });
 };
 export {
-  V as default
+  T as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",