@solostylist/ui-kit 1.0.100 → 1.0.102

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 (46) hide show
  1. package/dist/{ButtonBase-Cn3itpEl.js → ButtonBase-B-mcxJe8.js} +28 -28
  2. package/dist/{ChevronRight-G7jhiUBG.js → ChevronRight-BB4jrtLy.js} +1 -1
  3. package/dist/{Close-BSG2-e7H.js → Close-DqRHeMAW.js} +1 -1
  4. package/dist/ExpandMore-CE1RzE_y.js +8 -0
  5. package/dist/{Menu-DYOw-I_3.js → Menu-HtTElywx.js} +4 -4
  6. package/dist/{MenuItem-DTRBXdpX.js → MenuItem-DzviefY7.js} +3 -3
  7. package/dist/{Paper-DEq2MLtq.js → Paper-pJ5bSU59.js} +2 -2
  8. package/dist/{Select-DmB-tjlR.js → Select-C9Hk7BA8.js} +3 -3
  9. package/dist/{Stack-GTpsqQv0.js → Stack-TRopps6s.js} +1 -1
  10. package/dist/{Typography-zQXZ4jKl.js → Typography-DGEEI1Q-.js} +1 -1
  11. package/dist/{createSvgIcon-CS-Z7P80.js → createSvgIcon-DCQI9UV5.js} +3 -3
  12. package/dist/{mergeSlotProps-BbDReBm1.js → mergeSlotProps-N1VTlioP.js} +1 -1
  13. package/dist/s-accordion/s-accordion.js +102 -104
  14. package/dist/s-carousel/s-carousel.js +1 -1
  15. package/dist/s-chat-input/s-chat-input.js +57 -57
  16. package/dist/s-chat-message/index.d.ts +1 -1
  17. package/dist/s-chat-message/s-chat-message.d.ts +13 -1
  18. package/dist/s-chat-message/s-chat-message.js +207 -54
  19. package/dist/s-comment-message/index.d.ts +2 -0
  20. package/dist/s-comment-message/index.js +4 -0
  21. package/dist/s-comment-message/package.json +5 -0
  22. package/dist/s-comment-message/s-comment-message.d.ts +21 -0
  23. package/dist/s-comment-message/s-comment-message.js +138 -0
  24. package/dist/s-copyable-text/s-copyable-text.js +1 -1
  25. package/dist/s-data-table/s-data-table.js +3 -3
  26. package/dist/s-date-picker/s-date-picker.js +4 -4
  27. package/dist/s-datetime-picker/s-datetime-picker.js +7 -7
  28. package/dist/s-dialog/s-dialog.js +1 -1
  29. package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
  30. package/dist/s-dialog-message/s-dialog-message.js +2 -2
  31. package/dist/s-file-dropzone/s-file-dropzone.js +3 -3
  32. package/dist/s-image-comparison/s-image-comparison.js +1 -1
  33. package/dist/s-image-modal/s-image-modal.js +2 -2
  34. package/dist/s-label/s-label.js +5 -5
  35. package/dist/s-lazy-image/s-lazy-image.js +25 -23
  36. package/dist/s-multi-select/s-multi-select.js +5 -5
  37. package/dist/s-review/s-review.js +1 -1
  38. package/dist/s-text-editor/s-text-editor-toolbar.js +8 -8
  39. package/dist/s-text-field/s-text-field.js +5 -5
  40. package/dist/s-tip/s-tip.js +3 -3
  41. package/dist/theme/components/avatar.js +3 -3
  42. package/dist/theme/components/chip.js +1 -1
  43. package/dist/theme/customizations/inputs.js +1 -1
  44. package/dist/theme/customizations/navigation.js +1 -1
  45. package/dist/{useMobilePicker-By8yrJS0.js → useMobilePicker-c5_EH1sg.js} +6 -6
  46. package/package.json +1 -1
@@ -4,7 +4,7 @@ var q = (t, n, e) => xe(t, typeof n != "symbol" ? n + "" : n, e);
4
4
  import { c as oe } from "./resolveProps-61uUKnlS.js";
5
5
  import * as l from "react";
6
6
  import { P as o } from "./createTheme-YLBX8GSj.js";
7
- import { c as D, u as ue, a as Ie } from "./createSvgIcon-CS-Z7P80.js";
7
+ import { a as D, u as ue, b as Ie } from "./createSvgIcon-DCQI9UV5.js";
8
8
  import { j as P } from "./jsx-runtime-DywqP_6a.js";
9
9
  import { g as Se } from "./generateUtilityClasses-BtVDwGrk.js";
10
10
  import { s as Q } from "./styled-DOEEZAON.js";
@@ -162,18 +162,18 @@ function Fe(t) {
162
162
  ...e == null ? void 0 : e.style,
163
163
  ...i == null ? void 0 : i.style,
164
164
  ...s == null ? void 0 : s.style
165
- }, y = {
165
+ }, b = {
166
166
  ...a,
167
167
  ...e,
168
168
  ...g,
169
169
  ...h
170
170
  };
171
- return m.length > 0 && (y.className = m), Object.keys(p).length > 0 && (y.style = p), {
172
- props: y,
171
+ return m.length > 0 && (b.className = m), Object.keys(p).length > 0 && (b.style = p), {
172
+ props: b,
173
173
  internalRef: a.ref
174
174
  };
175
175
  }
176
- function yt(t, n) {
176
+ function bt(t, n) {
177
177
  const {
178
178
  className: e,
179
179
  elementType: s,
@@ -190,7 +190,7 @@ function yt(t, n) {
190
190
  slotProps: p = {
191
191
  [t]: void 0
192
192
  },
193
- ...y
193
+ ...b
194
194
  } = u, R = m[t] || s, d = Xe(p[t], i), {
195
195
  props: {
196
196
  component: T,
@@ -200,7 +200,7 @@ function yt(t, n) {
200
200
  } = Fe({
201
201
  className: e,
202
202
  ...g,
203
- externalForwardedProps: t === "root" ? y : void 0,
203
+ externalForwardedProps: t === "root" ? b : void 0,
204
204
  externalSlotProps: d
205
205
  }), U = v(S, d == null ? void 0 : d.ref, n.ref), C = t === "root" ? T || a : T, c = Ye(R, {
206
206
  ...t === "root" && !a && !m[t] && f,
@@ -291,7 +291,7 @@ function le(t) {
291
291
  in: h,
292
292
  onExited: g,
293
293
  timeout: a
294
- } = t, [m, p] = l.useState(!1), y = D(n, e.ripple, e.rippleVisible, s && e.ripplePulsate), R = {
294
+ } = t, [m, p] = l.useState(!1), b = D(n, e.ripple, e.rippleVisible, s && e.ripplePulsate), R = {
295
295
  width: f,
296
296
  height: f,
297
297
  top: -(f / 2) + u,
@@ -305,7 +305,7 @@ function le(t) {
305
305
  };
306
306
  }
307
307
  }, [g, h, a]), /* @__PURE__ */ P.jsx("span", {
308
- className: y,
308
+ className: b,
309
309
  style: R,
310
310
  children: /* @__PURE__ */ P.jsx("span", {
311
311
  className: d
@@ -457,7 +457,7 @@ const M = Se("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
457
457
  l.useEffect(() => {
458
458
  p.current && (p.current(), p.current = null);
459
459
  }, [g]);
460
- const y = l.useRef(!1), R = Ue(), d = l.useRef(null), T = l.useRef(null), E = l.useCallback((c) => {
460
+ const b = l.useRef(!1), R = Ue(), d = l.useRef(null), T = l.useRef(null), E = l.useCallback((c) => {
461
461
  const {
462
462
  pulsate: w,
463
463
  rippleX: N,
@@ -488,11 +488,11 @@ const M = Se("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
488
488
  fakeElement: z = !1
489
489
  // For test purposes
490
490
  } = w;
491
- if ((c == null ? void 0 : c.type) === "mousedown" && y.current) {
492
- y.current = !1;
491
+ if ((c == null ? void 0 : c.type) === "mousedown" && b.current) {
492
+ b.current = !1;
493
493
  return;
494
494
  }
495
- (c == null ? void 0 : c.type) === "touchstart" && (y.current = !0);
495
+ (c == null ? void 0 : c.type) === "touchstart" && (b.current = !0);
496
496
  const k = z ? null : T.current, V = k ? k.getBoundingClientRect() : {
497
497
  width: 0,
498
498
  height: 0,
@@ -640,7 +640,7 @@ const nt = (t) => {
640
640
  disabled: a = !1,
641
641
  disableRipple: m = !1,
642
642
  disableTouchRipple: p = !1,
643
- focusRipple: y = !1,
643
+ focusRipple: b = !1,
644
644
  focusVisibleClassName: R,
645
645
  LinkComponent: d = "a",
646
646
  onBlur: T,
@@ -662,19 +662,19 @@ const nt = (t) => {
662
662
  touchRippleRef: H,
663
663
  type: $,
664
664
  ...K
665
- } = s, Y = l.useRef(null), b = Ze(), pe = v(b.ref, H), [B, F] = l.useState(!1);
665
+ } = s, Y = l.useRef(null), y = Ze(), pe = v(y.ref, H), [B, F] = l.useState(!1);
666
666
  a && B && F(!1), l.useImperativeHandle(i, () => ({
667
667
  focusVisible: () => {
668
668
  F(!0), Y.current.focus();
669
669
  }
670
670
  }), []);
671
- const fe = b.shouldMount && !m && !a;
671
+ const fe = y.shouldMount && !m && !a;
672
672
  l.useEffect(() => {
673
- B && y && !m && b.pulsate();
674
- }, [m, y, B, b]);
675
- const de = I(b, "start", A, p), he = I(b, "stop", S, p), me = I(b, "stop", U, p), ye = I(b, "stop", z, p), be = I(b, "stop", (r) => {
673
+ B && b && !m && y.pulsate();
674
+ }, [m, b, B, y]);
675
+ const de = I(y, "start", A, p), he = I(y, "stop", S, p), me = I(y, "stop", U, p), be = I(y, "stop", z, p), ye = I(y, "stop", (r) => {
676
676
  B && r.preventDefault(), O && O(r);
677
- }, p), ge = I(b, "start", j, p), Re = I(b, "stop", k, p), Te = I(b, "stop", V, p), Me = I(b, "stop", (r) => {
677
+ }, p), ge = I(y, "start", j, p), Re = I(y, "stop", k, p), Te = I(y, "stop", V, p), Me = I(y, "stop", (r) => {
678
678
  ie(r.target) || F(!1), T && T(r);
679
679
  }, !1), Ee = Z((r) => {
680
680
  Y.current || (Y.current = r.currentTarget), ie(r.target) && (F(!0), c && c(r)), C && C(r);
@@ -682,12 +682,12 @@ const nt = (t) => {
682
682
  const r = Y.current;
683
683
  return g && g !== "button" && !(r.tagName === "A" && r.href);
684
684
  }, Ce = Z((r) => {
685
- y && !r.repeat && B && r.key === " " && b.stop(r, () => {
686
- b.start(r);
685
+ b && !r.repeat && B && r.key === " " && y.stop(r, () => {
686
+ y.start(r);
687
687
  }), r.target === r.currentTarget && G() && r.key === " " && r.preventDefault(), w && w(r), r.target === r.currentTarget && G() && r.key === "Enter" && !a && (r.preventDefault(), E && E(r));
688
688
  }), Ne = Z((r) => {
689
- y && r.key === " " && B && !r.defaultPrevented && b.stop(r, () => {
690
- b.pulsate(r);
689
+ b && r.key === " " && B && !r.defaultPrevented && y.stop(r, () => {
690
+ y.pulsate(r);
691
691
  }), N && N(r), E && r.target === r.currentTarget && G() && r.key === " " && !r.defaultPrevented && E(r);
692
692
  });
693
693
  let W = g;
@@ -701,7 +701,7 @@ const nt = (t) => {
701
701
  disabled: a,
702
702
  disableRipple: m,
703
703
  disableTouchRipple: p,
704
- focusRipple: y,
704
+ focusRipple: b,
705
705
  tabIndex: x,
706
706
  focusVisible: B
707
707
  }, ke = nt(ne);
@@ -716,8 +716,8 @@ const nt = (t) => {
716
716
  onKeyDown: Ce,
717
717
  onKeyUp: Ne,
718
718
  onMouseDown: de,
719
- onMouseLeave: be,
720
- onMouseUp: ye,
719
+ onMouseLeave: ye,
720
+ onMouseUp: be,
721
721
  onDragLeave: me,
722
722
  onTouchEnd: Re,
723
723
  onTouchMove: Te,
@@ -900,7 +900,7 @@ export {
900
900
  Xe as a,
901
901
  Ue as b,
902
902
  $e as c,
903
- yt as d,
903
+ bt as d,
904
904
  He as e,
905
905
  Z as f,
906
906
  qe as g,
@@ -1,5 +1,5 @@
1
1
  import { j as o } from "./jsx-runtime-DywqP_6a.js";
2
- import { b as t } from "./createSvgIcon-CS-Z7P80.js";
2
+ import { c as t } from "./createSvgIcon-DCQI9UV5.js";
3
3
  const n = t(/* @__PURE__ */ o.jsx("path", {
4
4
  d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
5
5
  }), "ChevronLeft"), s = t(/* @__PURE__ */ o.jsx("path", {
@@ -1,5 +1,5 @@
1
1
  import { j as o } from "./jsx-runtime-DywqP_6a.js";
2
- import { b as s } from "./createSvgIcon-CS-Z7P80.js";
2
+ import { c as s } from "./createSvgIcon-DCQI9UV5.js";
3
3
  const e = s(/* @__PURE__ */ o.jsx("path", {
4
4
  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"
5
5
  }), "Close");
@@ -0,0 +1,8 @@
1
+ import { j as o } from "./jsx-runtime-DywqP_6a.js";
2
+ import { c as r } from "./createSvgIcon-DCQI9UV5.js";
3
+ const p = r(/* @__PURE__ */ o.jsx("path", {
4
+ d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
5
+ }), "ExpandMore");
6
+ export {
7
+ p as E
8
+ };
@@ -1,13 +1,13 @@
1
1
  import * as u from "react";
2
2
  import { P as e, j as He } from "./createTheme-YLBX8GSj.js";
3
- import { u as ce, c as ne, a as le, m as it } from "./createSvgIcon-CS-Z7P80.js";
3
+ import { u as ce, a as ne, b as le, m as it } from "./createSvgIcon-DCQI9UV5.js";
4
4
  import { j as A } from "./jsx-runtime-DywqP_6a.js";
5
5
  import { s as G, r as at } from "./styled-DOEEZAON.js";
6
6
  import { g as ue } from "./colorManipulator-ep5lERxB.js";
7
7
  import { g as pe } from "./generateUtilityClasses-BtVDwGrk.js";
8
- import { c as Me, b as ct, u as Z, d as W, f as Fe, g as lt, r as ut, e as pt, a as dt, m as ft, h as mt } from "./ButtonBase-Cn3itpEl.js";
9
- import { T as ze, u as qe, g as he, r as We, P as ht, i as bt } from "./Paper-DEq2MLtq.js";
10
- import { m as gt } from "./mergeSlotProps-BbDReBm1.js";
8
+ import { c as Me, b as ct, u as Z, d as W, f as Fe, g as lt, r as ut, e as pt, a as dt, m as ft, h as mt } from "./ButtonBase-B-mcxJe8.js";
9
+ import { T as ze, u as qe, g as he, r as We, P as ht, i as bt } from "./Paper-pJ5bSU59.js";
10
+ import { m as gt } from "./mergeSlotProps-N1VTlioP.js";
11
11
  import * as yt from "react-dom";
12
12
  import { u as Ne } from "./useEnhancedEffect-CJGo-L3B.js";
13
13
  function De(...t) {
@@ -1,13 +1,13 @@
1
1
  import * as d from "react";
2
2
  import { P as o } from "./createTheme-YLBX8GSj.js";
3
- import { u as B, c as x, a as D, m as L } from "./createSvgIcon-CS-Z7P80.js";
3
+ import { u as B, a as x, b as D, m as L } from "./createSvgIcon-DCQI9UV5.js";
4
4
  import { s as S, r as E } from "./styled-DOEEZAON.js";
5
- import { L as C } from "./Menu-DYOw-I_3.js";
5
+ import { L as C } from "./Menu-HtTElywx.js";
6
6
  import { g as c } from "./generateUtilityClasses-BtVDwGrk.js";
7
7
  import { g as O } from "./colorManipulator-ep5lERxB.js";
8
8
  import { j as I } from "./jsx-runtime-DywqP_6a.js";
9
9
  import { u as P } from "./useEnhancedEffect-CJGo-L3B.js";
10
- import { u as U, B as F } from "./ButtonBase-Cn3itpEl.js";
10
+ import { u as U, B as F } from "./ButtonBase-B-mcxJe8.js";
11
11
  function ee(e) {
12
12
  return O("MuiDivider", e);
13
13
  }
@@ -4,7 +4,7 @@ import { P as n, k as S } from "./createTheme-YLBX8GSj.js";
4
4
  import * as P from "react";
5
5
  import b from "react";
6
6
  import g from "react-dom";
7
- import { u as _, c as U, a as $, m as q } from "./createSvgIcon-CS-Z7P80.js";
7
+ import { u as _, a as U, b as $, m as q } from "./createSvgIcon-DCQI9UV5.js";
8
8
  import { d as V } from "./defaultTheme-DXvvOU_p.js";
9
9
  import { T as j } from "./identifier-BKLqN993.js";
10
10
  import { u as L } from "./useTheme-w9o5xUBz.js";
@@ -12,7 +12,7 @@ import { j as G } from "./jsx-runtime-DywqP_6a.js";
12
12
  import { s as A } from "./styled-DOEEZAON.js";
13
13
  import { g as F, a as D } from "./colorManipulator-ep5lERxB.js";
14
14
  import { g as X } from "./generateUtilityClasses-BtVDwGrk.js";
15
- import { c as W } from "./ButtonBase-Cn3itpEl.js";
15
+ import { c as W } from "./ButtonBase-B-mcxJe8.js";
16
16
  function H() {
17
17
  const o = L(V);
18
18
  return process.env.NODE_ENV !== "production" && P.useDebugValue(o), o[j] || o;
@@ -1,6 +1,6 @@
1
1
  import * as i from "react";
2
2
  import { c as F, P as e, j as Uo, f as Je } from "./createTheme-YLBX8GSj.js";
3
- import { u as ae, c as ie, a as Y, m as V, b as Vo } from "./createSvgIcon-CS-Z7P80.js";
3
+ import { u as ae, a as ie, b as Y, m as V, c as Vo } from "./createSvgIcon-DCQI9UV5.js";
4
4
  import { F as Ro, u as Qe } from "./useFormControl-CatNKXAi.js";
5
5
  import { g as Ce, f as To } from "./colorManipulator-ep5lERxB.js";
6
6
  import { g as xe } from "./generateUtilityClasses-BtVDwGrk.js";
@@ -8,9 +8,9 @@ import { j as m } from "./jsx-runtime-DywqP_6a.js";
8
8
  import { s as N, r as me, a as Ho } from "./styled-DOEEZAON.js";
9
9
  import { c as Se } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
10
10
  import { g as _o, i as fo } from "./iconButtonClasses-qz3jor3M.js";
11
- import { c as No, B as qo, r as Oe, u as Me, f as Ko, e as Go, d as Xo } from "./ButtonBase-Cn3itpEl.js";
11
+ import { c as No, B as qo, r as Oe, u as Me, f as Ko, e as Go, d as Xo } from "./ButtonBase-B-mcxJe8.js";
12
12
  import { css as Po, keyframes as jo } from "@emotion/react";
13
- import { o as Yo, M as Zo, a as mo, d as Jo, i as bo, g as Qo } from "./Menu-DYOw-I_3.js";
13
+ import { o as Yo, M as Zo, a as mo, d as Jo, i as bo, g as Qo } from "./Menu-HtTElywx.js";
14
14
  import { u as go } from "./useControlled-nm4pBabJ.js";
15
15
  import { i as Ee, g as et, a as ot, o as X } from "./outlinedInputClasses-DM19xjo3.js";
16
16
  import { g as tt } from "./index-B3csTTDl.js";
@@ -5,7 +5,7 @@ import { c as F } from "./clsx-OuTLNxxd.js";
5
5
  import { j as B } from "./jsx-runtime-DywqP_6a.js";
6
6
  import { e as M } from "./extendSxProp-BNyKHzap.js";
7
7
  import { u as w } from "./useThemeProps-CPsDWmFG.js";
8
- import { a as G, u as U } from "./createSvgIcon-CS-Z7P80.js";
8
+ import { b as G, u as U } from "./createSvgIcon-DCQI9UV5.js";
9
9
  import { g as $ } from "./colorManipulator-ep5lERxB.js";
10
10
  const A = N(), _ = E(), I = A("div", {
11
11
  name: "MuiStack",
@@ -1,6 +1,6 @@
1
1
  import * as j from "react";
2
2
  import { c, P as r } from "./createTheme-YLBX8GSj.js";
3
- import { u as O, c as S, a as w, m as B } from "./createSvgIcon-CS-Z7P80.js";
3
+ import { u as O, a as S, b as w, m as B } from "./createSvgIcon-DCQI9UV5.js";
4
4
  import { i as P } from "./index-B3csTTDl.js";
5
5
  import { c as W } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
6
6
  import { g as C } from "./typographyClasses-C7fhAsUD.js";
@@ -310,9 +310,9 @@ function G(e, o) {
310
310
  return process.env.NODE_ENV !== "production" && (t.displayName = `${o}Icon`), t.muiName = N.muiName, /* @__PURE__ */ d.memo(/* @__PURE__ */ d.forwardRef(t));
311
311
  }
312
312
  export {
313
- R as a,
314
- G as b,
315
- E as c,
313
+ E as a,
314
+ R as b,
315
+ G as c,
316
316
  D as m,
317
317
  $ as u
318
318
  };
@@ -1,4 +1,4 @@
1
- import { c as f } from "./createSvgIcon-CS-Z7P80.js";
1
+ import { a as f } from "./createSvgIcon-DCQI9UV5.js";
2
2
  function H(c, m) {
3
3
  const N = c.charCodeAt(2);
4
4
  return c[0] === "o" && c[1] === "n" && N >= 65 && N <= 90 && typeof m == "function";