@solostylist/ui-kit 1.0.57 → 1.0.59

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

@@ -1,5 +1,5 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
-import { C as j } from "../Close-DLG48sGB.js";
+import { C as j } from "../Close-Dc2lVwnr.js";
 import { Dialog as h, DialogTitle as p, Stack as f, Typography as t, IconButton as m, DialogContent as g, DialogActions as u } from "@mui/material";
 const v = ({
   title: 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 { C as p } from "../Close-DLG48sGB.js";
+import { C as p } from "../Close-Dc2lVwnr.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-BXwj4yQZ.js";
+import { T as m } from "../Typography-Bj_bEcQU.js";
 const w = ({
   title: o,
   content: 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 { C as u } from "../Close-DLG48sGB.js";
+import { C as u } from "../Close-Dc2lVwnr.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-BXwj4yQZ.js";
+import { T as c } from "../Typography-Bj_bEcQU.js";
 const v = ({
   title: t,
   content: e,

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-YtxTUNwI.js";
+import { c as p } from "../createSvgIcon-ChpOI-a_.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-DT2aopM5.js";
-import { B as d } from "../Box-MoP3r0T2.js";
-import { T as o } from "../Typography-BXwj4yQZ.js";
+import { S as t } from "../Stack-CG6wicnq.js";
+import { B as d } from "../Box-DuNveqKq.js";
+import { T as o } from "../Typography-Bj_bEcQU.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-MoP3r0T2.js";
+import { B as i } from "../Box-DuNveqKq.js";
 const o = {
   jpeg: "/assets/icon-jpg.svg",
   jpg: "/assets/icon-jpg.svg",

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

@@ -1,5 +1,5 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import { H as i } from "../HelpOutlineOutlined-CBZQGWGK.js";
+import { H as i } from "../HelpOutlineOutlined-BAjVLccf.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: [

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

@@ -1,5 +1,5 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import { H as s } from "../HelpOutlineOutlined-CBZQGWGK.js";
+import { H as s } from "../HelpOutlineOutlined-BAjVLccf.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: [

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

@@ -1,296 +1,48 @@
-import { j as l } from "../jsx-runtime-C5mzlN2N.js";
+import { j as t } from "../jsx-runtime-C5mzlN2N.js";
 import * as c from "react";
-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-GW4ou7g5.js";
-const J = T(/* @__PURE__ */ l.jsx("path", {
+import { c as h } from "../createSvgIcon-ChpOI-a_.js";
+import { Stack as j, OutlinedInput as M } from "@mui/material";
+import { usePopover as v } from "../hooks/use-popover.js";
+import S from "../s-chips/s-chips.js";
+import { M as R } from "../Menu-CFtdt9_b.js";
+import { M as b } from "../MenuItem-Bqce0qet.js";
+const I = h(/* @__PURE__ */ t.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 A("MuiMenuItem", e);
-}
-const b = g("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), Q = (e, t) => {
-  const {
-    ownerState: r
-  } = e;
-  return [t.root, r.dense && t.dense, r.divider && t.divider, !r.disableGutters && t.gutters];
-}, X = (e) => {
-  const {
-    disabled: t,
-    dense: r,
-    divider: a,
-    disableGutters: u,
-    selected: n,
-    classes: i
-  } = e, d = P({
-    root: ["root", r && "dense", t && "disabled", !u && "gutters", a && "divider", n && "selected"]
-  }, K, i);
-  return {
-    ...i,
-    ...d
-  };
-}, Y = E(q, {
-  shouldForwardProp: (e) => B(e) || e === "classes",
-  name: "MuiMenuItem",
-  slot: "Root",
-  overridesResolver: Q
-})(U(({
-  theme: e
-}) => ({
-  ...e.typography.body1,
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  position: "relative",
-  textDecoration: "none",
-  minHeight: 48,
-  paddingTop: 6,
-  paddingBottom: 6,
-  boxSizing: "border-box",
-  whiteSpace: "nowrap",
-  "&:hover": {
-    textDecoration: "none",
-    backgroundColor: (e.vars || e).palette.action.hover,
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  },
-  [`&.${b.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : v(e.palette.primary.main, e.palette.action.selectedOpacity),
-    [`&.${b.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : v(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
-    }
-  },
-  [`&.${b.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : v(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : v(e.palette.primary.main, e.palette.action.selectedOpacity)
-    }
-  },
-  [`&.${b.focusVisible}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
-  },
-  [`&.${b.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity
-  },
-  [`& + .${j.root}`]: {
-    marginTop: e.spacing(1),
-    marginBottom: e.spacing(1)
-  },
-  [`& + .${j.inset}`]: {
-    marginLeft: 52
-  },
-  [`& .${k.root}`]: {
-    marginTop: 0,
-    marginBottom: 0
-  },
-  [`& .${k.inset}`]: {
-    paddingLeft: 36
-  },
-  [`& .${S.root}`]: {
-    minWidth: 36
-  },
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => !t.disableGutters,
-    style: {
-      paddingLeft: 16,
-      paddingRight: 16
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.divider,
-    style: {
-      borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
-      backgroundClip: "padding-box"
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => !t.dense,
-    style: {
-      [e.breakpoints.up("sm")]: {
-        minHeight: "auto"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.dense,
-    style: {
-      minHeight: 32,
-      // https://m2.material.io/components/menus#specs > Dense
-      paddingTop: 4,
-      paddingBottom: 4,
-      ...e.typography.body2,
-      [`& .${S.root} svg`]: {
-        fontSize: "1.25rem"
-      }
-    }
-  }]
-}))), w = /* @__PURE__ */ c.forwardRef(function(t, r) {
-  const a = N({
-    props: t,
-    name: "MuiMenuItem"
-  }), {
-    autoFocus: u = !1,
-    component: n = "li",
-    dense: i = !1,
-    divider: m = !1,
-    disableGutters: d = !1,
-    focusVisibleClassName: y,
-    role: o = "menuitem",
-    tabIndex: p,
-    className: f,
-    ...x
-  } = a, M = c.useContext(h), $ = c.useMemo(() => ({
-    dense: i || M.dense || !1,
-    disableGutters: d
-  }), [M.dense, i, d]), C = c.useRef(null);
-  H(() => {
-    u && (C.current ? C.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
-  }, [u]);
-  const V = {
-    ...a,
-    dense: $.dense,
-    divider: m,
-    disableGutters: d
-  }, I = X(a), L = _(C, r);
-  let O;
-  return a.disabled || (O = p !== void 0 ? p : -1), /* @__PURE__ */ l.jsx(h.Provider, {
-    value: $,
-    children: /* @__PURE__ */ l.jsx(Y, {
-      ref: L,
-      role: o,
-      tabIndex: O,
-      component: n,
-      focusVisibleClassName: R(I.focusVisible, y),
-      className: R(I.root, f),
-      ...x,
-      ownerState: V,
-      classes: I
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (w.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the list item is focused during the first mount.
-   * Focus will also be triggered if the value changes from false to true.
-   * @default false
-   */
-  autoFocus: s.bool,
-  /**
-   * The content of the component.
-   */
-  children: s.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: s.object,
-  /**
-   * @ignore
-   */
-  className: s.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  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: s.bool,
-  /**
-   * @ignore
-   */
-  disabled: s.bool,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: s.bool,
-  /**
-   * If `true`, a 1px light border is added to the bottom of the menu item.
-   * @default false
-   */
-  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.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-   * if needed.
-   */
-  focusVisibleClassName: s.string,
-  /**
-   * @ignore
-   */
-  role: s.string,
-  /**
-   * If `true`, the component is selected.
-   * @default false
-   */
-  selected: s.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),
-  /**
-   * @default 0
-   */
-  tabIndex: s.number
-});
-function ce({
-  label: e,
-  onChange: t,
-  options: r,
-  value: a = [],
-  chipProps: u
+}), "UnfoldMore");
+function P({
+  label: u,
+  onChange: o,
+  options: a,
+  value: l = [],
+  chipProps: f
 }) {
-  const n = z(), i = c.useRef(null), [m, d] = c.useState();
+  const r = v(), i = c.useRef(null), [p, d] = c.useState();
   c.useEffect(() => {
     i.current && d(i.current.offsetWidth);
-  }, [n.open]);
-  const y = c.useCallback(
-    (o, p) => {
-      let f = [...a];
-      p ? f.push(o) : f = f.filter((x) => x !== o), t == null || t(f);
+  }, [r.open]);
+  const m = c.useCallback(
+    (e, s) => {
+      let n = [...l];
+      s ? n.push(e) : n = n.filter((x) => x !== e), o == null || o(n);
     },
-    [t, a]
+    [o, l]
   );
-  return /* @__PURE__ */ l.jsxs(D, { direction: "column", gap: 1, children: [
-    /* @__PURE__ */ l.jsx(
-      F,
+  return /* @__PURE__ */ t.jsxs(j, { direction: "column", gap: 1, children: [
+    /* @__PURE__ */ t.jsx(
+      M,
       {
-        endAdornment: /* @__PURE__ */ l.jsx(
-          J,
+        endAdornment: /* @__PURE__ */ t.jsx(
+          I,
           {
             fontSize: "small",
             sx: { color: "var(--s-palette-action-active)", position: "absolute", right: "7px" }
           }
         ),
-        onClick: n.handleOpen,
-        ref: (o) => {
-          n.anchorRef.current = o, i.current = o;
+        onClick: r.handleOpen,
+        ref: (e) => {
+          r.anchorRef.current = e, i.current = e;
         },
-        value: e,
+        value: u,
         sx: {
           input: {
             color: "var(--s-palette-text-secondary)"
@@ -298,38 +50,38 @@ function ce({
         }
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      W,
+    /* @__PURE__ */ t.jsx(
+      R,
       {
-        anchorEl: n.anchorRef.current,
-        onClose: n.handleClose,
-        open: n.open,
-        slotProps: { paper: { sx: { width: m ? `${m}px` : void 0 } } },
-        children: r.map((o) => {
-          const p = a.includes(o.value);
-          return /* @__PURE__ */ l.jsx(
-            w,
+        anchorEl: r.anchorRef.current,
+        onClose: r.handleClose,
+        open: r.open,
+        slotProps: { paper: { sx: { width: p ? `${p}px` : void 0 } } },
+        children: a.map((e) => {
+          const s = l.includes(e.value);
+          return /* @__PURE__ */ t.jsx(
+            b,
             {
               onClick: () => {
-                y(o.value, !p);
+                m(e.value, !s);
               },
-              selected: p,
-              children: o.label
+              selected: s,
+              children: e.label
             },
-            o.label
+            e.label
           );
         })
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      G,
+    /* @__PURE__ */ t.jsx(
+      S,
       {
-        chips: r.filter((o) => a.includes(o.value)).map((o) => o.label),
-        ...u
+        chips: a.filter((e) => l.includes(e.value)).map((e) => e.label),
+        ...f
       }
     )
   ] });
 }
 export {
-  ce as default
+  P as default
 };