@solostylist/ui-kit 1.0.85 → 1.0.87

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 (70) hide show
  1. package/dist/{Box-Bfkq7uIw.js → Box-Cf99MewL.js} +5 -5
  2. package/dist/{Close-C1lLcTQu.js → Close-CKpTrk7X.js} +1 -1
  3. package/dist/{Menu-DbldWmqB.js → Menu-D2LDo0yd.js} +14 -14
  4. package/dist/{MenuItem-BHTJlag0.js → MenuItem-JkMrBIMD.js} +6 -6
  5. package/dist/{Select-CT0Hpudx.js → Select-4BjFewNI.js} +9 -9
  6. package/dist/{Stack-W0weBtf9.js → Stack-UjxgGQu9.js} +5 -5
  7. package/dist/{TransitionGroup-q306siJs.js → TransitionGroup-DzGaAPUk.js} +1 -1
  8. package/dist/{Typography-CeAbQ9LX.js → Typography-CGoVq27h.js} +4 -4
  9. package/dist/{buttonBaseClasses-CR6HkqQ3.js → buttonBaseClasses-jCihfot4.js} +2 -2
  10. package/dist/{colorManipulator-CPZHCebU.js → colorManipulator-ep5lERxB.js} +12 -11
  11. package/dist/{createSvgIcon-9XY7lJan.js → createSvgIcon-vJH0FaMW.js} +77 -78
  12. package/dist/{createTheme-wt8sY36y.js → createTheme-DjqDAiZm.js} +154 -153
  13. package/dist/{defaultTheme-YL2LZ-0U.js → defaultTheme-CaAxts6z.js} +1 -1
  14. package/dist/{extendSxProp-B1pEE-ot.js → extendSxProp-BnfiUPQK.js} +1 -1
  15. package/dist/{generateUtilityClasses-D-O3RBPF.js → generateUtilityClasses-BtVDwGrk.js} +1 -1
  16. package/dist/{iconButtonClasses-WmsPyI4v.js → iconButtonClasses-qz3jor3M.js} +2 -2
  17. package/dist/{index-DAXzX0k9.js → index-DcImsw9J.js} +4 -4
  18. package/dist/main.d.ts +7 -2
  19. package/dist/main.js +103 -100
  20. package/dist/{outlinedInputClasses-Cor6Mcxo.js → outlinedInputClasses-DM19xjo3.js} +2 -2
  21. package/dist/s-chat-input/index.d.ts +2 -0
  22. package/dist/s-chat-input/index.js +4 -0
  23. package/dist/s-chat-input/package.json +5 -0
  24. package/dist/s-chat-input/s-chat-input.d.ts +11 -0
  25. package/dist/s-chat-input/s-chat-input.js +185 -0
  26. package/dist/s-copyable-text/s-copyable-text.js +1 -1
  27. package/dist/s-data-table/s-data-table.js +5 -5
  28. package/dist/s-date-picker/s-date-picker.js +8 -8
  29. package/dist/s-datetime-picker/s-datetime-picker.js +11 -11
  30. package/dist/s-dialog/s-dialog.js +1 -1
  31. package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
  32. package/dist/s-dialog-message/s-dialog-message.js +2 -2
  33. package/dist/s-file-dropzone/s-file-dropzone.js +4 -4
  34. package/dist/s-file-icon/s-file-icon.js +1 -1
  35. package/dist/s-image-modal/index.d.ts +3 -0
  36. package/dist/s-image-modal/index.js +5 -0
  37. package/dist/s-image-modal/package.json +5 -0
  38. package/dist/s-image-modal/s-image-modal.d.ts +75 -0
  39. package/dist/s-image-modal/s-image-modal.js +404 -0
  40. package/dist/s-interactive-gallery/index.d.ts +2 -2
  41. package/dist/s-interactive-gallery/index.js +3 -4
  42. package/dist/s-interactive-gallery/s-interactive-gallery.d.ts +1 -52
  43. package/dist/s-interactive-gallery/s-interactive-gallery.js +93 -437
  44. package/dist/s-label/s-label.js +1 -1
  45. package/dist/s-localization-provider/s-localization-provider.js +1 -1
  46. package/dist/s-multi-select/s-multi-select.js +3 -3
  47. package/dist/s-smart-text-field/s-smart-text-field.js +2 -2
  48. package/dist/s-text-editor/s-text-editor-toolbar.js +4 -4
  49. package/dist/s-text-editor/s-text-editor.js +1 -1
  50. package/dist/s-text-field/s-text-field.js +36 -12
  51. package/dist/s-tip/s-tip.js +3 -3
  52. package/dist/{svgIconClasses-BYFQaEQ7.js → svgIconClasses-CBCi8U9g.js} +2 -2
  53. package/dist/{tabClasses-CXQXD3XZ.js → tabClasses-Bub2PPlp.js} +2 -2
  54. package/dist/theme/components/avatar.js +1 -1
  55. package/dist/theme/components/button.d.ts +158 -158
  56. package/dist/theme/components/chip.d.ts +2 -2
  57. package/dist/theme/components/chip.js +1 -1
  58. package/dist/theme/components/components.d.ts +160 -160
  59. package/dist/theme/customizations/data-display.js +5 -5
  60. package/dist/theme/customizations/inputs.js +9 -14
  61. package/dist/theme/customizations/navigation.js +3 -3
  62. package/dist/theme/customizations/surfaces.js +1 -1
  63. package/dist/theme/theme-primitives.js +2 -2
  64. package/dist/{typographyClasses-DTwotNbm.js → typographyClasses-C7fhAsUD.js} +2 -2
  65. package/dist/{useMobilePicker-CYRSYIKP.js → useMobilePicker-DmFQ075P.js} +13 -13
  66. package/dist/{useSlot-B_4ipGBP.js → useSlot-DFSsVuMw.js} +6 -6
  67. package/dist/{useTheme-D1MJ3g_i.js → useTheme-DPtt6ExE.js} +1 -1
  68. package/dist/{useThemeProps-CTcSO3lC.js → useThemeProps-DQiCrjPQ.js} +2 -2
  69. package/dist/{warning-DyDdgu8-.js → warning-UxpRUL3s.js} +3 -3
  70. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import { j as e } from "../jsx-runtime-DywqP_6a.js";
2
- import { c as r } from "../createSvgIcon-9XY7lJan.js";
2
+ import { c as r } from "../createSvgIcon-vJH0FaMW.js";
3
3
  import { Stack as i, Tooltip as s } from "@mui/material";
4
4
  const c = r(/* @__PURE__ */ e.jsx("path", {
5
5
  d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
@@ -1,5 +1,5 @@
1
1
  import { j as Mt } from "../jsx-runtime-DywqP_6a.js";
2
- import { w as yt, L as gt } from "../warning-DyDdgu8-.js";
2
+ import { w as yt, L as gt } from "../warning-UxpRUL3s.js";
3
3
  import { a as Tt } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
4
4
  import c from "dayjs";
5
5
  import { g as F } from "../_commonjsHelpers-B4e78b8K.js";
@@ -1,11 +1,11 @@
1
1
  import { j as t } from "../jsx-runtime-DywqP_6a.js";
2
2
  import * as c from "react";
3
- import { c as h } from "../createSvgIcon-9XY7lJan.js";
3
+ import { c as h } from "../createSvgIcon-vJH0FaMW.js";
4
4
  import { Stack as j, OutlinedInput as M } from "@mui/material";
5
5
  import { usePopover as v } from "../hooks/use-popover.js";
6
6
  import S from "../s-chips/s-chips.js";
7
- import { M as R } from "../Menu-DbldWmqB.js";
8
- import { M as b } from "../MenuItem-BHTJlag0.js";
7
+ import { M as R } from "../Menu-D2LDo0yd.js";
8
+ import { M as b } from "../MenuItem-JkMrBIMD.js";
9
9
  const I = h(/* @__PURE__ */ t.jsx("path", {
10
10
  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"
11
11
  }), "UnfoldMore");
@@ -5,12 +5,12 @@ import le, { useCallback as pe, useState as Re, useMemo as rt, useEffect as ye,
5
5
  import { g as Cn, c as Zt, a as er } from "../_commonjsHelpers-B4e78b8K.js";
6
6
  import mi, { flushSync as kl } from "react-dom";
7
7
  import { a as re, _ as ut } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
8
- import { P, j as rs } from "../createTheme-wt8sY36y.js";
8
+ import { P, j as rs } from "../createTheme-DjqDAiZm.js";
9
9
  import qd from "@emotion/styled";
10
10
  import { s as Zn } from "../emotion-serialize.esm-lgBmL_7o.js";
11
11
  import { CacheProvider as Hd, Global as Kd, ThemeContext as Gd, css as Yd, keyframes as ga } from "@emotion/react";
12
12
  import Ll from "@emotion/cache";
13
- import { T as Xd } from "../TransitionGroup-q306siJs.js";
13
+ import { T as Xd } from "../TransitionGroup-DzGaAPUk.js";
14
14
  import { styled as Zd, alpha as ns, outlinedInputClasses as Jd } from "@mui/material";
15
15
  import Qd from "../s-form/s-form.js";
16
16
  import { brand as jn, gray as as } from "../theme/theme-primitives.js";
@@ -1,12 +1,12 @@
1
1
  import { j as c } from "../jsx-runtime-DywqP_6a.js";
2
2
  import * as r from "react";
3
- import { c as i } from "../createSvgIcon-9XY7lJan.js";
3
+ import { c as i } from "../createSvgIcon-vJH0FaMW.js";
4
4
  import { MenuItem as u } from "@mui/material";
5
5
  import { usePopover as p } from "../hooks/use-popover.js";
6
6
  import m from "../s-text-field/s-text-field.js";
7
- import { I as f, S as x, F as d } from "../Select-CT0Hpudx.js";
8
- import { S as v } from "../Stack-W0weBtf9.js";
9
- import { P as j } from "../Menu-DbldWmqB.js";
7
+ import { I as f, S as x, F as d } from "../Select-4BjFewNI.js";
8
+ import { S as v } from "../Stack-UjxgGQu9.js";
9
+ import { P as j } from "../Menu-D2LDo0yd.js";
10
10
  const k = i(/* @__PURE__ */ c.jsx("path", {
11
11
  d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z"
12
12
  }), "Code"), H = i(/* @__PURE__ */ c.jsx("path", {
@@ -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-Bfkq7uIw.js";
8
+ import { B as d } from "../Box-Cf99MewL.js";
9
9
  const z = ({
10
10
  content: r,
11
11
  editable: o = !0,
@@ -1,15 +1,39 @@
1
- import { j as r } from "../jsx-runtime-DywqP_6a.js";
2
- import { TextField as d } from "@mui/material";
3
- import f from "../s-form/s-form.js";
4
- const a = ({
5
- label: i = "",
6
- required: o = !1,
7
- error: t,
8
- type: s = "text",
1
+ import { j as s } from "../jsx-runtime-DywqP_6a.js";
2
+ import { useState as j } from "react";
3
+ import { TextField as h, InputAdornment as w, IconButton as b } from "@mui/material";
4
+ import y from "../s-form/s-form.js";
5
+ import { c } from "../createSvgIcon-vJH0FaMW.js";
6
+ const g = c(/* @__PURE__ */ s.jsx("path", {
7
+ d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
8
+ }), "Visibility"), P = c(/* @__PURE__ */ s.jsx("path", {
9
+ d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"
10
+ }), "VisibilityOff"), v = ({
11
+ label: d = "",
12
+ required: a = !1,
13
+ error: i,
14
+ type: o = "text",
9
15
  htmlFor: e,
10
- hint: x,
11
- ...m
12
- }) => /* @__PURE__ */ r.jsx(f, { label: i, hint: x, error: t, required: o, htmlFor: e, children: /* @__PURE__ */ r.jsx(d, { fullWidth: !0, type: s, id: e, error: !!t, ...m }) });
16
+ hint: p,
17
+ ...l
18
+ }) => {
19
+ var r;
20
+ const [t, m] = j(!1), n = o === "password", x = () => {
21
+ m(!t);
22
+ }, f = n && t ? "text" : o, u = n ? /* @__PURE__ */ s.jsx(w, { position: "end", children: /* @__PURE__ */ s.jsx(b, { "aria-label": "toggle password visibility", onClick: x, edge: "end", children: t ? /* @__PURE__ */ s.jsx(P, {}) : /* @__PURE__ */ s.jsx(g, {}) }) }) : void 0;
23
+ return /* @__PURE__ */ s.jsx(y, { label: d, hint: p, error: i, required: a, htmlFor: e, children: /* @__PURE__ */ s.jsx(
24
+ h,
25
+ {
26
+ fullWidth: !0,
27
+ type: f,
28
+ id: e,
29
+ error: !!i,
30
+ ...l,
31
+ slotProps: {
32
+ input: { endAdornment: u, ...(r = l.slotProps) == null ? void 0 : r.input }
33
+ }
34
+ }
35
+ ) });
36
+ };
13
37
  export {
14
- a as default
38
+ v as default
15
39
  };
@@ -1,7 +1,7 @@
1
1
  import { j as t } from "../jsx-runtime-DywqP_6a.js";
2
- import { c as e } from "../createSvgIcon-9XY7lJan.js";
3
- import { S as s } from "../Stack-W0weBtf9.js";
4
- import { T as r } from "../Typography-CeAbQ9LX.js";
2
+ import { c as e } from "../createSvgIcon-vJH0FaMW.js";
3
+ import { S as s } from "../Stack-UjxgGQu9.js";
4
+ import { T as r } from "../Typography-CGoVq27h.js";
5
5
  const a = e(/* @__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 r } from "./colorManipulator-CPZHCebU.js";
2
- import { g as t } from "./generateUtilityClasses-D-O3RBPF.js";
1
+ import { g as r } from "./colorManipulator-ep5lERxB.js";
2
+ import { g as t } from "./generateUtilityClasses-BtVDwGrk.js";
3
3
  function s(o) {
4
4
  return r("MuiSvgIcon", o);
5
5
  }
@@ -1,5 +1,5 @@
1
- import { g as e } from "./generateUtilityClasses-D-O3RBPF.js";
2
- import { g as a } from "./colorManipulator-CPZHCebU.js";
1
+ import { g as e } from "./generateUtilityClasses-BtVDwGrk.js";
2
+ import { g as a } from "./colorManipulator-ep5lERxB.js";
3
3
  function i(t) {
4
4
  return a("MuiTab", t);
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { j as r } from "../../jsx-runtime-DywqP_6a.js";
2
- import { c as o } from "../../createSvgIcon-9XY7lJan.js";
2
+ import { c as o } from "../../createSvgIcon-vJH0FaMW.js";
3
3
  const s = o(/* @__PURE__ */ r.jsx("path", {
4
4
  d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
5
5
  }), "Person"), c = {