@solostylist/ui-kit 1.0.11 → 1.0.13

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

@@ -1,13 +1,12 @@
 import { j as n } from "../jsx-runtime-C5mzlN2N.js";
 import * as r from "react";
-import { Dialog as p, DialogTitle as g, Stack as j, IconButton as D, DialogContent as v, DialogActions as y } from "@mui/material";
+import { Dialog as p, DialogTitle as g, Stack as j, IconButton as D, DialogContent as v, DialogActions as y, Button as d } from "@mui/material";
 import { S as b } from "../X-B8GTZwii.js";
-import { useDialog as S } from "../hooks/use-dialog.js";
-import d from "../s-button/s-button.js";
-import { T as m } from "../Typography-jSFidXje.js";
-const k = ({
-  title: e,
-  content: o,
+import { useDialog as k } from "../hooks/use-dialog.js";
+import { T as m } from "../Typography-DiJzGJJd.js";
+const w = ({
+  title: o,
+  content: e,
   onConfirm: s = () => {
   },
   onClose: i = () => {
@@ -17,17 +16,17 @@ const k = ({
   showClose: c = !0,
   loading: l = !1
 }) => /* @__PURE__ */ n.jsxs(p, { fullWidth: !0, maxWidth: a, onClose: i, open: t, children: [
-  e && /* @__PURE__ */ n.jsx(g, { children: /* @__PURE__ */ n.jsxs(j, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-    typeof e == "string" ? /* @__PURE__ */ n.jsx(m, { variant: "h5", textTransform: "capitalize", children: e }) : /* @__PURE__ */ n.jsx("div", { children: e }),
+  o && /* @__PURE__ */ n.jsx(g, { children: /* @__PURE__ */ n.jsxs(j, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+    typeof o == "string" ? /* @__PURE__ */ n.jsx(m, { variant: "h5", textTransform: "capitalize", children: o }) : /* @__PURE__ */ n.jsx("div", { children: o }),
     c && /* @__PURE__ */ n.jsx(D, { onClick: i, children: /* @__PURE__ */ n.jsx(b, {}) })
   ] }) }),
-  o && /* @__PURE__ */ n.jsx(v, { children: typeof o == "string" ? /* @__PURE__ */ n.jsx(m, { color: "text.secondary", variant: "body2", children: o }) : o }),
+  e && /* @__PURE__ */ n.jsx(v, { children: typeof e == "string" ? /* @__PURE__ */ n.jsx(m, { color: "text.secondary", variant: "body2", children: e }) : e }),
   /* @__PURE__ */ n.jsx(y, { children: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(d, { onClick: i, variant: "outlined", disabled: l, children: "Cancel" }),
     /* @__PURE__ */ n.jsx(d, { onClick: s, disabled: l, children: "Confirm" })
   ] }) })
-] }), f = r.createContext(null), O = ({ children: e }) => {
-  const o = S(), [s, i] = r.useState(!1), [t, a] = r.useState({
+] }), f = r.createContext(null), I = ({ children: o }) => {
+  const e = k(), [s, i] = r.useState(!1), [t, a] = r.useState({
     title: "",
     content: "",
     onConfirm: () => {
@@ -36,12 +35,12 @@ const k = ({
     handleOpen: r.useCallback(
       (x) => {
         const { title: h, content: u, onConfirm: C } = x;
-        a({ title: h, content: u, onConfirm: C }), o.handleOpen();
+        a({ title: h, content: u, onConfirm: C }), e.handleOpen();
       },
-      [o]
+      [e]
     ),
-    handleClose: o.handleClose,
-    open: o.open,
+    handleClose: e.handleClose,
+    open: e.open,
     loading: s,
     setLoading: i
   }, l = () => {
@@ -49,26 +48,26 @@ const k = ({
   };
   return /* @__PURE__ */ n.jsxs(f.Provider, { value: c, children: [
     /* @__PURE__ */ n.jsx(
-      k,
+      w,
       {
-        open: o.open,
+        open: e.open,
         title: t == null ? void 0 : t.title,
         content: t == null ? void 0 : t.content,
-        onClose: o.handleClose,
+        onClose: e.handleClose,
         onConfirm: l,
         loading: s
       }
     ),
-    e
+    o
   ] });
-}, R = () => {
-  const e = r.useContext(f);
-  if (!e)
+}, O = () => {
+  const o = r.useContext(f);
+  if (!o)
     throw new Error("useDialogConfirm must be used within a DialogConfirmProvider");
-  return e;
+  return o;
 };
 export {
-  O as DialogConfirmProvider,
-  k as default,
-  R as useDialogConfirm
+  I as DialogConfirmProvider,
+  w as default,
+  O as useDialogConfirm
 };

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

@@ -1,13 +1,12 @@
-import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import { j as o } from "../jsx-runtime-C5mzlN2N.js";
 import * as s from "react";
-import { Dialog as p, DialogTitle as u, Stack as m, IconButton as g, DialogContent as j, DialogActions as f } from "@mui/material";
-import { S as C } from "../X-B8GTZwii.js";
-import { useDialog as D } from "../hooks/use-dialog.js";
-import k from "../s-button/s-button.js";
-import { T as c } from "../Typography-jSFidXje.js";
+import { Dialog as u, DialogTitle as p, Stack as g, IconButton as m, DialogContent as j, DialogActions as f, Button as C } from "@mui/material";
+import { S as D } from "../X-B8GTZwii.js";
+import { useDialog as k } from "../hooks/use-dialog.js";
+import { T as c } from "../Typography-DiJzGJJd.js";
 const v = ({
   title: n,
-  content: o,
+  content: e,
   onClose: t = () => {
   },
   onOk: r = () => {
@@ -15,50 +14,50 @@ const v = ({
   open: i = !1,
   maxWidth: l = "sm",
   showClose: a = !0
-}) => /* @__PURE__ */ e.jsxs(p, { fullWidth: !0, maxWidth: l, onClose: t, open: i, children: [
-  n && /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-    typeof n == "string" ? /* @__PURE__ */ e.jsx(c, { variant: "h5", textTransform: "capitalize", children: n }) : /* @__PURE__ */ e.jsx("div", { children: n }),
-    a && /* @__PURE__ */ e.jsx(g, { onClick: t, children: /* @__PURE__ */ e.jsx(C, {}) })
+}) => /* @__PURE__ */ o.jsxs(u, { fullWidth: !0, maxWidth: l, onClose: t, open: i, children: [
+  n && /* @__PURE__ */ o.jsx(p, { children: /* @__PURE__ */ o.jsxs(g, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+    typeof n == "string" ? /* @__PURE__ */ o.jsx(c, { variant: "h5", textTransform: "capitalize", children: n }) : /* @__PURE__ */ o.jsx("div", { children: n }),
+    a && /* @__PURE__ */ o.jsx(m, { onClick: t, children: /* @__PURE__ */ o.jsx(D, {}) })
   ] }) }),
-  o && /* @__PURE__ */ e.jsx(j, { children: typeof o == "string" ? /* @__PURE__ */ e.jsx(c, { color: "text.secondary", variant: "body2", children: o }) : o }),
-  /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(k, { onClick: r, children: "Ok" }) }) })
-] }), d = s.createContext(null), M = ({ children: n }) => {
-  const o = D(), [t, r] = s.useState({
+  e && /* @__PURE__ */ o.jsx(j, { children: typeof e == "string" ? /* @__PURE__ */ o.jsx(c, { color: "text.secondary", variant: "body2", children: e }) : e }),
+  /* @__PURE__ */ o.jsx(f, { children: /* @__PURE__ */ o.jsx(C, { onClick: r, children: "Ok" }) })
+] }), d = s.createContext(null), T = ({ children: n }) => {
+  const e = k(), [t, r] = s.useState({
     title: "",
     content: "",
-    onOk: o.handleClose
+    onOk: e.handleClose
   }), i = {
     handleOpen: s.useCallback(
       (l) => {
-        const { title: a, content: h, onOk: x = o.handleClose } = l;
-        r({ title: a, content: h, onOk: x }), o.handleOpen();
+        const { title: a, content: h, onOk: x = e.handleClose } = l;
+        r({ title: a, content: h, onOk: x }), e.handleOpen();
       },
-      [o]
+      [e]
     ),
-    handleClose: o.handleClose,
-    open: o.open
+    handleClose: e.handleClose,
+    open: e.open
   };
-  return /* @__PURE__ */ e.jsxs(d.Provider, { value: i, children: [
-    /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ o.jsxs(d.Provider, { value: i, children: [
+    /* @__PURE__ */ o.jsx(
       v,
       {
-        open: o.open,
+        open: e.open,
         title: t == null ? void 0 : t.title,
         content: t == null ? void 0 : t.content,
-        onClose: o.handleClose,
+        onClose: e.handleClose,
         onOk: t == null ? void 0 : t.onOk
       }
     ),
     n
   ] });
-}, P = () => {
+}, M = () => {
   const n = s.useContext(d);
   if (!n)
     throw new Error("useDialogMessage must be used within a DialogMessageProvider");
   return n;
 };
 export {
-  M as DialogMessageProvider,
+  T as DialogMessageProvider,
   v as default,
-  P as useDialogMessage
+  M as useDialogMessage
 };

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

@@ -1,17 +1,15 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import { Tooltip as E, IconButton as w } from "@mui/material";
+import { Avatar as E, Tooltip as w, IconButton as M, Button as Z } from "@mui/material";
 import t, { forwardRef as S } from "react";
-import { E as M } from "../SSRBase-BSdFRe_j.js";
-import { S as Z } from "../X-B8GTZwii.js";
-import { useDropzone as V } from "react-dropzone";
-import z from "../s-avatar/s-avatar.js";
-import F from "../s-button/s-button.js";
+import { E as V } from "../SSRBase-BSdFRe_j.js";
+import { S as z } from "../X-B8GTZwii.js";
+import { useDropzone as F } from "react-dropzone";
 import I from "../s-file-icon/s-file-icon.js";
 import O from "../s-form/s-form.js";
 import { bytesToSize as C } from "../utils/bytes-to-size.js";
-import { S as n } from "../Stack-DIkbVcfm.js";
-import { B as u } from "../Box-DyPisl7H.js";
-import { T as i } from "../Typography-jSFidXje.js";
+import { S as n } from "../Stack-DDbGEkxd.js";
+import { B as u } from "../Box-BAmUWsQI.js";
+import { T as i } from "../Typography-DiJzGJJd.js";
 const H = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -44,19 +42,19 @@ const H = /* @__PURE__ */ new Map([
     /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M186.83,162.83a4,4,0,0,1-5.66,0L156,137.66V208a4,4,0,0,1-8,0V137.66l-25.17,25.17a4,4,0,0,1-5.66-5.66l32-32a4,4,0,0,1,5.66,0l32,32A4,4,0,0,1,186.83,162.83ZM160,44A84.09,84.09,0,0,0,83.61,93.13,60,60,0,1,0,72,212h40a4,4,0,0,0,0-8H72a52,52,0,1,1,8.57-103.27A83.45,83.45,0,0,0,76,128a4,4,0,0,0,8,0,76,76,0,1,1,106.4,69.68,4,4,0,0,0,1.6,7.66,3.92,3.92,0,0,0,1.6-.33A84,84,0,0,0,160,44Z" }))
   ]
 ]);
-var P = Object.defineProperty, k = Object.defineProperties, D = Object.getOwnPropertyDescriptors, x = Object.getOwnPropertySymbols, B = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, h = (a, r, l) => r in a ? P(a, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[r] = l, R = (a, r) => {
-  for (var l in r || (r = {}))
-    B.call(r, l) && h(a, l, r[l]);
+var P = Object.defineProperty, k = Object.defineProperties, D = Object.getOwnPropertyDescriptors, x = Object.getOwnPropertySymbols, B = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, h = (r, a, l) => a in r ? P(r, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : r[a] = l, R = (r, a) => {
+  for (var l in a || (a = {}))
+    B.call(a, l) && h(r, l, a[l]);
   if (x)
-    for (var l of x(r))
-      L.call(r, l) && h(a, l, r[l]);
-  return a;
-}, T = (a, r) => k(a, D(r));
-const f = S((a, r) => /* @__PURE__ */ t.createElement(M, T(R({ ref: r }, a), { weights: H })));
+    for (var l of x(a))
+      L.call(a, l) && h(r, l, a[l]);
+  return r;
+}, T = (r, a) => k(r, D(a));
+const f = S((r, a) => /* @__PURE__ */ t.createElement(V, T(R({ ref: a }, r), { weights: H })));
 f.displayName = "CloudArrowUp";
-const l0 = ({
-  caption: a,
-  label: r = "",
+const a0 = ({
+  caption: r,
+  label: a = "",
   error: l,
   onRemoveAll: g,
   onUpload: U,
@@ -67,8 +65,8 @@ const l0 = ({
   ...c
 }) => {
   var m, d;
-  const { getRootProps: A, getInputProps: b, isDragActive: p } = V(c);
-  return /* @__PURE__ */ e.jsxs(O, { error: l, label: r, required: j, children: [
+  const { getRootProps: A, getInputProps: b, isDragActive: p } = F(c);
+  return /* @__PURE__ */ e.jsxs(O, { error: l, label: a, required: j, children: [
     /* @__PURE__ */ e.jsx(n, { spacing: 2, mt: "0.5rem", children: /* @__PURE__ */ e.jsxs(
       u,
       {
@@ -97,7 +95,7 @@ const l0 = ({
           /* @__PURE__ */ e.jsx("input", { ...b() }),
           /* @__PURE__ */ e.jsxs(n, { direction: "row", spacing: 2, sx: { alignItems: "center" }, children: [
             /* @__PURE__ */ e.jsx(
-              z,
+              E,
               {
                 sx: {
                   "--Avatar-size": "64px",
@@ -115,7 +113,7 @@ const l0 = ({
                 " ",
                 "or drag and drop your files here"
               ] }),
-              a ? /* @__PURE__ */ e.jsx(i, { color: "text.secondary", variant: "body2", children: a }) : null
+              r ? /* @__PURE__ */ e.jsx(i, { color: "text.secondary", variant: "body2", children: r }) : null
             ] })
           ] })
         ]
@@ -143,13 +141,13 @@ const l0 = ({
                 /* @__PURE__ */ e.jsx(i, { variant: "subtitle2", children: o.name }),
                 /* @__PURE__ */ e.jsx(i, { color: "text.secondary", variant: "body2", children: C(o.size) })
               ] }),
-              /* @__PURE__ */ e.jsx(E, { title: "Remove", children: /* @__PURE__ */ e.jsx(
-                w,
+              /* @__PURE__ */ e.jsx(w, { title: "Remove", children: /* @__PURE__ */ e.jsx(
+                M,
                 {
                   onClick: () => {
                     s == null || s(o);
                   },
-                  children: /* @__PURE__ */ e.jsx(Z, {})
+                  children: /* @__PURE__ */ e.jsx(z, {})
                 }
               ) })
             ]
@@ -157,10 +155,10 @@ const l0 = ({
           o.size
         );
       }) }),
-      /* @__PURE__ */ e.jsx(n, { direction: "row", spacing: 2, sx: { alignItems: "center", justifyContent: "flex-end" }, children: v && /* @__PURE__ */ e.jsx(F, { onClick: g, size: "small", type: "button", variant: "text", children: "Remove all" }) })
+      /* @__PURE__ */ e.jsx(n, { direction: "row", spacing: 2, sx: { alignItems: "center", justifyContent: "flex-end" }, children: v && /* @__PURE__ */ e.jsx(Z, { onClick: g, size: "small", type: "button", variant: "text", children: "Remove all" }) })
     ] }) : null
   ] });
 };
 export {
-  l0 as default
+  a0 as default
 };

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

@@ -1,5 +1,5 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import { B as i } from "../Box-DyPisl7H.js";
+import { B as i } from "../Box-BAmUWsQI.js";
 const o = {
   jpeg: "/assets/icon-jpg.svg",
   jpg: "/assets/icon-jpg.svg",