@solostylist/ui-kit 1.0.25 → 1.0.26

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

@@ -1,16 +1,16 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
 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 V } from "../SSRBase-BSdFRe_j.js";
-import { S as z } from "../X-B8GTZwii.js";
-import { useDropzone as F } from "react-dropzone";
+import t, { forwardRef as V } from "react";
+import { E as S } from "../SSRBase-BSdFRe_j.js";
+import { S as F } from "../X-B8GTZwii.js";
+import { useDropzone as O } 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 C from "../s-form/s-form.js";
+import { bytesToSize as H } from "../utils/bytes-to-size.js";
 import { S as n } from "../Stack-CyNMyetl.js";
-import { B as u } from "../Box-CafvePOg.js";
-import { T as i } from "../Typography-BXLku1B0.js";
-const H = /* @__PURE__ */ new Map([
+import { B as x } from "../Box-CafvePOg.js";
+import { T as s } from "../Typography-BXLku1B0.js";
+const P = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M196.49,151.51a12,12,0,0,1-17,17L168,157v51a12,12,0,0,1-24,0V157l-11.51,11.52a12,12,0,1,1-17-17l32-32a12,12,0,0,1,17,0ZM160,36A92.08,92.08,0,0,0,79,84.37,68,68,0,1,0,72,220h28a12,12,0,0,0,0-24H72a44,44,0,0,1-1.81-87.95A91.7,91.7,0,0,0,68,128a12,12,0,0,0,24,0,68,68,0,1,1,132.6,21.29,12,12,0,1,0,22.8,7.51A92.06,92.06,0,0,0,160,36Z" }))
@@ -42,15 +42,15 @@ 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 = (r, a, l) => a in r ? P(r, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : r[a] = l, R = (r, a) => {
+var z = Object.defineProperty, k = Object.defineProperties, D = Object.getOwnPropertyDescriptors, h = Object.getOwnPropertySymbols, B = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, u = (r, a, l) => a in r ? z(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(a))
-      L.call(a, l) && h(r, l, a[l]);
+    B.call(a, l) && u(r, l, a[l]);
+  if (h)
+    for (var l of h(a))
+      L.call(a, l) && u(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 })));
+const f = V((r, a) => /* @__PURE__ */ t.createElement(S, T(R({ ref: a }, r), { weights: P })));
 f.displayName = "CloudArrowUp";
 const a0 = ({
   caption: r,
@@ -58,21 +58,21 @@ const a0 = ({
   error: l,
   onRemoveAll: g,
   onUpload: U,
-  onRemove: s,
+  onRemove: i,
   required: j = !1,
   disabledUpload: _ = !1,
-  isShowBtnRemoveAll: v = !1,
+  isShowBtnRemoveAll: b = !1,
   ...c
 }) => {
-  var m, d;
-  const { getRootProps: A, getInputProps: b, isDragActive: p } = F(c);
-  return /* @__PURE__ */ e.jsxs(O, { error: l, label: a, required: j, children: [
+  var d, m;
+  const { getRootProps: A, getInputProps: v, isDragActive: p } = O(c);
+  return /* @__PURE__ */ e.jsxs(C, { error: l, label: a, required: j, children: [
     /* @__PURE__ */ e.jsx(n, { spacing: 2, mt: "0.5rem", children: /* @__PURE__ */ e.jsxs(
-      u,
+      x,
       {
         sx: {
           alignItems: "center",
-          border: "1px dashed var(--mui-palette-divider)",
+          border: "1px dashed var(--s-palette-divider)",
           borderRadius: 1,
           cursor: "pointer",
           display: "flex",
@@ -81,46 +81,44 @@ const a0 = ({
           outline: "none",
           p: 6,
           ...p && {
-            bgcolor: "var(--mui-palette-action-selected)",
+            bgcolor: "var(--s-palette-action-selected)",
             opacity: 0.5
           },
           "&:hover": {
             ...!p && {
-              bgcolor: "var(--mui-palette-action-hover)"
+              bgcolor: "var(--s-palette-action-hover)"
             }
           }
         },
         ...A(),
         children: [
-          /* @__PURE__ */ e.jsx("input", { ...b() }),
+          /* @__PURE__ */ e.jsx("input", { ...v() }),
           /* @__PURE__ */ e.jsxs(n, { direction: "row", spacing: 2, sx: { alignItems: "center" }, children: [
             /* @__PURE__ */ e.jsx(
               E,
               {
                 sx: {
-                  "--Avatar-size": "64px",
-                  "--Icon-fontSize": "var(--icon-fontSize-lg)",
-                  bgcolor: "var(--mui-palette-background-paper)",
-                  boxShadow: "var(--mui-shadows-8)",
-                  color: "var(--mui-palette-text-primary)"
+                  bgcolor: "var(--s-palette-background-paper)",
+                  boxShadow: "var(--s-shadows-8)",
+                  color: "var(--s-palette-text-primary)"
                 },
                 children: /* @__PURE__ */ e.jsx(f, {})
               }
             ),
             /* @__PURE__ */ e.jsxs(n, { spacing: 1, children: [
-              /* @__PURE__ */ e.jsxs(i, { variant: "h6", children: [
-                /* @__PURE__ */ e.jsx(i, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
+              /* @__PURE__ */ e.jsxs(s, { variant: "h6", children: [
+                /* @__PURE__ */ e.jsx(s, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
                 " ",
                 "or drag and drop your files here"
               ] }),
-              r ? /* @__PURE__ */ e.jsx(i, { color: "text.secondary", variant: "body2", children: r }) : null
+              r ? /* @__PURE__ */ e.jsx(s, { color: "text.secondary", variant: "body2", children: r }) : null
             ] })
           ] })
         ]
       }
     ) }),
-    (m = c.files) != null && m.length ? /* @__PURE__ */ e.jsxs(n, { mt: 2, spacing: 2, children: [
-      /* @__PURE__ */ e.jsx(n, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (d = c.files) == null ? void 0 : d.map((o) => {
+    (d = c.files) != null && d.length ? /* @__PURE__ */ e.jsxs(n, { mt: 2, spacing: 2, children: [
+      /* @__PURE__ */ e.jsx(n, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (m = c.files) == null ? void 0 : m.map((o) => {
         const y = o.name.split(".").pop();
         return /* @__PURE__ */ e.jsxs(
           n,
@@ -130,24 +128,24 @@ const a0 = ({
             spacing: 2,
             sx: {
               alignItems: "center",
-              border: "1px solid var(--mui-palette-divider)",
+              border: "1px solid var(--s-palette-divider)",
               borderRadius: 1,
               flex: "1 1 auto",
               p: 1
             },
             children: [
               /* @__PURE__ */ e.jsx(I, { extension: y }),
-              /* @__PURE__ */ e.jsxs(u, { sx: { flex: "1 1 auto" }, children: [
-                /* @__PURE__ */ e.jsx(i, { variant: "subtitle2", children: o.name }),
-                /* @__PURE__ */ e.jsx(i, { color: "text.secondary", variant: "body2", children: C(o.size) })
+              /* @__PURE__ */ e.jsxs(x, { sx: { flex: "1 1 auto" }, children: [
+                /* @__PURE__ */ e.jsx(s, { variant: "subtitle2", children: o.name }),
+                /* @__PURE__ */ e.jsx(s, { color: "text.secondary", variant: "body2", children: H(o.size) })
               ] }),
               /* @__PURE__ */ e.jsx(w, { title: "Remove", children: /* @__PURE__ */ e.jsx(
                 M,
                 {
                   onClick: () => {
-                    s == null || s(o);
+                    i == null || i(o);
                   },
-                  children: /* @__PURE__ */ e.jsx(z, {})
+                  children: /* @__PURE__ */ e.jsx(F, {})
                 }
               ) })
             ]
@@ -155,7 +153,7 @@ const a0 = ({
           o.size
         );
       }) }),
-      /* @__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" }) })
+      /* @__PURE__ */ e.jsx(n, { direction: "row", spacing: 2, sx: { alignItems: "center", justifyContent: "flex-end" }, children: b && /* @__PURE__ */ e.jsx(Z, { onClick: g, size: "small", type: "button", variant: "text", children: "Remove all" }) })
     ] }) : null
   ] });
 };

package/dist/s-form/s-form.js

@@ -1,16 +1,16 @@
-import { j as l } from "../jsx-runtime-C5mzlN2N.js";
-import { FormControl as c, FormLabel as m, Tooltip as p, FormHelperText as i } from "@mui/material";
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import { FormControl as m, FormLabel as c, Tooltip as i, FormHelperText as p } from "@mui/material";
 import { c as x } from "../createSvgIcon-C9keHw6o.js";
-const a = x(/* @__PURE__ */ l.jsx("path", {
+const a = x(/* @__PURE__ */ e.jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 17h-2v-2h2zm2.07-7.75-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25"
-}), "Help"), u = ({ label: t, hint: s, error: e, required: o, children: r, htmlFor: n }) => /* @__PURE__ */ l.jsxs(c, { error: !!e, fullWidth: !0, children: [
-  t ? /* @__PURE__ */ l.jsxs(m, { htmlFor: n, required: o, sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+}), "Help"), u = ({ label: t, hint: s, error: l, required: o, children: r, htmlFor: n }) => /* @__PURE__ */ e.jsxs(m, { error: !!l, fullWidth: !0, children: [
+  t ? /* @__PURE__ */ e.jsxs(c, { htmlFor: n, required: o, sx: { display: "flex", alignItems: "center" }, children: [
     t,
     " ",
-    s ? /* @__PURE__ */ l.jsx(p, { title: s, placement: "top", children: /* @__PURE__ */ l.jsx(a, { style: { width: 16 } }) }) : null
+    s ? /* @__PURE__ */ e.jsx(i, { title: s, placement: "top", sx: { marginLeft: 0.5 }, children: /* @__PURE__ */ e.jsx(a, { style: { width: 16 } }) }) : null
   ] }) : null,
   r,
-  e ? /* @__PURE__ */ l.jsx(i, { children: e }) : null
+  l ? /* @__PURE__ */ e.jsx(p, { children: l }) : null
 ] });
 export {
   u as default

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

@@ -1,12 +1,12 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import { Stack as i, Tooltip as s } from "@mui/material";
+import { Stack as i, Tooltip as r } from "@mui/material";
 import { c } from "../createSvgIcon-C9keHw6o.js";
-const m = c(/* @__PURE__ */ e.jsx("path", {
+const a = c(/* @__PURE__ */ e.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"
-}), "HelpOutline"), d = ({ label: l, content: n, children: o, hint: t, sx: r }) => /* @__PURE__ */ e.jsxs(i, { width: "100%", sx: r, children: [
+}), "HelpOutline"), d = ({ label: l, content: s, children: n, hint: t, sx: o }) => /* @__PURE__ */ e.jsxs(i, { width: "100%", sx: o, children: [
   /* @__PURE__ */ e.jsxs(i, { direction: "row", gap: 1, alignItems: "center", children: [
     /* @__PURE__ */ e.jsx("div", { style: { fontSize: "1rem", fontWeight: 500, lineHeight: 1.57 }, children: l }),
-    t ? /* @__PURE__ */ e.jsx(s, { title: t, placement: "top", children: /* @__PURE__ */ e.jsx(m, { fontSize: "small" }) }) : null
+    t ? /* @__PURE__ */ e.jsx(r, { title: t, placement: "top", children: /* @__PURE__ */ e.jsx(a, { fontSize: "small" }) }) : null
   ] }),
   /* @__PURE__ */ e.jsx(
     "div",
@@ -15,12 +15,12 @@ const m = c(/* @__PURE__ */ e.jsx("path", {
         fontSize: "0.875rem",
         fontWeight: 400,
         lineHeight: 1.57,
-        color: "var(--mui-palette-text-secondary)"
+        color: "var(--s-palette-text-secondary)"
       },
-      children: n
+      children: s
     }
   ),
-  o
+  n
 ] });
 export {
   d as default

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

@@ -1,8 +1,8 @@
 import { j as u } from "../jsx-runtime-C5mzlN2N.js";
-import { forwardRef as m, useState as b, useEffect as V } from "react";
+import { forwardRef as b, useState as m, useEffect as V } from "react";
 import { Select as E, MenuItem as O } from "@mui/material";
 import R from "../s-form/s-form.js";
-const M = m(
+const M = b(
   ({
     options: t = [],
     optionLabel: c = "name",
@@ -16,7 +16,7 @@ const M = m(
     htmlFor: o,
     ...n
   }, j) => {
-    const [p, S] = b(n.value ?? null);
+    const [p, S] = m(n.value ?? null);
     V(() => {
       S(n.value ?? null);
     }, [n.value]);
@@ -31,14 +31,14 @@ const M = m(
         ref: j,
         renderValue: n.multiple ? (e) => {
           const r = e;
-          return r.length === 0 ? /* @__PURE__ */ u.jsx("span", { style: { color: "var(--mui-palette-text-secondary)" }, children: d }) : r.map((f) => {
+          return r.length === 0 ? /* @__PURE__ */ u.jsx("span", { style: { color: "var(--s-palette-text-secondary)" }, children: d }) : r.map((f) => {
             const s = t.find((h) => l(h) === l(f));
             return s ? a(s) : "";
           }).filter(Boolean).join(", ");
         } : (e) => {
           const r = e;
           if (r == null || r === "")
-            return /* @__PURE__ */ u.jsx("span", { style: { color: "var(--mui-palette-text-secondary)" }, children: d });
+            return /* @__PURE__ */ u.jsx("span", { style: { color: "var(--s-palette-text-secondary)" }, children: d });
           if (g)
             return a(r);
           const f = t.find((s) => l(s) === l(r));

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -4633,7 +4633,7 @@ const ya = ({ editor: e }) => {
         className: "tiptap-toolbar",
         spacing: 1,
         sx: {
-          borderBottom: "1px solid var(--mui-palette-divider)",
+          borderBottom: "1px solid var(--s-palette-divider)",
           p: "8px",
           minHeight: "57px"
         },

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

@@ -3,9 +3,9 @@ import * as p from "react";
 import { Link as n } from "@tiptap/extension-link";
 import { Placeholder as m } from "@tiptap/extension-placeholder";
 import { useEditor as c, EditorContent as f } from "@tiptap/react";
-import { StarterKit as u } from "@tiptap/starter-kit";
-import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
-import { B as d } from "../Box-CafvePOg.js";
+import { StarterKit as x } from "@tiptap/starter-kit";
+import { STextEditorToolbar as d } from "./s-text-editor-toolbar.js";
+import { B as u } from "../Box-CafvePOg.js";
 const S = ({
   content: o,
   editable: r = !0,
@@ -15,7 +15,7 @@ const S = ({
   placeholder: a
 }) => {
   const l = [
-    u,
+    x,
     m.configure({ emptyEditorClass: "is-editor-empty", placeholder: a }),
     n.configure({ openOnClick: !1, autolink: !0 })
   ], e = c({
@@ -30,16 +30,16 @@ const S = ({
   return p.useEffect(() => {
     e == null || e.commands.setContent(o, !1, { preserveWhitespace: "full" });
   }, [o]), /* @__PURE__ */ t.jsxs(
-    d,
+    u,
     {
       className: "tiptap-root",
       sx: {
         display: "flex",
         flexDirection: "column",
         ...r && {
-          border: "1px solid var(--mui-palette-divider)",
+          border: "1px solid var(--s-palette-divider)",
           borderRadius: 1,
-          boxShadow: "var(--mui-shadows-1)"
+          boxShadow: "var(--s-shadows-1)"
         },
         "& .tiptap-container": {
           display: "flex",
@@ -49,7 +49,7 @@ const S = ({
           height: "12rem"
         },
         "& .tiptap": {
-          color: "var(--mui-palette-text-primary)",
+          color: "var(--s-palette-text-primary)",
           flex: "1 1 auto",
           overflow: "auto",
           fontSize: "0.875rem",
@@ -60,7 +60,7 @@ const S = ({
             "& table": { cursor: "col-resize" }
           },
           "& .is-editor-empty:before": {
-            color: "var(--mui-palette-text-secondary)",
+            color: "var(--s-palette-text-secondary)",
             content: "attr(data-placeholder)",
             float: "left",
             height: 0,
@@ -69,7 +69,7 @@ const S = ({
         }
       },
       children: [
-        i ? /* @__PURE__ */ t.jsx("div", {}) : /* @__PURE__ */ t.jsx(x, { editor: e }),
+        i ? /* @__PURE__ */ t.jsx("div", {}) : /* @__PURE__ */ t.jsx(d, { editor: e }),
         /* @__PURE__ */ t.jsx(f, { className: "tiptap-container", editor: e })
       ]
     }

package/package.json

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