@solostylist/ui-kit 1.0.53 → 1.0.55

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 { IconX as b } from "@tabler/icons-react";
+import { C as p } from "../Close-DLG48sGB.js";
+import { Dialog as g, DialogTitle as j, Stack as D, IconButton as v, DialogContent as y, DialogActions as b, Button as d } from "@mui/material";
 import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as m } from "../Typography-8CUP66S2.js";
+import { T as m } from "../Typography-BXwj4yQZ.js";
 const w = ({
   title: o,
   content: e,
@@ -15,13 +15,13 @@ const w = ({
   maxWidth: a = "sm",
   showClose: c = !0,
   loading: l = !1
-}) => /* @__PURE__ */ n.jsxs(p, { fullWidth: !0, maxWidth: a, onClose: i, open: t, children: [
-  o && /* @__PURE__ */ n.jsx(g, { children: /* @__PURE__ */ n.jsxs(j, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+}) => /* @__PURE__ */ n.jsxs(g, { fullWidth: !0, maxWidth: a, onClose: i, open: t, children: [
+  o && /* @__PURE__ */ n.jsx(j, { children: /* @__PURE__ */ n.jsxs(D, { 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, {}) })
+    c && /* @__PURE__ */ n.jsx(v, { onClick: i, children: /* @__PURE__ */ n.jsx(p, {}) })
   ] }) }),
-  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: [
+  e && /* @__PURE__ */ n.jsx(y, { children: typeof e == "string" ? /* @__PURE__ */ n.jsx(m, { color: "text.secondary", variant: "body2", children: e }) : e }),
+  /* @__PURE__ */ n.jsx(b, { 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" })
   ] }) })
@@ -34,8 +34,8 @@ const w = ({
   }), c = {
     handleOpen: r.useCallback(
       (x) => {
-        const { title: h, content: u, onConfirm: C } = x;
-        a({ title: h, content: u, onConfirm: C }), e.handleOpen();
+        const { title: C, content: h, onConfirm: u } = x;
+        a({ title: C, content: h, onConfirm: u }), e.handleOpen();
       },
       [e]
     ),

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

@@ -1,9 +1,9 @@
 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 { IconX as D } from "@tabler/icons-react";
+import { C as u } from "../Close-DLG48sGB.js";
+import { Dialog as p, DialogTitle as g, Stack as m, IconButton as j, DialogContent as C, DialogActions as f, Button as D } from "@mui/material";
 import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as c } from "../Typography-8CUP66S2.js";
+import { T as c } from "../Typography-BXwj4yQZ.js";
 const v = ({
   title: t,
   content: e,
@@ -14,13 +14,13 @@ const v = ({
   open: i = !1,
   maxWidth: l = "sm",
   showClose: a = !0
-}) => /* @__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: [
+}) => /* @__PURE__ */ o.jsxs(p, { fullWidth: !0, maxWidth: l, onClose: n, open: i, children: [
+  t && /* @__PURE__ */ o.jsx(g, { children: /* @__PURE__ */ o.jsxs(m, { 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, {}) })
+    a && /* @__PURE__ */ o.jsx(j, { onClick: n, children: /* @__PURE__ */ o.jsx(u, {}) })
   ] }) }),
-  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" }) })
+  e && /* @__PURE__ */ o.jsx(C, { children: typeof e == "string" ? /* @__PURE__ */ o.jsx(c, { color: "text.secondary", variant: "body2", children: e }) : e }),
+  /* @__PURE__ */ o.jsx(f, { children: /* @__PURE__ */ o.jsx(D, { onClick: r, children: "Ok" }) })
 ] }), d = s.createContext(null), I = ({ children: t }) => {
   const e = k(), [n, r] = s.useState({
     title: "",

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

@@ -1,13 +1,13 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import { c as p } from "../createSvgIcon-FIMSBrG5.js";
+import { c as p } from "../createSvgIcon-YtxTUNwI.js";
 import { Avatar as y, Tooltip as b, IconButton as C, Button as I } from "@mui/material";
 import { useDropzone as z } from "react-dropzone";
 import S from "../s-file-icon/s-file-icon.js";
 import k from "../s-form/s-form.js";
 import { bytesToSize as w } from "../utils/bytes-to-size.js";
-import { S as t } from "../Stack-CHCAZYKm.js";
-import { B as d } from "../Box-BOnkyXg-.js";
-import { T as o } from "../Typography-8CUP66S2.js";
+import { S as t } from "../Stack-DT2aopM5.js";
+import { B as d } from "../Box-MoP3r0T2.js";
+import { T as o } from "../Typography-BXwj4yQZ.js";
 const B = p(/* @__PURE__ */ e.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 = p(/* @__PURE__ */ e.jsx("path", {

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-BOnkyXg-.js";
+import { B as i } from "../Box-MoP3r0T2.js";
 const o = {
   jpeg: "/assets/icon-jpg.svg",
   jpg: "/assets/icon-jpg.svg",

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

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

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

@@ -1,10 +1,10 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-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: [
+import { H as s } from "../HelpOutlineOutlined-CBZQGWGK.js";
+import { Stack as i, Tooltip as a } from "@mui/material";
+const p = ({ label: n, content: r, children: l, 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: 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", { style: { fontSize: "1rem", fontWeight: 500, lineHeight: 1.57 }, children: n }),
+    t ? /* @__PURE__ */ e.jsx(a, { title: t, placement: "top", children: /* @__PURE__ */ e.jsx(s, { style: { marginLeft: "4px", fontSize: 14 } }) }) : null
   ] }),
   /* @__PURE__ */ e.jsx(
     "div",
@@ -15,11 +15,11 @@ const d = ({ label: r, content: o, children: l, hint: t, sx: n }) => /* @__PURE_
         lineHeight: 1.57,
         color: "var(--s-palette-text-secondary)"
       },
-      children: o
+      children: r
     }
   ),
   l
 ] });
 export {
-  d as default
+  p as default
 };

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

@@ -1,21 +1,19 @@
 import { j as l } from "../jsx-runtime-C5mzlN2N.js";
 import * as c from "react";
-import { c as T } from "../createSvgIcon-FIMSBrG5.js";
-import { Stack as N, OutlinedInput as E } from "@mui/material";
-import { usePopover as P } from "../hooks/use-popover.js";
-import B from "../s-chips/s-chips.js";
-import { L as h, M as U } from "../Menu-BTGaz6HX.js";
-import { g as D, a as v, P as o } from "../createTheme-CyFSna1a.js";
-import { c as R } from "../identifier-BA7fwE7E.js";
-import { u as F, s as z, c as G, b as W, m as A } from "../memoTheme-Bz_6CvJG.js";
-import { g } from "../generateUtilityClasses-CvAVhM6T.js";
+import { c as T, u as N, s as E, a as P, f as B, m as U } from "../createSvgIcon-YtxTUNwI.js";
+import { Stack as D, OutlinedInput as F } from "@mui/material";
+import { usePopover as z } from "../hooks/use-popover.js";
+import G from "../s-chips/s-chips.js";
+import { L as h, M as W } from "../Menu-Y8dE9GrA.js";
+import { g as A, a as v, P as s } from "../createTheme-CozHbEju.js";
+import { g, c as R } from "../identifier-9JFYVRsR.js";
 import { u as H } from "../useEnhancedEffect-CJGo-L3B.js";
-import { u as _, B as q } from "../useSlot-DFX3jR9F.js";
+import { u as _, B as q } from "../useSlot-GW4ou7g5.js";
 const J = T(/* @__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"), j = g("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), S = g("MuiListItemIcon", ["root", "alignItemsFlexStart"]), k = g("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
 function K(e) {
-  return D("MuiMenuItem", e);
+  return A("MuiMenuItem", e);
 }
 const b = g("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), Q = (e, t) => {
   const {
@@ -30,19 +28,19 @@ const b = g("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
     disableGutters: u,
     selected: n,
     classes: i
-  } = e, d = G({
+  } = e, d = P({
     root: ["root", r && "dense", t && "disabled", !u && "gutters", a && "divider", n && "selected"]
   }, K, i);
   return {
     ...i,
     ...d
   };
-}, Y = z(q, {
-  shouldForwardProp: (e) => W(e) || e === "classes",
+}, Y = E(q, {
+  shouldForwardProp: (e) => B(e) || e === "classes",
   name: "MuiMenuItem",
   slot: "Root",
   overridesResolver: Q
-})(A(({
+})(U(({
   theme: e
 }) => ({
   ...e.typography.body1,
@@ -141,7 +139,7 @@ const b = g("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
     }
   }]
 }))), w = /* @__PURE__ */ c.forwardRef(function(t, r) {
-  const a = F({
+  const a = N({
     props: t,
     name: "MuiMenuItem"
   }), {
@@ -151,7 +149,7 @@ const b = g("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
     divider: m = !1,
     disableGutters: d = !1,
     focusVisibleClassName: y,
-    role: s = "menuitem",
+    role: o = "menuitem",
     tabIndex: p,
     className: f,
     ...x
@@ -173,7 +171,7 @@ const b = g("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
     value: $,
     children: /* @__PURE__ */ l.jsx(Y, {
       ref: L,
-      role: s,
+      role: o,
       tabIndex: O,
       component: n,
       focusVisibleClassName: R(I.focusVisible, y),
@@ -194,44 +192,44 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    */
-  autoFocus: o.bool,
+  autoFocus: s.bool,
   /**
    * The content of the component.
    */
-  children: o.node,
+  children: s.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: s.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: s.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: o.elementType,
+  component: s.elementType,
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent Menu component.
    * @default false
    */
-  dense: o.bool,
+  dense: s.bool,
   /**
    * @ignore
    */
-  disabled: o.bool,
+  disabled: s.bool,
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters: o.bool,
+  disableGutters: s.bool,
   /**
    * If `true`, a 1px light border is added to the bottom of the menu item.
    * @default false
    */
-  divider: o.bool,
+  divider: s.bool,
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -240,46 +238,46 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName: o.string,
+  focusVisibleClassName: s.string,
   /**
    * @ignore
    */
-  role: o.string,
+  role: s.string,
   /**
    * If `true`, the component is selected.
    * @default false
    */
-  selected: o.bool,
+  selected: s.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),
   /**
    * @default 0
    */
-  tabIndex: o.number
+  tabIndex: s.number
 });
-function pe({
+function ce({
   label: e,
   onChange: t,
   options: r,
   value: a = [],
   chipProps: u
 }) {
-  const n = P(), i = c.useRef(null), [m, d] = c.useState();
+  const n = z(), i = c.useRef(null), [m, d] = c.useState();
   c.useEffect(() => {
     i.current && d(i.current.offsetWidth);
   }, [n.open]);
   const y = c.useCallback(
-    (s, p) => {
+    (o, p) => {
       let f = [...a];
-      p ? f.push(s) : f = f.filter((x) => x !== s), t == null || t(f);
+      p ? f.push(o) : f = f.filter((x) => x !== o), t == null || t(f);
     },
     [t, a]
   );
-  return /* @__PURE__ */ l.jsxs(N, { direction: "column", gap: 1, children: [
+  return /* @__PURE__ */ l.jsxs(D, { direction: "column", gap: 1, children: [
     /* @__PURE__ */ l.jsx(
-      E,
+      F,
       {
         endAdornment: /* @__PURE__ */ l.jsx(
           J,
@@ -289,8 +287,8 @@ function pe({
           }
         ),
         onClick: n.handleOpen,
-        ref: (s) => {
-          n.anchorRef.current = s, i.current = s;
+        ref: (o) => {
+          n.anchorRef.current = o, i.current = o;
         },
         value: e,
         sx: {
@@ -301,37 +299,37 @@ function pe({
       }
     ),
     /* @__PURE__ */ l.jsx(
-      U,
+      W,
       {
         anchorEl: n.anchorRef.current,
         onClose: n.handleClose,
         open: n.open,
         slotProps: { paper: { sx: { width: m ? `${m}px` : void 0 } } },
-        children: r.map((s) => {
-          const p = a.includes(s.value);
+        children: r.map((o) => {
+          const p = a.includes(o.value);
           return /* @__PURE__ */ l.jsx(
             w,
             {
               onClick: () => {
-                y(s.value, !p);
+                y(o.value, !p);
               },
               selected: p,
-              children: s.label
+              children: o.label
             },
-            s.label
+            o.label
           );
         })
       }
     ),
     /* @__PURE__ */ l.jsx(
-      B,
+      G,
       {
-        chips: r.filter((s) => a.includes(s.value)).map((s) => s.label),
+        chips: r.filter((o) => a.includes(o.value)).map((o) => o.label),
         ...u
       }
     )
   ] });
 }
 export {
-  pe as default
+  ce as default
 };

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

@@ -1,15 +1,15 @@
 import { j as V } from "../jsx-runtime-C5mzlN2N.js";
 import * as j from "react";
 import ge, { useState as Oe, useCallback as pe, createContext as Qt, useContext as wn, useEffect as ke, useRef as Ae, useReducer as Bi, useMemo as yt, useLayoutEffect as Ya, Component as Iv, memo as Rv, forwardRef as en, createElement as rt, Children as ar, isValidElement as wa, cloneElement as Pu, Fragment as vp } from "react";
-import { P as I, l as Il } from "../createTheme-CyFSna1a.js";
+import { P as I, l as Il } from "../createTheme-CozHbEju.js";
 import { g as Nn, c as Vn, a as qn } from "../_commonjsHelpers-B4e78b8K.js";
 import { v4 as yp } from "uuid";
 import Iu, { flushSync as Ru } from "react-dom";
-import { c as de, a as Ft, T as $v } from "../TransitionGroup-CuA3gNyE.js";
+import { c as de, a as Ft, T as $v } from "../TransitionGroup-BCkqyHLn.js";
 import Mv from "@emotion/styled";
 import { CacheProvider as jv, Global as Lv, ThemeContext as _v, css as zv, keyframes as Xa } from "@emotion/react";
 import bp from "@emotion/cache";
-import { s as Po } from "../emotion-serialize.esm-lgBmL_7o.js";
+import { b as Po } from "../identifier-9JFYVRsR.js";
 import { styled as Vv, alpha as Rl, outlinedInputClasses as Uv } from "@mui/material";
 import Wv from "../s-form/s-form.js";
 import { brand as Hi, gray as $l } from "../theme/theme-primitives.js";