@solostylist/ui-kit 1.0.16 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/{Box-BAmUWsQI.js → Box-CppaOdse.js} +4 -4
  2. package/dist/{Menu-B8rPlcSd.js → Menu-bcHHOGTe.js} +5 -5
  3. package/dist/{Stack-DDbGEkxd.js → Stack-Cvqi8X8g.js} +4 -4
  4. package/dist/{Typography-DiJzGJJd.js → Typography--_YDZuXf.js} +4 -4
  5. package/dist/{buttonBaseClasses-DuDP2bLR.js → buttonBaseClasses-Djzc2AiG.js} +2 -2
  6. package/dist/{createSvgIcon-Bpes8W5L.js → createSvgIcon-Ct7gnxYc.js} +20 -20
  7. package/dist/{createTheme-DDycScYN.js → createTheme-Hc7RjLJ8.js} +2 -2
  8. package/dist/{extendSxProp-De4gGzfV.js → extendSxProp-CRSYESt2.js} +1 -1
  9. package/dist/{generateUtilityClasses-Z7VQRhBn.js → generateUtilityClasses-BUjlppXi.js} +1 -1
  10. package/dist/{iconButtonClasses-8TuGhR-e.js → iconButtonClasses-p4XIdEHn.js} +2 -2
  11. package/dist/{index-CBHvlAxO.js → index-DKnaPifQ.js} +4 -4
  12. package/dist/{memoTheme-DX35GGEJ.js → memoTheme-Bkr5VYLb.js} +3 -3
  13. package/dist/{menuItemClasses-DLFqc90k.js → menuItemClasses-Dzm1zEZ_.js} +2 -2
  14. package/dist/{outlinedInputClasses-CnRkAD7A.js → outlinedInputClasses-49K73-OT.js} +2 -2
  15. package/dist/s-chips/s-chips.d.ts +2 -1
  16. package/dist/s-chips/s-chips.js +29 -29
  17. package/dist/s-data-table/s-data-table.js +5 -5
  18. package/dist/s-dialog-confirm/s-dialog-confirm.js +1 -1
  19. package/dist/s-dialog-message/s-dialog-message.js +1 -1
  20. package/dist/s-file-dropzone/s-file-dropzone.js +3 -3
  21. package/dist/s-file-icon/s-file-icon.js +1 -1
  22. package/dist/s-multi-select/s-multi-select.d.ts +3 -1
  23. package/dist/s-multi-select/s-multi-select.js +165 -165
  24. package/dist/s-text-editor/s-text-editor-toolbar.js +11 -11
  25. package/dist/s-text-editor/s-text-editor.js +1 -1
  26. package/dist/s-tip/s-tip.js +3 -3
  27. package/dist/{selectClasses-CDFwg8w_.js → selectClasses-5MwxZ3Fd.js} +2 -2
  28. package/dist/{svgIconClasses-XJq1Ciua.js → svgIconClasses-CeSsTTHM.js} +2 -2
  29. package/dist/theme/customizations/data-display.js +6 -6
  30. package/dist/theme/customizations/feedback.js +1 -1
  31. package/dist/theme/customizations/inputs.js +5 -5
  32. package/dist/theme/customizations/navigation.js +6 -6
  33. package/dist/theme/customizations/surfaces.js +1 -1
  34. package/dist/theme/theme-primitives.js +1 -1
  35. package/dist/{typographyClasses-CyVhKkh8.js → typographyClasses-ykhCbiPA.js} +2 -2
  36. package/dist/{useSlot-B682hoPx.js → useSlot-DeteCI62.js} +4 -4
  37. package/dist/{useTheme-DPznNGA-.js → useTheme-Z78hHaly.js} +1 -1
  38. package/package.json +1 -1
@@ -1,10 +1,10 @@
1
- import { s as x, c as d, P as e } from "./createTheme-DDycScYN.js";
1
+ import { s as x, b as d, P as e } from "./createTheme-Hc7RjLJ8.js";
2
2
  import { s as h, c as T, T as y } from "./identifier-CHPjnqaz.js";
3
- import { g as B } from "./generateUtilityClasses-Z7VQRhBn.js";
3
+ import { g as B } from "./generateUtilityClasses-BUjlppXi.js";
4
4
  import * as N from "react";
5
5
  import { j as C } from "./jsx-runtime-C5mzlN2N.js";
6
- import { u as b } from "./useTheme-DPznNGA-.js";
7
- import { e as g } from "./extendSxProp-De4gGzfV.js";
6
+ import { u as b } from "./useTheme-Z78hHaly.js";
7
+ import { e as g } from "./extendSxProp-CRSYESt2.js";
8
8
  import { unstable_ClassNameGenerator as j } from "@mui/utils";
9
9
  function E(n = {}) {
10
10
  const {
@@ -1,12 +1,12 @@
1
1
  import * as p from "react";
2
2
  import be from "react";
3
- import { P as e, g as se, a as ze, p as We, l as st } from "./createTheme-DDycScYN.js";
3
+ import { P as e, g as se, a as ze, p as We, l as st } from "./createTheme-Hc7RjLJ8.js";
4
4
  import { T as wt, c as ee } from "./identifier-CHPjnqaz.js";
5
5
  import { j as L } from "./jsx-runtime-C5mzlN2N.js";
6
- import { d as St, u as ae, s as z, c as le, m as at, b as Ct } from "./memoTheme-DX35GGEJ.js";
7
- import { g as ce } from "./generateUtilityClasses-Z7VQRhBn.js";
8
- import { _ as Mt, b as kt, T as lt, c as Ne, d as Dt, u as we, a as G, e as It, m as jt, r as Ft, f as Lt, g as At, h as _t, i as $t } from "./useSlot-B682hoPx.js";
9
- import { u as Vt } from "./useTheme-DPznNGA-.js";
6
+ import { d as St, u as ae, s as z, c as le, m as at, r as Ct } from "./memoTheme-Bkr5VYLb.js";
7
+ import { g as ce } from "./generateUtilityClasses-BUjlppXi.js";
8
+ import { _ as Mt, b as kt, T as lt, c as Ne, d as Dt, u as we, a as G, e as It, m as jt, r as Ft, f as Lt, g as At, h as _t, i as $t } from "./useSlot-DeteCI62.js";
9
+ import { u as Vt } from "./useTheme-Z78hHaly.js";
10
10
  import * as Ut from "react-dom";
11
11
  import Ee from "react-dom";
12
12
  import { unstable_getScrollbarSize as qt, unstable_ownerWindow as ye, unstable_ownerDocument as ie, unstable_useForkRef as Ve, unstable_getReactElementRef as ct, elementAcceptingRef as Kt, exactProp as ut, unstable_useEnhancedEffect as Ge, unstable_setRef as Xe, HTMLElementType as Bt, unstable_useEventCallback as Ye, unstable_createChainedFunction as Je } from "@mui/utils";
@@ -1,10 +1,10 @@
1
- import { P as e, h as O, r as m, f as V, j as C, m as R, g as D, e as E, k as T } from "./createTheme-DDycScYN.js";
2
- import { a as N, r as F, c as B, s as M, u as w } from "./memoTheme-DX35GGEJ.js";
1
+ import { P as e, h as O, r as m, f as V, j as C, m as R, g as D, e as E, k as T } from "./createTheme-Hc7RjLJ8.js";
2
+ import { a as N, b as F, c as B, s as M, u as w } from "./memoTheme-Bkr5VYLb.js";
3
3
  import * as f from "react";
4
4
  import { c as G } from "./identifier-CHPjnqaz.js";
5
5
  import { j as U } from "./jsx-runtime-C5mzlN2N.js";
6
- import { e as $ } from "./extendSxProp-De4gGzfV.js";
7
- import { u as A } from "./useTheme-DPznNGA-.js";
6
+ import { e as $ } from "./extendSxProp-CRSYESt2.js";
7
+ import { u as A } from "./useTheme-Z78hHaly.js";
8
8
  const _ = N();
9
9
  function L(o) {
10
10
  const {
@@ -1,10 +1,10 @@
1
1
  import * as j from "react";
2
- import { b as c, P as r } from "./createTheme-DDycScYN.js";
2
+ import { c, P as r } from "./createTheme-Hc7RjLJ8.js";
3
3
  import { c as O } from "./identifier-CHPjnqaz.js";
4
- import { i as S } from "./index-CBHvlAxO.js";
5
- import { u as w, s as B, c as P, m as W } from "./memoTheme-DX35GGEJ.js";
4
+ import { i as S } from "./index-DKnaPifQ.js";
5
+ import { u as w, s as B, c as P, m as W } from "./memoTheme-Bkr5VYLb.js";
6
6
  import { c as C } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
7
- import { g as R } from "./typographyClasses-CyVhKkh8.js";
7
+ import { g as R } from "./typographyClasses-ykhCbiPA.js";
8
8
  import { j as M } from "./jsx-runtime-C5mzlN2N.js";
9
9
  const N = {
10
10
  primary: !0,
@@ -1,5 +1,5 @@
1
- import { g as s } from "./generateUtilityClasses-Z7VQRhBn.js";
2
- import { g as e } from "./createTheme-DDycScYN.js";
1
+ import { g as s } from "./generateUtilityClasses-BUjlppXi.js";
2
+ import { g as e } from "./createTheme-Hc7RjLJ8.js";
3
3
  function o(t) {
4
4
  return e("MuiButtonBase", t);
5
5
  }
@@ -1,9 +1,9 @@
1
1
  import * as h from "react";
2
- import { j as b } from "./jsx-runtime-C5mzlN2N.js";
3
- import { b as x, P as o } from "./createTheme-DDycScYN.js";
4
- import { c as w } from "./identifier-CHPjnqaz.js";
5
- import { u as N, s as O, c as R, m as T } from "./memoTheme-DX35GGEJ.js";
6
- import { g as I } from "./svgIconClasses-XJq1Ciua.js";
2
+ import { j as w } from "./jsx-runtime-C5mzlN2N.js";
3
+ import { c as x, P as o } from "./createTheme-Hc7RjLJ8.js";
4
+ import { c as N } from "./identifier-CHPjnqaz.js";
5
+ import { u as b, s as O, c as R, m as T } from "./memoTheme-Bkr5VYLb.js";
6
+ import { g as I } from "./svgIconClasses-CeSsTTHM.js";
7
7
  const j = (e) => {
8
8
  const {
9
9
  color: r,
@@ -25,7 +25,7 @@ const j = (e) => {
25
25
  })(T(({
26
26
  theme: e
27
27
  }) => {
28
- var r, n, i, s, l, g, a, S, p, m, c, d, v, f;
28
+ var r, n, i, s, l, g, c, S, p, m, a, d, v, f;
29
29
  return {
30
30
  userSelect: "none",
31
31
  width: "1em",
@@ -65,7 +65,7 @@ const j = (e) => {
65
65
  fontSize: "medium"
66
66
  },
67
67
  style: {
68
- fontSize: ((S = (a = e.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : S.call(a, 24)) || "1.5rem"
68
+ fontSize: ((S = (c = e.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : S.call(c, 24)) || "1.5rem"
69
69
  }
70
70
  },
71
71
  {
@@ -93,7 +93,7 @@ const j = (e) => {
93
93
  color: "action"
94
94
  },
95
95
  style: {
96
- color: (d = (c = (e.vars ?? e).palette) == null ? void 0 : c.action) == null ? void 0 : d.active
96
+ color: (d = (a = (e.vars ?? e).palette) == null ? void 0 : a.action) == null ? void 0 : d.active
97
97
  }
98
98
  },
99
99
  {
@@ -115,24 +115,24 @@ const j = (e) => {
115
115
  ]
116
116
  };
117
117
  })), z = /* @__PURE__ */ h.forwardRef(function(r, n) {
118
- const i = N({
118
+ const i = b({
119
119
  props: r,
120
120
  name: "MuiSvgIcon"
121
121
  }), {
122
122
  children: s,
123
123
  className: l,
124
124
  color: g = "inherit",
125
- component: a = "svg",
125
+ component: c = "svg",
126
126
  fontSize: S = "medium",
127
127
  htmlColor: p,
128
128
  inheritViewBox: m = !1,
129
- titleAccess: c,
129
+ titleAccess: a,
130
130
  viewBox: d = "0 0 24 24",
131
131
  ...v
132
132
  } = i, f = /* @__PURE__ */ h.isValidElement(s) && s.type === "svg", t = {
133
133
  ...i,
134
134
  color: g,
135
- component: a,
135
+ component: c,
136
136
  fontSize: S,
137
137
  instanceFontSize: r.fontSize,
138
138
  inheritViewBox: m,
@@ -141,20 +141,20 @@ const j = (e) => {
141
141
  }, u = {};
142
142
  m || (u.viewBox = d);
143
143
  const y = j(t);
144
- return /* @__PURE__ */ b.jsxs(C, {
145
- as: a,
146
- className: w(y.root, l),
144
+ return /* @__PURE__ */ w.jsxs(C, {
145
+ as: c,
146
+ className: N(y.root, l),
147
147
  focusable: "false",
148
148
  color: p,
149
- "aria-hidden": c ? void 0 : !0,
150
- role: c ? "img" : void 0,
149
+ "aria-hidden": a ? void 0 : !0,
150
+ role: a ? "img" : void 0,
151
151
  ref: n,
152
152
  ...u,
153
153
  ...v,
154
154
  ...f && s.props,
155
155
  ownerState: t,
156
- children: [f ? s.props.children : s, c ? /* @__PURE__ */ b.jsx("title", {
157
- children: c
156
+ children: [f ? s.props.children : s, a ? /* @__PURE__ */ w.jsx("title", {
157
+ children: a
158
158
  }) : null]
159
159
  });
160
160
  });
@@ -233,7 +233,7 @@ process.env.NODE_ENV !== "production" && (z.propTypes = {
233
233
  z.muiName = "SvgIcon";
234
234
  function D(e, r) {
235
235
  function n(i, s) {
236
- return /* @__PURE__ */ b.jsx(z, {
236
+ return /* @__PURE__ */ w.jsx(z, {
237
237
  "data-testid": process.env.NODE_ENV !== "production" ? `${r}Icon` : void 0,
238
238
  ref: s,
239
239
  ...i,
@@ -2908,8 +2908,8 @@ function ao(e = {}, ...r) {
2908
2908
  export {
2909
2909
  Ce as P,
2910
2910
  bn as a,
2911
- qr as b,
2912
- ao as c,
2911
+ ao as b,
2912
+ qr as c,
2913
2913
  Ge as d,
2914
2914
  ln as e,
2915
2915
  cr as f,
@@ -1,4 +1,4 @@
1
- import { i as c, d as l } from "./createTheme-DDycScYN.js";
1
+ import { i as c, d as l } from "./createTheme-Hc7RjLJ8.js";
2
2
  const a = (t) => {
3
3
  var s;
4
4
  const e = {
@@ -1,4 +1,4 @@
1
- import { g as i } from "./createTheme-DDycScYN.js";
1
+ import { g as i } from "./createTheme-Hc7RjLJ8.js";
2
2
  function o(r, s, a = "Mui") {
3
3
  const t = {};
4
4
  return s.forEach((e) => {
@@ -1,5 +1,5 @@
1
- import { g as r } from "./generateUtilityClasses-Z7VQRhBn.js";
2
- import { g as t } from "./createTheme-DDycScYN.js";
1
+ import { g as r } from "./generateUtilityClasses-BUjlppXi.js";
2
+ import { g as t } from "./createTheme-Hc7RjLJ8.js";
3
3
  function n(o) {
4
4
  return t("MuiIconButton", o);
5
5
  }
@@ -1,10 +1,10 @@
1
1
  import "react";
2
2
  import { j as p } from "./jsx-runtime-C5mzlN2N.js";
3
- import { e as f } from "./extendSxProp-De4gGzfV.js";
4
- import { P as e } from "./createTheme-DDycScYN.js";
5
- import { d as a } from "./memoTheme-DX35GGEJ.js";
3
+ import { e as f } from "./extendSxProp-CRSYESt2.js";
4
+ import { P as e } from "./createTheme-Hc7RjLJ8.js";
5
+ import { d as a } from "./memoTheme-Bkr5VYLb.js";
6
6
  import { T as c } from "./identifier-CHPjnqaz.js";
7
- import { u as m } from "./useTheme-DPznNGA-.js";
7
+ import { u as m } from "./useTheme-Z78hHaly.js";
8
8
  import { Global as y } from "@emotion/react";
9
9
  function d(o) {
10
10
  return o == null || Object.keys(o).length === 0;
@@ -1,4 +1,4 @@
1
- import { l as V, e as Q, s as D, i as U, b as X, P as O, c as Y } from "./createTheme-DDycScYN.js";
1
+ import { l as V, e as Q, s as D, i as U, c as X, P as O, b as Y } from "./createTheme-Hc7RjLJ8.js";
2
2
  import { i as j, a as Z, s as ee, T as te } from "./identifier-CHPjnqaz.js";
3
3
  import * as I from "react";
4
4
  import "./jsx-runtime-C5mzlN2N.js";
@@ -280,12 +280,12 @@ function Oe(e) {
280
280
  const xe = he;
281
281
  export {
282
282
  ie as a,
283
- Se as b,
283
+ g as b,
284
284
  Ne as c,
285
285
  ye as d,
286
286
  pe as e,
287
287
  xe as m,
288
- g as r,
288
+ Se as r,
289
289
  Te as s,
290
290
  Oe as u
291
291
  };
@@ -1,5 +1,5 @@
1
- import { g as e } from "./generateUtilityClasses-Z7VQRhBn.js";
2
- import { g as i } from "./createTheme-DDycScYN.js";
1
+ import { g as e } from "./generateUtilityClasses-BUjlppXi.js";
2
+ import { g as i } from "./createTheme-Hc7RjLJ8.js";
3
3
  const r = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
4
4
  function a(t) {
5
5
  return i("MuiMenuItem", t);
@@ -1,5 +1,5 @@
1
- import { g as n } from "./generateUtilityClasses-Z7VQRhBn.js";
2
- import { g as e } from "./createTheme-DDycScYN.js";
1
+ import { g as n } from "./generateUtilityClasses-BUjlppXi.js";
2
+ import { g as e } from "./createTheme-Hc7RjLJ8.js";
3
3
  function l(t) {
4
4
  return e("MuiInputBase", t);
5
5
  }
@@ -2,6 +2,7 @@ export interface SChipsProps {
2
2
  chips: string[];
3
3
  overflow?: boolean;
4
4
  onClick?: (tag: string) => void;
5
+ overflowText?: string;
5
6
  }
6
- declare const SChips: ({ chips, overflow, onClick }: SChipsProps) => import("react/jsx-runtime").JSX.Element;
7
+ declare const SChips: ({ chips, overflow, onClick, overflowText }: SChipsProps) => import("react/jsx-runtime").JSX.Element;
7
8
  export default SChips;
@@ -1,40 +1,40 @@
1
- import { j as n } from "../jsx-runtime-C5mzlN2N.js";
2
- import { useRef as g, useState as m, useEffect as S } from "react";
3
- import { Box as r, Chip as h, Tooltip as E } from "@mui/material";
4
- const L = ({ chips: s, overflow: l = !0, onClick: o }) => {
5
- const c = g(null), [w, b] = m([]), [C, y] = m([]), [u, j] = m(0), a = () => {
6
- var x;
7
- const t = ((x = c.current) == null ? void 0 : x.offsetWidth) || 0;
1
+ import { j as s } from "../jsx-runtime-C5mzlN2N.js";
2
+ import { useRef as S, useState as m, useEffect as E } from "react";
3
+ import { Box as o, Chip as h, Tooltip as R } from "@mui/material";
4
+ const P = ({ chips: n, overflow: l = !0, onClick: r, overflowText: c = "keywords" }) => {
5
+ const u = S(null), [w, C] = m([]), [j, y] = m([]), [x, W] = m(0), a = () => {
6
+ var f;
7
+ const t = ((f = u.current) == null ? void 0 : f.offsetWidth) || 0;
8
8
  let e = 0, i = 0;
9
- for (let p = 0; p < s.length; p++) {
10
- const f = d(s[p]);
11
- if (e + f <= t)
12
- e += f, i++;
9
+ for (let p = 0; p < n.length; p++) {
10
+ const b = d(n[p]);
11
+ if (e + b <= t)
12
+ e += b, i++;
13
13
  else
14
14
  break;
15
15
  }
16
- const v = d(`+${s.length - i} keywords`);
17
- for (; e + v > t && i > 0; )
18
- i--, e -= d(s[i]);
19
- b(s.slice(0, i)), y(s.slice(i)), j(s.length - i);
16
+ const g = d(`+${n.length - i} ${c}`);
17
+ for (; e + g > t && i > 0; )
18
+ i--, e -= d(n[i]);
19
+ C(n.slice(0, i)), y(n.slice(i)), W(n.length - i);
20
20
  }, d = (t) => {
21
21
  const e = document.createElement("span");
22
22
  e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.textContent = t.trim(), document.body.appendChild(e);
23
23
  const i = e.offsetWidth;
24
24
  return document.body.removeChild(e), i + 16;
25
- }, W = l ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
26
- return S(() => (a(), window.addEventListener("resize", a), () => {
25
+ }, v = l ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
26
+ return E(() => (a(), window.addEventListener("resize", a), () => {
27
27
  window.removeEventListener("resize", a);
28
- }), [s]), /* @__PURE__ */ n.jsxs(r, { ref: c, display: "flex", maxWidth: "100%", ...W, children: [
29
- (l ? w : s).map((t) => /* @__PURE__ */ n.jsx(
30
- r,
28
+ }), [n]), /* @__PURE__ */ s.jsxs(o, { ref: u, display: "flex", maxWidth: "100%", ...v, children: [
29
+ (l ? w : n).map((t) => /* @__PURE__ */ s.jsx(
30
+ o,
31
31
  {
32
32
  component: "span",
33
33
  textTransform: "lowercase",
34
34
  onClick: () => {
35
- o == null || o(t);
35
+ r == null || r(t);
36
36
  },
37
- children: /* @__PURE__ */ n.jsx(
37
+ children: /* @__PURE__ */ s.jsx(
38
38
  h,
39
39
  {
40
40
  label: t.trim(),
@@ -42,24 +42,24 @@ const L = ({ chips: s, overflow: l = !0, onClick: o }) => {
42
42
  mr: 1,
43
43
  mb: 1,
44
44
  userSelect: "none",
45
- cursor: o ? "pointer" : "default"
45
+ cursor: r ? "pointer" : "default"
46
46
  }
47
47
  }
48
48
  )
49
49
  },
50
50
  t
51
51
  )),
52
- l && u > 0 && /* @__PURE__ */ n.jsx(
53
- E,
52
+ l && x > 0 && /* @__PURE__ */ s.jsx(
53
+ R,
54
54
  {
55
55
  slotProps: {
56
56
  tooltip: { style: { padding: "0.5rem" } }
57
57
  },
58
- title: /* @__PURE__ */ n.jsx(r, { display: "flex", gap: 1, maxWidth: "240px", flexWrap: "wrap", children: C.map((t) => /* @__PURE__ */ n.jsx(h, { label: t.trim() }, t)) }),
59
- children: /* @__PURE__ */ n.jsx(r, { component: "span", textTransform: "lowercase", children: /* @__PURE__ */ n.jsx(
58
+ title: /* @__PURE__ */ s.jsx(o, { display: "flex", gap: 1, maxWidth: "240px", flexWrap: "wrap", children: j.map((t) => /* @__PURE__ */ s.jsx(h, { label: t.trim() }, t)) }),
59
+ children: /* @__PURE__ */ s.jsx(o, { component: "span", textTransform: "lowercase", children: /* @__PURE__ */ s.jsx(
60
60
  h,
61
61
  {
62
- label: `+${u} keywords`,
62
+ label: `+${x} ${c}`,
63
63
  variant: "outlined",
64
64
  sx: { mr: 1, mb: 1, userSelect: "none", cursor: "pointer" }
65
65
  }
@@ -69,5 +69,5 @@ const L = ({ chips: s, overflow: l = !0, onClick: o }) => {
69
69
  ] });
70
70
  };
71
71
  export {
72
- L as default
72
+ P as default
73
73
  };
@@ -1,13 +1,13 @@
1
1
  import { j as r } from "../jsx-runtime-C5mzlN2N.js";
2
2
  import * as y from "react";
3
3
  import Ce from "../s-empty/s-empty.js";
4
- import { g as N, b as j, P as e, a as M, n as Te, o as ke } from "../createTheme-DDycScYN.js";
4
+ import { g as N, c as j, P as e, a as M, n as Te, o as ke } from "../createTheme-Hc7RjLJ8.js";
5
5
  import { c as I } from "../identifier-CHPjnqaz.js";
6
- import { s as S, c as $, b as se, u as E, m as W } from "../memoTheme-DX35GGEJ.js";
7
- import { g as B } from "../generateUtilityClasses-Z7VQRhBn.js";
6
+ import { s as S, c as $, r as se, u as E, m as W } from "../memoTheme-Bkr5VYLb.js";
7
+ import { g as B } from "../generateUtilityClasses-BUjlppXi.js";
8
8
  import { u as je, a as Re } from "../useControlled-Bvu9pDu8.js";
9
- import { a as A, B as Oe, r as we, m as Pe } from "../useSlot-B682hoPx.js";
10
- import { c as J } from "../createSvgIcon-Bpes8W5L.js";
9
+ import { a as A, B as Oe, r as we, m as Pe } from "../useSlot-DeteCI62.js";
10
+ import { c as J } from "../createSvgIcon-Ct7gnxYc.js";
11
11
  import { c as Y } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
12
12
  function Se(o) {
13
13
  return N("PrivateSwitchBase", o);
@@ -3,7 +3,7 @@ import * as r from "react";
3
3
  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";
4
4
  import { S as b } from "../X-B8GTZwii.js";
5
5
  import { useDialog as k } from "../hooks/use-dialog.js";
6
- import { T as m } from "../Typography-DiJzGJJd.js";
6
+ import { T as m } from "../Typography--_YDZuXf.js";
7
7
  const w = ({
8
8
  title: o,
9
9
  content: e,
@@ -3,7 +3,7 @@ import * as s from "react";
3
3
  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";
4
4
  import { S as D } from "../X-B8GTZwii.js";
5
5
  import { useDialog as k } from "../hooks/use-dialog.js";
6
- import { T as c } from "../Typography-DiJzGJJd.js";
6
+ import { T as c } from "../Typography--_YDZuXf.js";
7
7
  const v = ({
8
8
  title: n,
9
9
  content: e,
@@ -7,9 +7,9 @@ import { useDropzone as F } from "react-dropzone";
7
7
  import I from "../s-file-icon/s-file-icon.js";
8
8
  import O from "../s-form/s-form.js";
9
9
  import { bytesToSize as C } from "../utils/bytes-to-size.js";
10
- import { S as n } from "../Stack-DDbGEkxd.js";
11
- import { B as u } from "../Box-BAmUWsQI.js";
12
- import { T as i } from "../Typography-DiJzGJJd.js";
10
+ import { S as n } from "../Stack-Cvqi8X8g.js";
11
+ import { B as u } from "../Box-CppaOdse.js";
12
+ import { T as i } from "../Typography--_YDZuXf.js";
13
13
  const H = /* @__PURE__ */ new Map([
14
14
  [
15
15
  "bold",
@@ -1,5 +1,5 @@
1
1
  import { j as e } from "../jsx-runtime-C5mzlN2N.js";
2
- import { B as i } from "../Box-BAmUWsQI.js";
2
+ import { B as i } from "../Box-CppaOdse.js";
3
3
  const o = {
4
4
  jpeg: "/assets/icon-jpg.svg",
5
5
  jpg: "/assets/icon-jpg.svg",
@@ -1,3 +1,4 @@
1
+ import { SChipsProps } from '../s-chips';
1
2
  import * as React from 'react';
2
3
  export interface SMultiSelectProps<T = string> {
3
4
  label: string;
@@ -7,6 +8,7 @@ export interface SMultiSelectProps<T = string> {
7
8
  value: T;
8
9
  }[];
9
10
  value: T[];
11
+ chipProps?: Omit<SChipsProps, 'chips'>;
10
12
  }
11
- declare function SMultiSelect<T = string>({ label, onChange, options, value }: SMultiSelectProps<T>): React.JSX.Element;
13
+ declare function SMultiSelect<T = string>({ label, onChange, options, value, chipProps, }: SMultiSelectProps<T>): React.JSX.Element;
12
14
  export default SMultiSelect;
@@ -1,44 +1,46 @@
1
- import { j as c } from "../jsx-runtime-C5mzlN2N.js";
2
- import * as d from "react";
3
- import s, { forwardRef as B } from "react";
4
- import { Button as V } from "@mui/material";
5
- import { E as Z } from "../SSRBase-BSdFRe_j.js";
6
- import { usePopover as D } from "../hooks/use-popover.js";
7
- import H from "../s-chips/s-chips.js";
8
- import { L as I, M as G } from "../Menu-B8rPlcSd.js";
9
- import { a as f, P as o } from "../createTheme-DDycScYN.js";
1
+ import { j as l } from "../jsx-runtime-C5mzlN2N.js";
2
+ import * as u from "react";
3
+ import { c as V } from "../createSvgIcon-Ct7gnxYc.js";
4
+ import { OutlinedInput as P, selectClasses as B } from "@mui/material";
5
+ import { usePopover as E } from "../hooks/use-popover.js";
6
+ import F from "../s-chips/s-chips.js";
7
+ import { gray as x } from "../theme/theme-primitives.js";
8
+ import { L as O, M as U } from "../Menu-bcHHOGTe.js";
9
+ import { a as f, P as s } from "../createTheme-Hc7RjLJ8.js";
10
10
  import { c as M } from "../identifier-CHPjnqaz.js";
11
- import { u as U, s as z, c as A, b as _, m as W } from "../memoTheme-DX35GGEJ.js";
12
- import { g as q, d as E, m } from "../menuItemClasses-DLFqc90k.js";
13
- import { u as J } from "../useEnhancedEffect-CJGo-L3B.js";
14
- import { u as K, B as Q } from "../useSlot-B682hoPx.js";
15
- import { g as R } from "../generateUtilityClasses-Z7VQRhBn.js";
16
- const $ = R("MuiListItemIcon", ["root", "alignItemsFlexStart"]), j = R("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), X = (e, t) => {
11
+ import { u as z, s as D, c as G, r as H, m as _ } from "../memoTheme-Bkr5VYLb.js";
12
+ import { g as A, d as k, m } from "../menuItemClasses-Dzm1zEZ_.js";
13
+ import { u as W } from "../useEnhancedEffect-CJGo-L3B.js";
14
+ import { u as q, B as J } from "../useSlot-DeteCI62.js";
15
+ import { g as S } from "../generateUtilityClasses-BUjlppXi.js";
16
+ const K = V(/* @__PURE__ */ l.jsx("path", {
17
+ 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"
18
+ }), "UnfoldMore"), j = S("MuiListItemIcon", ["root", "alignItemsFlexStart"]), R = S("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), Q = (e, o) => {
17
19
  const {
18
- ownerState: a
20
+ ownerState: r
19
21
  } = e;
20
- return [t.root, a.dense && t.dense, a.divider && t.divider, !a.disableGutters && t.gutters];
21
- }, Y = (e) => {
22
+ return [o.root, r.dense && o.dense, r.divider && o.divider, !r.disableGutters && o.gutters];
23
+ }, X = (e) => {
22
24
  const {
23
- disabled: t,
24
- dense: a,
25
- divider: n,
26
- disableGutters: l,
27
- selected: u,
28
- classes: r
29
- } = e, i = A({
30
- root: ["root", a && "dense", t && "disabled", !l && "gutters", n && "divider", u && "selected"]
31
- }, q, r);
25
+ disabled: o,
26
+ dense: r,
27
+ divider: a,
28
+ disableGutters: d,
29
+ selected: i,
30
+ classes: c
31
+ } = e, n = G({
32
+ root: ["root", r && "dense", o && "disabled", !d && "gutters", a && "divider", i && "selected"]
33
+ }, A, c);
32
34
  return {
33
- ...r,
34
- ...i
35
+ ...c,
36
+ ...n
35
37
  };
36
- }, ee = z(Q, {
37
- shouldForwardProp: (e) => _(e) || e === "classes",
38
+ }, Y = D(J, {
39
+ shouldForwardProp: (e) => H(e) || e === "classes",
38
40
  name: "MuiMenuItem",
39
41
  slot: "Root",
40
- overridesResolver: X
41
- })(W(({
42
+ overridesResolver: Q
43
+ })(_(({
42
44
  theme: e
43
45
  }) => ({
44
46
  ...e.typography.body1,
@@ -79,43 +81,43 @@ const $ = R("MuiListItemIcon", ["root", "alignItemsFlexStart"]), j = R("MuiListI
79
81
  [`&.${m.disabled}`]: {
80
82
  opacity: (e.vars || e).palette.action.disabledOpacity
81
83
  },
82
- [`& + .${E.root}`]: {
84
+ [`& + .${k.root}`]: {
83
85
  marginTop: e.spacing(1),
84
86
  marginBottom: e.spacing(1)
85
87
  },
86
- [`& + .${E.inset}`]: {
88
+ [`& + .${k.inset}`]: {
87
89
  marginLeft: 52
88
90
  },
89
- [`& .${j.root}`]: {
91
+ [`& .${R.root}`]: {
90
92
  marginTop: 0,
91
93
  marginBottom: 0
92
94
  },
93
- [`& .${j.inset}`]: {
95
+ [`& .${R.inset}`]: {
94
96
  paddingLeft: 36
95
97
  },
96
- [`& .${$.root}`]: {
98
+ [`& .${j.root}`]: {
97
99
  minWidth: 36
98
100
  },
99
101
  variants: [{
100
102
  props: ({
101
- ownerState: t
102
- }) => !t.disableGutters,
103
+ ownerState: o
104
+ }) => !o.disableGutters,
103
105
  style: {
104
106
  paddingLeft: 16,
105
107
  paddingRight: 16
106
108
  }
107
109
  }, {
108
110
  props: ({
109
- ownerState: t
110
- }) => t.divider,
111
+ ownerState: o
112
+ }) => o.divider,
111
113
  style: {
112
114
  borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
113
115
  backgroundClip: "padding-box"
114
116
  }
115
117
  }, {
116
118
  props: ({
117
- ownerState: t
118
- }) => !t.dense,
119
+ ownerState: o
120
+ }) => !o.dense,
119
121
  style: {
120
122
  [e.breakpoints.up("sm")]: {
121
123
  minHeight: "auto"
@@ -123,64 +125,64 @@ const $ = R("MuiListItemIcon", ["root", "alignItemsFlexStart"]), j = R("MuiListI
123
125
  }
124
126
  }, {
125
127
  props: ({
126
- ownerState: t
127
- }) => t.dense,
128
+ ownerState: o
129
+ }) => o.dense,
128
130
  style: {
129
131
  minHeight: 32,
130
132
  // https://m2.material.io/components/menus#specs > Dense
131
133
  paddingTop: 4,
132
134
  paddingBottom: 4,
133
135
  ...e.typography.body2,
134
- [`& .${$.root} svg`]: {
136
+ [`& .${j.root} svg`]: {
135
137
  fontSize: "1.25rem"
136
138
  }
137
139
  }
138
140
  }]
139
- }))), P = /* @__PURE__ */ d.forwardRef(function(t, a) {
140
- const n = U({
141
- props: t,
141
+ }))), h = /* @__PURE__ */ u.forwardRef(function(o, r) {
142
+ const a = z({
143
+ props: o,
142
144
  name: "MuiMenuItem"
143
145
  }), {
144
- autoFocus: l = !1,
145
- component: u = "li",
146
- dense: r = !1,
147
- divider: p = !1,
148
- disableGutters: i = !1,
149
- focusVisibleClassName: b,
150
- role: k = "menuitem",
146
+ autoFocus: d = !1,
147
+ component: i = "li",
148
+ dense: c = !1,
149
+ divider: t = !1,
150
+ disableGutters: n = !1,
151
+ focusVisibleClassName: p,
152
+ role: b = "menuitem",
151
153
  tabIndex: y,
152
- className: F,
153
- ...L
154
- } = n, x = d.useContext(I), C = d.useMemo(() => ({
155
- dense: r || x.dense || !1,
156
- disableGutters: i
157
- }), [x.dense, r, i]), g = d.useRef(null);
158
- J(() => {
159
- l && (g.current ? g.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
160
- }, [l]);
161
- const T = {
162
- ...n,
163
- dense: C.dense,
164
- divider: p,
165
- disableGutters: i
166
- }, v = Y(n), N = K(g, a);
167
- let O;
168
- return n.disabled || (O = y !== void 0 ? y : -1), /* @__PURE__ */ c.jsx(I.Provider, {
169
- value: C,
170
- children: /* @__PURE__ */ c.jsx(ee, {
154
+ className: w,
155
+ ...T
156
+ } = a, C = u.useContext(O), I = u.useMemo(() => ({
157
+ dense: c || C.dense || !1,
158
+ disableGutters: n
159
+ }), [C.dense, c, n]), v = u.useRef(null);
160
+ W(() => {
161
+ d && (v.current ? v.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
162
+ }, [d]);
163
+ const L = {
164
+ ...a,
165
+ dense: I.dense,
166
+ divider: t,
167
+ disableGutters: n
168
+ }, g = X(a), N = q(v, r);
169
+ let $;
170
+ return a.disabled || ($ = y !== void 0 ? y : -1), /* @__PURE__ */ l.jsx(O.Provider, {
171
+ value: I,
172
+ children: /* @__PURE__ */ l.jsx(Y, {
171
173
  ref: N,
172
- role: k,
173
- tabIndex: O,
174
- component: u,
175
- focusVisibleClassName: M(v.focusVisible, b),
176
- className: M(v.root, F),
177
- ...L,
178
- ownerState: T,
179
- classes: v
174
+ role: b,
175
+ tabIndex: $,
176
+ component: i,
177
+ focusVisibleClassName: M(g.focusVisible, p),
178
+ className: M(g.root, w),
179
+ ...T,
180
+ ownerState: L,
181
+ classes: g
180
182
  })
181
183
  });
182
184
  });
183
- process.env.NODE_ENV !== "production" && (P.propTypes = {
185
+ process.env.NODE_ENV !== "production" && (h.propTypes = {
184
186
  // ┌────────────────────────────── Warning ──────────────────────────────┐
185
187
  // │ These PropTypes are generated from the TypeScript type definitions. │
186
188
  // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
@@ -190,44 +192,44 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
190
192
  * Focus will also be triggered if the value changes from false to true.
191
193
  * @default false
192
194
  */
193
- autoFocus: o.bool,
195
+ autoFocus: s.bool,
194
196
  /**
195
197
  * The content of the component.
196
198
  */
197
- children: o.node,
199
+ children: s.node,
198
200
  /**
199
201
  * Override or extend the styles applied to the component.
200
202
  */
201
- classes: o.object,
203
+ classes: s.object,
202
204
  /**
203
205
  * @ignore
204
206
  */
205
- className: o.string,
207
+ className: s.string,
206
208
  /**
207
209
  * The component used for the root node.
208
210
  * Either a string to use a HTML element or a component.
209
211
  */
210
- component: o.elementType,
212
+ component: s.elementType,
211
213
  /**
212
214
  * If `true`, compact vertical padding designed for keyboard and mouse input is used.
213
215
  * The prop defaults to the value inherited from the parent Menu component.
214
216
  * @default false
215
217
  */
216
- dense: o.bool,
218
+ dense: s.bool,
217
219
  /**
218
220
  * @ignore
219
221
  */
220
- disabled: o.bool,
222
+ disabled: s.bool,
221
223
  /**
222
224
  * If `true`, the left and right padding is removed.
223
225
  * @default false
224
226
  */
225
- disableGutters: o.bool,
227
+ disableGutters: s.bool,
226
228
  /**
227
229
  * If `true`, a 1px light border is added to the bottom of the menu item.
228
230
  * @default false
229
231
  */
230
- divider: o.bool,
232
+ divider: s.bool,
231
233
  /**
232
234
  * This prop can help identify which element has keyboard focus.
233
235
  * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -236,108 +238,106 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
236
238
  * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
237
239
  * if needed.
238
240
  */
239
- focusVisibleClassName: o.string,
241
+ focusVisibleClassName: s.string,
240
242
  /**
241
243
  * @ignore
242
244
  */
243
- role: o.string,
245
+ role: s.string,
244
246
  /**
245
247
  * If `true`, the component is selected.
246
248
  * @default false
247
249
  */
248
- selected: o.bool,
250
+ selected: s.bool,
249
251
  /**
250
252
  * The system prop that allows defining system overrides as well as additional CSS styles.
251
253
  */
252
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
254
+ sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),
253
255
  /**
254
256
  * @default 0
255
257
  */
256
- tabIndex: o.number
258
+ tabIndex: s.number
257
259
  });
258
- const te = /* @__PURE__ */ new Map([
259
- [
260
- "bold",
261
- /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z" }))
262
- ],
263
- [
264
- "duotone",
265
- /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M208,96l-80,80L48,96Z", opacity: "0.2" }), /* @__PURE__ */ s.createElement("path", { d: "M215.39,92.94A8,8,0,0,0,208,88H48a8,8,0,0,0-5.66,13.66l80,80a8,8,0,0,0,11.32,0l80-80A8,8,0,0,0,215.39,92.94ZM128,164.69,67.31,104H188.69Z" }))
266
- ],
267
- [
268
- "fill",
269
- /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z" }))
270
- ],
271
- [
272
- "light",
273
- /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z" }))
274
- ],
275
- [
276
- "regular",
277
- /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }))
278
- ],
279
- [
280
- "thin",
281
- /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z" }))
282
- ]
283
- ]);
284
- var ae = Object.defineProperty, oe = Object.defineProperties, se = Object.getOwnPropertyDescriptors, w = Object.getOwnPropertySymbols, re = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable, h = (e, t, a) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, le = (e, t) => {
285
- for (var a in t || (t = {}))
286
- re.call(t, a) && h(e, a, t[a]);
287
- if (w)
288
- for (var a of w(t))
289
- ne.call(t, a) && h(e, a, t[a]);
290
- return e;
291
- }, ie = (e, t) => oe(e, se(t));
292
- const S = B((e, t) => /* @__PURE__ */ s.createElement(Z, ie(le({ ref: t }, e), { weights: te })));
293
- S.displayName = "CaretDown";
294
- function Me({ label: e, onChange: t, options: a, value: n = [] }) {
295
- const l = D(), u = d.useCallback(
296
- (r, p) => {
297
- let i = [...n];
298
- p ? i.push(r) : i = i.filter((b) => b !== r), t == null || t(i);
260
+ function me({
261
+ label: e,
262
+ onChange: o,
263
+ options: r,
264
+ value: a = [],
265
+ chipProps: d
266
+ }) {
267
+ const i = E(), c = u.useCallback(
268
+ (t, n) => {
269
+ let p = [...a];
270
+ n ? p.push(t) : p = p.filter((b) => b !== t), o == null || o(p);
299
271
  },
300
- [t, n]
272
+ [o, a]
301
273
  );
302
- return /* @__PURE__ */ c.jsxs(d.Fragment, { children: [
303
- /* @__PURE__ */ c.jsx(
304
- V,
274
+ return /* @__PURE__ */ l.jsxs(u.Fragment, { children: [
275
+ /* @__PURE__ */ l.jsx(
276
+ P,
305
277
  {
306
- endIcon: /* @__PURE__ */ c.jsx(S, {}),
307
- onClick: l.handleOpen,
308
- ref: l.anchorRef,
278
+ endAdornment: /* @__PURE__ */ l.jsx(
279
+ K,
280
+ {
281
+ fontSize: "small",
282
+ sx: { color: "var(--s-palette-action-active)", position: "absolute", right: "7px" }
283
+ }
284
+ ),
285
+ onClick: i.handleOpen,
286
+ ref: i.anchorRef,
287
+ value: e,
309
288
  sx: {
310
- "& .MuiButton-endIcon svg": { fontSize: "var(--icon-fontSize-sm)" }
311
- },
312
- children: e
289
+ borderRadius: "var(--s-shape-borderRadius)",
290
+ border: "1px solid",
291
+ borderColor: x[200],
292
+ backgroundColor: "var(--s-palette-background-paper)",
293
+ boxShadow: "inset 0 1px 0 1px hsla(220, 0%, 100%, 0.6), inset 0 -1px 0 1px hsla(220, 35%, 90%, 0.5)",
294
+ "&:hover": {
295
+ borderColor: x[300],
296
+ backgroundColor: "var(--s-palette-background-paper)",
297
+ boxShadow: "none"
298
+ },
299
+ [`&.${B.focused}`]: {
300
+ outlineOffset: 0,
301
+ borderColor: x[400]
302
+ },
303
+ "&:before, &:after": {
304
+ display: "none"
305
+ }
306
+ }
313
307
  }
314
308
  ),
315
- /* @__PURE__ */ c.jsx(
316
- G,
309
+ /* @__PURE__ */ l.jsx(
310
+ U,
317
311
  {
318
- anchorEl: l.anchorRef.current,
319
- onClose: l.handleClose,
320
- open: l.open,
312
+ anchorEl: i.anchorRef.current,
313
+ onClose: i.handleClose,
314
+ open: i.open,
321
315
  slotProps: { paper: { sx: { width: "250px" } } },
322
- children: a.map((r) => {
323
- const p = n.includes(r.value);
324
- return /* @__PURE__ */ c.jsx(
325
- P,
316
+ children: r.map((t) => {
317
+ const n = a.includes(t.value);
318
+ return /* @__PURE__ */ l.jsx(
319
+ h,
326
320
  {
327
321
  onClick: () => {
328
- u(r.value, !p);
322
+ c(t.value, !n);
329
323
  },
330
- selected: p,
331
- children: r.label
324
+ selected: n,
325
+ children: t.label
332
326
  },
333
- r.label
327
+ t.label
334
328
  );
335
329
  })
336
330
  }
337
331
  ),
338
- /* @__PURE__ */ c.jsx(H, { chips: a.filter((r) => n.includes(r.value)).map((r) => r.label) })
332
+ /* @__PURE__ */ l.jsx(
333
+ F,
334
+ {
335
+ chips: r.filter((t) => a.includes(t.value)).map((t) => t.label),
336
+ ...d
337
+ }
338
+ )
339
339
  ] });
340
340
  }
341
341
  export {
342
- Me as default
342
+ me as default
343
343
  };
@@ -4,21 +4,21 @@ import r, { forwardRef as de } from "react";
4
4
  import { MenuItem as mt } from "@mui/material";
5
5
  import { E as pe } from "../SSRBase-BSdFRe_j.js";
6
6
  import { usePopover as On } from "../hooks/use-popover.js";
7
- import { g as Oe, b as Z, P as t, a as bt, q as _t, l as xn, j as rt } from "../createTheme-DDycScYN.js";
7
+ import { g as Oe, c as Z, P as t, a as bt, q as _t, l as xn, j as rt } from "../createTheme-Hc7RjLJ8.js";
8
8
  import { c as J } from "../identifier-CHPjnqaz.js";
9
- import { u as Q, s as M, c as _, m as N, b as ue, e as wn } from "../memoTheme-DX35GGEJ.js";
9
+ import { u as Q, s as M, c as _, m as N, r as ue, e as wn } from "../memoTheme-Bkr5VYLb.js";
10
10
  import { c as ve } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
11
- import { g as Cn, i as gt } from "../iconButtonClasses-8TuGhR-e.js";
12
- import { c as Kt, B as Hn, u as at, r as Me, f as An } from "../useSlot-B682hoPx.js";
13
- import { g as xe } from "../generateUtilityClasses-Z7VQRhBn.js";
11
+ import { g as Cn, i as gt } from "../iconButtonClasses-p4XIdEHn.js";
12
+ import { c as Kt, B as Hn, u as at, r as Me, f as An } from "../useSlot-DeteCI62.js";
13
+ import { g as xe } from "../generateUtilityClasses-BUjlppXi.js";
14
14
  import { css as Gt, keyframes as Xt } from "@emotion/react";
15
- import { S as ht } from "../Stack-DDbGEkxd.js";
16
- import { i as yt, o as En, M as Mn, g as Sn, P as In } from "../Menu-B8rPlcSd.js";
17
- import { g as Yt, s as $e } from "../selectClasses-CDFwg8w_.js";
15
+ import { S as ht } from "../Stack-Cvqi8X8g.js";
16
+ import { i as yt, o as En, M as Mn, g as Sn, P as In } from "../Menu-bcHHOGTe.js";
17
+ import { g as Yt, s as $e } from "../selectClasses-5MwxZ3Fd.js";
18
18
  import { F as Jt, a as Pe, u as vt } from "../useControlled-Bvu9pDu8.js";
19
- import { c as jn } from "../createSvgIcon-Bpes8W5L.js";
20
- import { i as Te, g as Rn, a as Zn, o as Y } from "../outlinedInputClasses-CnRkAD7A.js";
21
- import { g as $n } from "../index-CBHvlAxO.js";
19
+ import { c as jn } from "../createSvgIcon-Ct7gnxYc.js";
20
+ import { i as Te, g as Rn, a as Zn, o as Y } from "../outlinedInputClasses-49K73-OT.js";
21
+ import { g as $n } from "../index-DKnaPifQ.js";
22
22
  import { u as kn } from "../useEnhancedEffect-CJGo-L3B.js";
23
23
  import { unstable_useForkRef as Fn, unstable_ownerWindow as Ot, unstable_useEventCallback as Tn, unstable_useEnhancedEffect as xt, unstable_debounce as Pn } from "@mui/utils";
24
24
  function tt(e, n) {
@@ -5,7 +5,7 @@ import { Placeholder as m } from "@tiptap/extension-placeholder";
5
5
  import { useEditor as c, EditorContent as f } from "@tiptap/react";
6
6
  import { StarterKit as u } from "@tiptap/starter-kit";
7
7
  import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
8
- import { B as d } from "../Box-BAmUWsQI.js";
8
+ import { B as d } from "../Box-CppaOdse.js";
9
9
  const S = ({
10
10
  content: o,
11
11
  editable: r = !0,
@@ -1,7 +1,7 @@
1
1
  import { j as t } from "../jsx-runtime-C5mzlN2N.js";
2
- import { c } from "../createSvgIcon-Bpes8W5L.js";
3
- import { S as e } from "../Stack-DDbGEkxd.js";
4
- import { T as r } from "../Typography-DiJzGJJd.js";
2
+ import { c } from "../createSvgIcon-Ct7gnxYc.js";
3
+ import { S as e } from "../Stack-Cvqi8X8g.js";
4
+ import { T as r } from "../Typography--_YDZuXf.js";
5
5
  const s = c(/* @__PURE__ */ t.jsx("path", {
6
6
  d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7m2 11.7V16h-4v-2.3C8.48 12.63 7 11.53 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.49-1.51 3.65-3 4.7"
7
7
  }), "LightbulbOutline"), l = ({ message: o }) => /* @__PURE__ */ t.jsxs(
@@ -1,5 +1,5 @@
1
- import { g as t } from "./generateUtilityClasses-Z7VQRhBn.js";
2
- import { g as i } from "./createTheme-DDycScYN.js";
1
+ import { g as t } from "./generateUtilityClasses-BUjlppXi.js";
2
+ import { g as i } from "./createTheme-Hc7RjLJ8.js";
3
3
  function n(e) {
4
4
  return i("MuiSelect", e);
5
5
  }
@@ -1,5 +1,5 @@
1
- import { g as r } from "./createTheme-DDycScYN.js";
2
- import { g as t } from "./generateUtilityClasses-Z7VQRhBn.js";
1
+ import { g as r } from "./createTheme-Hc7RjLJ8.js";
2
+ import { g as t } from "./generateUtilityClasses-BUjlppXi.js";
3
3
  function s(o) {
4
4
  return r("MuiSvgIcon", o);
5
5
  }
@@ -2,12 +2,12 @@ import { j as m } from "../../jsx-runtime-C5mzlN2N.js";
2
2
  import e, { forwardRef as u } from "react";
3
3
  import { E as b } from "../../SSRBase-BSdFRe_j.js";
4
4
  import { gray as t, green as i, red as n } from "../theme-primitives.js";
5
- import { i as g } from "../../iconButtonClasses-8TuGhR-e.js";
6
- import { g as f } from "../../generateUtilityClasses-Z7VQRhBn.js";
7
- import { s as c } from "../../svgIconClasses-XJq1Ciua.js";
8
- import { b as C } from "../../buttonBaseClasses-DuDP2bLR.js";
9
- import { t as S } from "../../typographyClasses-CyVhKkh8.js";
10
- import { a as s } from "../../createTheme-DDycScYN.js";
5
+ import { i as g } from "../../iconButtonClasses-p4XIdEHn.js";
6
+ import { g as f } from "../../generateUtilityClasses-BUjlppXi.js";
7
+ import { s as c } from "../../svgIconClasses-CeSsTTHM.js";
8
+ import { b as C } from "../../buttonBaseClasses-Djzc2AiG.js";
9
+ import { t as S } from "../../typographyClasses-ykhCbiPA.js";
10
+ import { a as s } from "../../createTheme-Hc7RjLJ8.js";
11
11
  const l = f("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), h = /* @__PURE__ */ new Map([
12
12
  [
13
13
  "bold",
@@ -1,5 +1,5 @@
1
1
  import { gray as e, orange as o } from "../theme-primitives.js";
2
- import { a } from "../../createTheme-DDycScYN.js";
2
+ import { a } from "../../createTheme-Hc7RjLJ8.js";
3
3
  const l = {
4
4
  MuiAlert: {
5
5
  styleOverrides: {
@@ -1,10 +1,10 @@
1
1
  import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
2
- import { c as t } from "../../createSvgIcon-Bpes8W5L.js";
2
+ import { c as t } from "../../createSvgIcon-Ct7gnxYc.js";
3
3
  import { brand as e, gray as o } from "../theme-primitives.js";
4
- import { o as i } from "../../outlinedInputClasses-CnRkAD7A.js";
5
- import { g as s } from "../../generateUtilityClasses-Z7VQRhBn.js";
6
- import { s as n } from "../../svgIconClasses-XJq1Ciua.js";
7
- import { a } from "../../createTheme-DDycScYN.js";
4
+ import { o as i } from "../../outlinedInputClasses-49K73-OT.js";
5
+ import { g as s } from "../../generateUtilityClasses-BUjlppXi.js";
6
+ import { s as n } from "../../svgIconClasses-CeSsTTHM.js";
7
+ import { a } from "../../createTheme-Hc7RjLJ8.js";
8
8
  const c = t(/* @__PURE__ */ l.jsx("path", {
9
9
  d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
10
10
  }), "CheckBoxOutlineBlankRounded"), p = t(/* @__PURE__ */ l.jsx("path", {
@@ -1,12 +1,12 @@
1
1
  import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
2
2
  import * as d from "react";
3
- import { c as p } from "../../createSvgIcon-Bpes8W5L.js";
3
+ import { c as p } from "../../createSvgIcon-Ct7gnxYc.js";
4
4
  import { gray as r, brand as n } from "../theme-primitives.js";
5
- import { d as c, m as a } from "../../menuItemClasses-DLFqc90k.js";
6
- import { g as b } from "../../generateUtilityClasses-Z7VQRhBn.js";
7
- import { s } from "../../selectClasses-CDFwg8w_.js";
8
- import { b as u } from "../../buttonBaseClasses-DuDP2bLR.js";
9
- import { a as e } from "../../createTheme-DDycScYN.js";
5
+ import { d as c, m as a } from "../../menuItemClasses-Dzm1zEZ_.js";
6
+ import { g as b } from "../../generateUtilityClasses-BUjlppXi.js";
7
+ import { s } from "../../selectClasses-5MwxZ3Fd.js";
8
+ import { b as u } from "../../buttonBaseClasses-Djzc2AiG.js";
9
+ import { a as e } from "../../createTheme-Hc7RjLJ8.js";
10
10
  const x = p(/* @__PURE__ */ l.jsx("path", {
11
11
  d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
12
12
  }), "UnfoldMoreRounded"), t = b("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), R = {
@@ -1,5 +1,5 @@
1
1
  import { gray as o } from "../theme-primitives.js";
2
- import { a } from "../../createTheme-DDycScYN.js";
2
+ import { a } from "../../createTheme-Hc7RjLJ8.js";
3
3
  const i = {
4
4
  MuiAccordion: {
5
5
  defaultProps: {
@@ -1,4 +1,4 @@
1
- import { c as n, a as o } from "../createTheme-DDycScYN.js";
1
+ import { b as n, a as o } from "../createTheme-Hc7RjLJ8.js";
2
2
  const e = n(), p = [...e.shadows], t = {
3
3
  50: "hsl(210, 100%, 95%)",
4
4
  100: "hsl(210, 100%, 92%)",
@@ -1,5 +1,5 @@
1
- import { g as a } from "./generateUtilityClasses-Z7VQRhBn.js";
2
- import { g as i } from "./createTheme-DDycScYN.js";
1
+ import { g as a } from "./generateUtilityClasses-BUjlppXi.js";
2
+ import { g as i } from "./createTheme-Hc7RjLJ8.js";
3
3
  function e(t) {
4
4
  return i("MuiTypography", t);
5
5
  }
@@ -4,12 +4,12 @@ var W = (e, t, n) => Be(e, typeof t != "symbol" ? t + "" : t, n);
4
4
  import { c as M } from "./identifier-CHPjnqaz.js";
5
5
  import * as h from "react";
6
6
  import q, { isValidElement as J, cloneElement as Q, Children as Ve } from "react";
7
- import { P as r } from "./createTheme-DDycScYN.js";
7
+ import { P as r } from "./createTheme-Hc7RjLJ8.js";
8
8
  import { j as U } from "./jsx-runtime-C5mzlN2N.js";
9
- import { g as Ue } from "./generateUtilityClasses-Z7VQRhBn.js";
10
- import { u as me, s as ie, c as _e } from "./memoTheme-DX35GGEJ.js";
9
+ import { g as Ue } from "./generateUtilityClasses-BUjlppXi.js";
10
+ import { u as me, s as ie, c as _e } from "./memoTheme-Bkr5VYLb.js";
11
11
  import { keyframes as re } from "@emotion/react";
12
- import { g as Fe, b as He } from "./buttonBaseClasses-DuDP2bLR.js";
12
+ import { g as Fe, b as He } from "./buttonBaseClasses-Djzc2AiG.js";
13
13
  import { u as ze } from "./useEnhancedEffect-CJGo-L3B.js";
14
14
  function Ye(e, t) {
15
15
  return process.env.NODE_ENV === "production" ? () => null : function(...s) {
@@ -1,4 +1,4 @@
1
- import { e as n } from "./createTheme-DDycScYN.js";
1
+ import { e as n } from "./createTheme-Hc7RjLJ8.js";
2
2
  import * as o from "react";
3
3
  import { ThemeContext as m } from "@emotion/react";
4
4
  function r(e) {
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org"
5
5
  },
6
- "version": "1.0.16",
6
+ "version": "1.0.17",
7
7
  "description": "advanced ui kit for solostylist",
8
8
  "private": false,
9
9
  "type": "module",