@solostylist/ui-kit 1.0.27 → 1.0.29

package/dist/{identifier-C1jBtHV2.js → identifier-CdaB--DW.js}

@@ -1,19 +1,6 @@
 import a from "@emotion/styled";
 import { s as u } from "./emotion-serialize.esm-lgBmL_7o.js";
 import "@emotion/react";
-function i(e) {
-  var t, o, r = "";
-  if (typeof e == "string" || typeof e == "number") r += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (t = 0; t < s; t++) e[t] && (o = i(e[t])) && (r && (r += " "), r += o);
-  } else for (o in e) e[o] && (r && (r += " "), r += o);
-  return r;
-}
-function c() {
-  for (var e, t, o = 0, r = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (t = i(e)) && (r && (r += " "), r += t);
-  return r;
-}
 /**
  * @mui/styled-engine v7.0.2
  *
@@ -21,7 +8,7 @@ function c() {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function p(e, t) {
+function c(e, t) {
   const o = a(e, t);
   return process.env.NODE_ENV !== "production" ? (...r) => {
     const s = typeof e == "string" ? `"${e}"` : "component";
@@ -29,18 +16,31 @@ function p(e, t) {
 `)) : r.some((l) => l === void 0) && console.error(`MUI: the styled(${s})(...args) API requires all its args to be defined.`), o(...r);
   } : o;
 }
-function d(e, t) {
+function p(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
 const n = [];
-function _(e) {
+function d(e) {
   return n[0] = e, u(n);
 }
+function i(e) {
+  var t, o, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (o = i(e[t])) && (r && (r += " "), r += o);
+  } else for (o in e) e[o] && (r && (r += " "), r += o);
+  return r;
+}
+function _() {
+  for (var e, t, o = 0, r = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (t = i(e)) && (r && (r += " "), r += t);
+  return r;
+}
 const g = "$$material";
 export {
   g as T,
-  d as a,
-  c,
-  _ as i,
-  p as s
+  p as a,
+  _ as c,
+  d as i,
+  c as s
 };

package/dist/{index-Bg8Tniaw.js → index-NeW0SZ-C.js}

@@ -1,10 +1,10 @@
 import "react";
 import { j as p } from "./jsx-runtime-C5mzlN2N.js";
-import { e as f } from "./extendSxProp-DOBfSUxL.js";
-import { P as e } from "./createTheme-DwCHEbMU.js";
-import { d as a } from "./DefaultPropsProvider-Doz-fKTH.js";
-import { T as c } from "./identifier-C1jBtHV2.js";
-import { u as m } from "./useTheme-Cfg4NSRM.js";
+import { e as f } from "./extendSxProp-KlKrlfYx.js";
+import { P as e } from "./createTheme-DgQJeYRt.js";
+import { d as a } from "./memoTheme-1tTQAxpP.js";
+import { T as c } from "./identifier-CdaB--DW.js";
+import { u as m } from "./useTheme-COYkWUCG.js";
 import { Global as y } from "@emotion/react";
 function d(o) {
   return o == null || Object.keys(o).length === 0;

package/dist/{DefaultPropsProvider-Doz-fKTH.js → memoTheme-1tTQAxpP.js}

@@ -1,20 +1,7 @@
-import { l as V, e as Q, s as D, i as U, c as X, P as O, b as Y } from "./createTheme-DwCHEbMU.js";
-import { i as j, a as Z, s as ee, T as te } from "./identifier-C1jBtHV2.js";
+import { l as V, e as Q, s as D, i as U, c as X, P as O, b as Y } from "./createTheme-DgQJeYRt.js";
+import { i as j, a as Z, s as ee, T as te } from "./identifier-CdaB--DW.js";
 import * as I from "react";
 import "./jsx-runtime-C5mzlN2N.js";
-function Ne(e, n, t = void 0) {
-  const o = {};
-  for (const r in e) {
-    const s = e[r];
-    let u = "", i = !0;
-    for (let d = 0; d < s.length; d += 1) {
-      const a = s[d];
-      a && (u += (i === !0 ? "" : " ") + n(a), i = !1, t && t[a] && (u += " " + t[a]));
-    }
-    o[r] = u;
-  }
-  return o;
-}
 function M(e, n = "") {
   return e.displayName || e.name || n;
 }
@@ -264,6 +251,19 @@ function he(e) {
     return (s === void 0 || r.theme !== t) && (z.theme = r.theme, s = H(e(z)), n = s, t = r.theme), s;
   };
 }
+function Ne(e, n, t = void 0) {
+  const o = {};
+  for (const r in e) {
+    const s = e[r];
+    let u = "", i = !0;
+    for (let d = 0; d < s.length; d += 1) {
+      const a = s[d];
+      a && (u += (i === !0 ? "" : " ") + n(a), i = !1, t && t[a] && (u += " " + t[a]));
+    }
+    o[r] = u;
+  }
+  return o;
+}
 const ye = Y();
 function pe(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
@@ -272,19 +272,20 @@ const Se = (e) => pe(e) && e !== "classes", Te = ie({
   themeId: te,
   defaultTheme: ye,
   rootShouldForwardProp: Se
-}), Oe = he;
+});
 process.env.NODE_ENV !== "production" && (O.node, O.object.isRequired);
-function xe(e) {
+function Oe(e) {
   return me(e);
 }
+const xe = he;
 export {
   ie as a,
   g as b,
   Ne as c,
   ye as d,
   pe as e,
-  Oe as m,
+  xe as m,
   Se as r,
   Te as s,
-  xe as u
+  Oe as u
 };

package/dist/{menuItemClasses-BuWSZEU7.js → menuItemClasses-DtZ7DoOq.js}

@@ -1,5 +1,5 @@
-import { g as e } from "./generateUtilityClasses-BHlV34bM.js";
-import { g as i } from "./createTheme-DwCHEbMU.js";
+import { g as e } from "./generateUtilityClasses-C-O1qWa9.js";
+import { g as i } from "./createTheme-DgQJeYRt.js";
 const r = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
 function a(t) {
   return i("MuiMenuItem", t);

package/dist/{outlinedInputClasses-BiB8MrLY.js → outlinedInputClasses-Dh9m5x_6.js}

@@ -1,5 +1,5 @@
-import { g as n } from "./generateUtilityClasses-BHlV34bM.js";
-import { g as e } from "./createTheme-DwCHEbMU.js";
+import { g as n } from "./generateUtilityClasses-C-O1qWa9.js";
+import { g as e } from "./createTheme-DgQJeYRt.js";
 function l(t) {
   return e("MuiInputBase", t);
 }

package/dist/s-data-table/s-data-table.js

@@ -1,13 +1,13 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
 import * as y from "react";
 import Ce from "../s-empty/s-empty.js";
-import { g as N, c as j, P as e, a as M, n as Te, o as ke } from "../createTheme-DwCHEbMU.js";
-import { c as I } from "../identifier-C1jBtHV2.js";
-import { s as S, c as $, r as se, u as E, m as W } from "../DefaultPropsProvider-Doz-fKTH.js";
-import { g as B } from "../generateUtilityClasses-BHlV34bM.js";
-import { u as je, a as Re } from "../useFormControl-D6-HePVL.js";
-import { a as A, B as Oe, r as we, m as Pe } from "../useSlot-CUlGPdMt.js";
-import { c as J } from "../createSvgIcon-C9keHw6o.js";
+import { g as N, c as j, P as e, a as M, n as Te, o as ke } from "../createTheme-DgQJeYRt.js";
+import { c as I } from "../identifier-CdaB--DW.js";
+import { s as S, c as $, r as se, u as E, m as W } from "../memoTheme-1tTQAxpP.js";
+import { g as B } from "../generateUtilityClasses-C-O1qWa9.js";
+import { u as je, a as Re } from "../useControlled-Bvu9pDu8.js";
+import { a as A, B as Oe, r as we, m as Pe } from "../useSlot-D9YvaBTd.js";
+import { c as J } from "../createSvgIcon-DK6yVt3w.js";
 import { c as Y } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
 function Se(o) {
   return N("PrivateSwitchBase", o);

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

@@ -1,6 +1,6 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
 import { Dialog as j, DialogTitle as h, Stack as p, Typography as t, IconButton as f, DialogContent as m, DialogActions as g } from "@mui/material";
-import { S as u } from "../X-B8GTZwii.js";
+import { IconX as u } from "@tabler/icons-react";
 const w = ({
   title: i,
   content: s,

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

@@ -1,9 +1,9 @@
 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, Button as d } from "@mui/material";
-import { S as b } from "../X-B8GTZwii.js";
+import { IconX as b } from "@tabler/icons-react";
 import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as m } from "../Typography-BXLku1B0.js";
+import { T as m } from "../Typography-DlhXzj-D.js";
 const w = ({
   title: o,
   content: e,
@@ -25,7 +25,7 @@ const w = ({
     /* @__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), I = ({ children: o }) => {
+] }), f = r.createContext(null), E = ({ children: o }) => {
   const e = k(), [s, i] = r.useState(!1), [t, a] = r.useState({
     title: "",
     content: "",
@@ -67,7 +67,7 @@ const w = ({
   return o;
 };
 export {
-  I as DialogConfirmProvider,
+  E as DialogConfirmProvider,
   w as default,
   O as useDialogConfirm
 };

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

@@ -1,28 +1,28 @@
 import { j as o } from "../jsx-runtime-C5mzlN2N.js";
 import * as s from "react";
 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 { IconX as D } from "@tabler/icons-react";
 import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as c } from "../Typography-BXLku1B0.js";
+import { T as c } from "../Typography-DlhXzj-D.js";
 const v = ({
-  title: n,
+  title: t,
   content: e,
-  onClose: t = () => {
+  onClose: n = () => {
   },
   onOk: r = () => {
   },
   open: i = !1,
   maxWidth: l = "sm",
   showClose: a = !0
-}) => /* @__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, {}) })
+}) => /* @__PURE__ */ o.jsxs(u, { fullWidth: !0, maxWidth: l, onClose: n, open: i, children: [
+  t && /* @__PURE__ */ o.jsx(p, { children: /* @__PURE__ */ o.jsxs(g, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+    typeof t == "string" ? /* @__PURE__ */ o.jsx(c, { variant: "h5", textTransform: "capitalize", children: t }) : /* @__PURE__ */ o.jsx("div", { children: t }),
+    a && /* @__PURE__ */ o.jsx(m, { onClick: n, children: /* @__PURE__ */ o.jsx(D, {}) })
   ] }) }),
   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({
+] }), d = s.createContext(null), I = ({ children: t }) => {
+  const e = k(), [n, r] = s.useState({
     title: "",
     content: "",
     onOk: e.handleClose
@@ -42,22 +42,22 @@ const v = ({
       v,
       {
         open: e.open,
-        title: t == null ? void 0 : t.title,
-        content: t == null ? void 0 : t.content,
+        title: n == null ? void 0 : n.title,
+        content: n == null ? void 0 : n.content,
         onClose: e.handleClose,
-        onOk: t == null ? void 0 : t.onOk
+        onOk: n == null ? void 0 : n.onOk
       }
     ),
-    n
+    t
   ] });
 }, M = () => {
-  const n = s.useContext(d);
-  if (!n)
+  const t = s.useContext(d);
+  if (!t)
     throw new Error("useDialogMessage must be used within a DialogMessageProvider");
-  return n;
+  return t;
 };
 export {
-  T as DialogMessageProvider,
+  I as DialogMessageProvider,
   v as default,
   M as useDialogMessage
 };

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

@@ -1,74 +1,30 @@
 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 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 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 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" }))
-  ],
-  [
-    "duotone",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
-      "path",
-      {
-        d: "M240,128a80,80,0,0,1-80,80H72A56,56,0,1,1,85.92,97.74l0,.1A80,80,0,0,1,240,128Z",
-        opacity: "0.2"
-      }
-    ), /* @__PURE__ */ t.createElement("path", { d: "M178.34,165.66,160,147.31V208a8,8,0,0,1-16,0V147.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0l32,32a8,8,0,0,1-11.32,11.32ZM160,40A88.08,88.08,0,0,0,81.29,88.68,64,64,0,1,0,72,216h40a8,8,0,0,0,0-16H72a48,48,0,0,1,0-96c1.1,0,2.2,0,3.29.12A88,88,0,0,0,72,128a8,8,0,0,0,16,0,72,72,0,1,1,100.8,66,8,8,0,0,0,3.2,15.34,7.9,7.9,0,0,0,3.2-.68A88,88,0,0,0,160,40Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M247.93,124.52C246.11,77.54,207.07,40,160.06,40A88.1,88.1,0,0,0,81.29,88.67h0A87.48,87.48,0,0,0,72,127.73,8.18,8.18,0,0,1,64.57,136,8,8,0,0,1,56,128a103.66,103.66,0,0,1,5.34-32.92,4,4,0,0,0-4.75-5.18A64.09,64.09,0,0,0,8,152c0,35.19,29.75,64,65,64H160A88.09,88.09,0,0,0,247.93,124.52Zm-50.27,9.14a8,8,0,0,1-11.32,0L168,115.31V176a8,8,0,0,1-16,0V115.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0l32,32A8,8,0,0,1,197.66,133.66Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M188.24,164.24a6,6,0,0,1-8.48,0L158,142.49V208a6,6,0,0,1-12,0V142.49l-21.76,21.75a6,6,0,0,1-8.48-8.48l32-32a6,6,0,0,1,8.48,0l32,32A6,6,0,0,1,188.24,164.24ZM160,42A86.1,86.1,0,0,0,82.43,90.88,62,62,0,1,0,72,214h40a6,6,0,0,0,0-12H72a50,50,0,0,1,0-100,50.68,50.68,0,0,1,5.91.36A85.54,85.54,0,0,0,74,128a6,6,0,0,0,12,0,74,74,0,1,1,103.6,67.85,6,6,0,0,0,4.8,11A86,86,0,0,0,160,42Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M178.34,165.66,160,147.31V208a8,8,0,0,1-16,0V147.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0l32,32a8,8,0,0,1-11.32,11.32ZM160,40A88.08,88.08,0,0,0,81.29,88.68,64,64,0,1,0,72,216h40a8,8,0,0,0,0-16H72a48,48,0,0,1,0-96c1.1,0,2.2,0,3.29.12A88,88,0,0,0,72,128a8,8,0,0,0,16,0,72,72,0,1,1,100.8,66,8,8,0,0,0,3.2,15.34,7.9,7.9,0,0,0,3.2-.68A88,88,0,0,0,160,40Z" }))
-  ],
-  [
-    "thin",
-    /* @__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 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) && 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 = V((r, a) => /* @__PURE__ */ t.createElement(S, T(R({ ref: a }, r), { weights: P })));
-f.displayName = "CloudArrowUp";
-const a0 = ({
-  caption: r,
-  label: a = "",
-  error: l,
-  onRemoveAll: g,
-  onUpload: U,
-  onRemove: i,
-  required: j = !1,
-  disabledUpload: _ = !1,
-  isShowBtnRemoveAll: b = !1,
-  ...c
+import { Avatar as v, Tooltip as b, IconButton as y, Button as I } from "@mui/material";
+import { IconCloudUp as S, IconX as w } from "@tabler/icons-react";
+import { useDropzone as z } from "react-dropzone";
+import C from "../s-file-icon/s-file-icon.js";
+import k from "../s-form/s-form.js";
+import { bytesToSize as B } from "../utils/bytes-to-size.js";
+import { S as r } from "../Stack-uu0uVXox.js";
+import { B as d } from "../Box-Cu0PvgiL.js";
+import { T as o } from "../Typography-DlhXzj-D.js";
+const H = ({
+  caption: i,
+  label: p = "",
+  error: x,
+  onRemoveAll: m,
+  onUpload: D,
+  onRemove: s,
+  required: h = !1,
+  disabledUpload: T = !1,
+  isShowBtnRemoveAll: j = !1,
+  ...n
 }) => {
-  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(
-      x,
+  var l, c;
+  const { getRootProps: u, getInputProps: g, isDragActive: a } = z(n);
+  return /* @__PURE__ */ e.jsxs(k, { error: x, label: p, required: h, children: [
+    /* @__PURE__ */ e.jsx(r, { spacing: 2, mt: "0.5rem", children: /* @__PURE__ */ e.jsxs(
+      d,
       {
         sx: {
           alignItems: "center",
@@ -80,48 +36,48 @@ const a0 = ({
           justifyContent: "center",
           outline: "none",
           p: 6,
-          ...p && {
+          ...a && {
             bgcolor: "var(--s-palette-action-selected)",
             opacity: 0.5
           },
           "&:hover": {
-            ...!p && {
+            ...!a && {
               bgcolor: "var(--s-palette-action-hover)"
             }
           }
         },
-        ...A(),
+        ...u(),
         children: [
-          /* @__PURE__ */ e.jsx("input", { ...v() }),
-          /* @__PURE__ */ e.jsxs(n, { direction: "row", spacing: 2, sx: { alignItems: "center" }, children: [
+          /* @__PURE__ */ e.jsx("input", { ...g() }),
+          /* @__PURE__ */ e.jsxs(r, { direction: "row", spacing: 2, sx: { alignItems: "center" }, children: [
             /* @__PURE__ */ e.jsx(
-              E,
+              v,
               {
                 sx: {
                   bgcolor: "var(--s-palette-background-paper)",
                   boxShadow: "var(--s-shadows-8)",
                   color: "var(--s-palette-text-primary)"
                 },
-                children: /* @__PURE__ */ e.jsx(f, {})
+                children: /* @__PURE__ */ e.jsx(S, {})
               }
             ),
-            /* @__PURE__ */ e.jsxs(n, { spacing: 1, children: [
-              /* @__PURE__ */ e.jsxs(s, { variant: "h6", children: [
-                /* @__PURE__ */ e.jsx(s, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
+            /* @__PURE__ */ e.jsxs(r, { spacing: 1, children: [
+              /* @__PURE__ */ e.jsxs(o, { variant: "h6", children: [
+                /* @__PURE__ */ e.jsx(o, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
                 " ",
                 "or drag and drop your files here"
               ] }),
-              r ? /* @__PURE__ */ e.jsx(s, { color: "text.secondary", variant: "body2", children: r }) : null
+              i ? /* @__PURE__ */ e.jsx(o, { color: "text.secondary", variant: "body2", children: i }) : null
             ] })
           ] })
         ]
       }
     ) }),
-    (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();
+    (l = n.files) != null && l.length ? /* @__PURE__ */ e.jsxs(r, { mt: 2, spacing: 2, children: [
+      /* @__PURE__ */ e.jsx(r, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (c = n.files) == null ? void 0 : c.map((t) => {
+        const f = t.name.split(".").pop();
         return /* @__PURE__ */ e.jsxs(
-          n,
+          r,
           {
             component: "li",
             direction: "row",
@@ -134,29 +90,29 @@ const a0 = ({
               p: 1
             },
             children: [
-              /* @__PURE__ */ e.jsx(I, { extension: y }),
-              /* @__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(C, { extension: f }),
+              /* @__PURE__ */ e.jsxs(d, { sx: { flex: "1 1 auto" }, children: [
+                /* @__PURE__ */ e.jsx(o, { variant: "subtitle2", children: t.name }),
+                /* @__PURE__ */ e.jsx(o, { color: "text.secondary", variant: "body2", children: B(t.size) })
               ] }),
-              /* @__PURE__ */ e.jsx(w, { title: "Remove", children: /* @__PURE__ */ e.jsx(
-                M,
+              /* @__PURE__ */ e.jsx(b, { title: "Remove", children: /* @__PURE__ */ e.jsx(
+                y,
                 {
                   onClick: () => {
-                    i == null || i(o);
+                    s == null || s(t);
                   },
-                  children: /* @__PURE__ */ e.jsx(F, {})
+                  children: /* @__PURE__ */ e.jsx(w, {})
                 }
               ) })
             ]
           },
-          o.size
+          t.size
         );
       }) }),
-      /* @__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" }) })
+      /* @__PURE__ */ e.jsx(r, { direction: "row", spacing: 2, sx: { alignItems: "center", justifyContent: "flex-end" }, children: j && /* @__PURE__ */ e.jsx(I, { onClick: m, size: "small", type: "button", variant: "text", children: "Remove all" }) })
     ] }) : null
   ] });
 };
 export {
-  a0 as default
+  H 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-CafvePOg.js";
+import { B as i } from "../Box-Cu0PvgiL.js";
 const o = {
   jpeg: "/assets/icon-jpg.svg",
   jpg: "/assets/icon-jpg.svg",

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

@@ -1,17 +1,15 @@
 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__ */ 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: 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: [
+import { FormControl as i, FormLabel as m, Tooltip as p, FormHelperText as x } from "@mui/material";
+import { IconHelp as a } from "@tabler/icons-react";
+const f = ({ label: t, hint: o, error: l, required: r, children: s, htmlFor: n }) => /* @__PURE__ */ e.jsxs(i, { error: !!l, fullWidth: !0, children: [
+  t ? /* @__PURE__ */ e.jsxs(m, { htmlFor: n, required: r, sx: { display: "flex", alignItems: "center" }, children: [
     t,
     " ",
-    s ? /* @__PURE__ */ e.jsx(i, { title: s, placement: "top", sx: { marginLeft: 0.5 }, children: /* @__PURE__ */ e.jsx(a, { style: { width: 16 } }) }) : null
+    o ? /* @__PURE__ */ e.jsx(p, { title: o, placement: "top", children: /* @__PURE__ */ e.jsx(a, { size: 16, style: { marginLeft: "4px" } }) }) : null
   ] }) : null,
-  r,
-  l ? /* @__PURE__ */ e.jsx(p, { children: l }) : null
+  s,
+  l ? /* @__PURE__ */ e.jsx(x, { children: l }) : null
 ] });
 export {
-  u as default
+  f as default
 };

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

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

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

@@ -1,18 +1,18 @@
 import { j as l } from "../jsx-runtime-C5mzlN2N.js";
 import * as m from "react";
-import { c as V } from "../createSvgIcon-C9keHw6o.js";
+import { c as V } from "../createSvgIcon-DK6yVt3w.js";
 import { Stack as P, OutlinedInput as B, selectClasses as E } from "@mui/material";
 import { usePopover as U } from "../hooks/use-popover.js";
 import F from "../s-chips/s-chips.js";
 import { gray as x } from "../theme/theme-primitives.js";
-import { L as O, M as z } from "../Menu-DV6b-3vA.js";
-import { a as f, P as s } from "../createTheme-DwCHEbMU.js";
-import { c as M } from "../identifier-C1jBtHV2.js";
-import { u as D, s as G, c as H, r as _, m as A } from "../DefaultPropsProvider-Doz-fKTH.js";
-import { g as W, d as k, m as u } from "../menuItemClasses-BuWSZEU7.js";
+import { L as O, M as z } from "../Menu-C2llDJyI.js";
+import { a as f, P as s } from "../createTheme-DgQJeYRt.js";
+import { c as M } from "../identifier-CdaB--DW.js";
+import { u as D, s as G, c as H, r as _, m as A } from "../memoTheme-1tTQAxpP.js";
+import { g as W, d as k, m as u } from "../menuItemClasses-DtZ7DoOq.js";
 import { u as q } from "../useEnhancedEffect-CJGo-L3B.js";
-import { u as J, B as K } from "../useSlot-CUlGPdMt.js";
-import { g as R } from "../generateUtilityClasses-BHlV34bM.js";
+import { u as J, B as K } from "../useSlot-D9YvaBTd.js";
+import { g as R } from "../generateUtilityClasses-C-O1qWa9.js";
 const Q = V(/* @__PURE__ */ l.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"), S = R("MuiListItemIcon", ["root", "alignItemsFlexStart"]), j = R("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), X = (e, o) => {