@solostylist/ui-kit 1.0.224 → 1.0.225

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/s-chat-input/index.js +1 -1
  2. package/dist/s-chat-input/s-chat-input.js +1 -1
  3. package/dist/{s-chat-input-DKGeMh55.js → s-chat-input-cOCqPTUS.js} +1 -1
  4. package/dist/s-chat-message/index.js +1 -1
  5. package/dist/s-chat-message/s-chat-message.js +1 -1
  6. package/dist/{s-chat-message-ox4Sj6xh.js → s-chat-message-Cb1npIQO.js} +1 -1
  7. package/dist/s-dialog/s-dialog.d.ts +3 -3
  8. package/dist/s-dialog/s-dialog.js +6 -5
  9. package/dist/s-dialog-confirm/s-dialog-confirm.d.ts +7 -1
  10. package/dist/s-dialog-confirm/s-dialog-confirm.js +4 -3
  11. package/dist/s-gallery/s-gallery.js +1 -1
  12. package/dist/s-image-modal/index.js +1 -1
  13. package/dist/s-image-modal/s-image-modal.d.ts +6 -0
  14. package/dist/s-image-modal/s-image-modal.js +1 -1
  15. package/dist/{s-image-modal-DA3DBNbv.js → s-image-modal-Za71QD3d.js} +43 -43
  16. package/dist/s-review/index.js +1 -1
  17. package/dist/s-review/s-review.js +1 -1
  18. package/dist/{s-review-D4FBfBPF.js → s-review-DjvDY-h4.js} +1 -1
  19. package/dist/s-select/index.js +1 -1
  20. package/dist/s-select/s-select.d.ts +2 -0
  21. package/dist/s-select/s-select.js +1 -1
  22. package/dist/{s-select-b8CHbeCf.js → s-select-B-dEcddK.js} +20 -20
  23. package/dist/s-stripe/s-stripe.js +1 -1
  24. package/dist/s-text-editor/index.js +1 -1
  25. package/dist/s-text-editor/s-text-editor-toolbar.js +1 -1
  26. package/dist/s-text-editor/s-text-editor.js +1 -1
  27. package/dist/{s-text-editor-toolbar-CCK7yyNS.js → s-text-editor-toolbar-DP0MkICo.js} +1 -1
  28. package/dist/s-text-field/index.js +1 -1
  29. package/dist/s-text-field/s-text-field.d.ts +3 -1
  30. package/dist/s-text-field/s-text-field.js +1 -1
  31. package/dist/{s-text-field-Ck5QMhYI.js → s-text-field-GqcwXwta.js} +11 -11
  32. package/dist/s-theme-demo/index.js +1 -1
  33. package/dist/s-theme-demo/s-theme-demo.js +1 -1
  34. package/dist/{s-theme-demo-THHj5mFp.js → s-theme-demo-BpeyFRKt.js} +1 -1
  35. package/dist/s-tool-bar/index.js +1 -1
  36. package/dist/s-tool-bar/s-tool-bar.js +1 -1
  37. package/dist/{s-tool-bar-DGfyNoYW.js → s-tool-bar-DaZ2wT09.js} +1 -1
  38. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-chat-input-DKGeMh55.js";
1
+ import { t as e } from "../s-chat-input-cOCqPTUS.js";
2
2
  export { e as SChatInput, e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-chat-input-DKGeMh55.js";
1
+ import { t as e } from "../s-chat-input-cOCqPTUS.js";
2
2
  export { e as SChatInput, e as default };
@@ -2,7 +2,7 @@ import { tint as e } from "./theme/utils.js";
2
2
  import { t } from "./createSvgIcon-BdNZIlKS.js";
3
3
  import { t as n } from "./ArrowUpward-BMKLosZj.js";
4
4
  import { t as r } from "./Close-Bj2HYB9Q.js";
5
- import { t as i } from "./s-text-field-Ck5QMhYI.js";
5
+ import { t as i } from "./s-text-field-GqcwXwta.js";
6
6
  import { SIconButton as a } from "./s-icon-button/s-icon-button.js";
7
7
  import { SFileIcon as o } from "./s-file-icon/s-file-icon.js";
8
8
  import { forwardRef as s, useEffect as c, useId as l, useState as u } from "react";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-chat-message-ox4Sj6xh.js";
1
+ import { t as e } from "../s-chat-message-Cb1npIQO.js";
2
2
  export { e as SChatMessage, e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-chat-message-ox4Sj6xh.js";
1
+ import { t as e } from "../s-chat-message-Cb1npIQO.js";
2
2
  export { e as SChatMessage, e as default };
@@ -1,6 +1,6 @@
1
1
  import { n as e, r as t } from "./utils-B5Rl6Zwv.js";
2
2
  import { t as n } from "./createSvgIcon-BdNZIlKS.js";
3
- import { n as r } from "./s-image-modal-DA3DBNbv.js";
3
+ import { n as r } from "./s-image-modal-Za71QD3d.js";
4
4
  import { t as i } from "./Download-BhSXOhCI.js";
5
5
  import a from "./s-lazy-image/s-lazy-image.js";
6
6
  import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
@@ -1,9 +1,9 @@
1
- import { Breakpoint } from '@mui/material';
1
+ import { Breakpoint, DialogProps } from '@mui/material';
2
2
  import * as React from 'react';
3
3
  /**
4
4
  * Props for the SDialog component.
5
5
  */
6
- export interface SDialogProps {
6
+ export interface SDialogProps extends Omit<DialogProps, 'title' | 'content' | 'onClose' | 'open' | 'maxWidth' | 'children'> {
7
7
  /** Dialog title - can be string or React element */
8
8
  title?: string | React.ReactNode;
9
9
  /** Dialog content - can be string (auto-wrapped in Typography) or React element */
@@ -23,5 +23,5 @@ export interface SDialogProps {
23
23
  /** Whether to show the close button in the title bar */
24
24
  showClose?: boolean;
25
25
  }
26
- export declare const SDialog: React.ForwardRefExoticComponent<SDialogProps & React.RefAttributes<HTMLDivElement>>;
26
+ export declare const SDialog: React.ForwardRefExoticComponent<Omit<SDialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
27
27
  export default SDialog;
@@ -3,9 +3,9 @@ import * as t from "react";
3
3
  import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
4
4
  import { Dialog as a, DialogActions as o, DialogContent as s, DialogTitle as c, IconButton as l, Stack as u, Typography as d } from "@mui/material";
5
5
  //#region lib/s-dialog/s-dialog.tsx
6
- var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {}, open: h = !1, maxWidth: g = "sm", useForm: _ = !1, onSubmit: v = () => {}, showClose: y = !0 }, b) => {
7
- let x = /* @__PURE__ */ i(n, { children: [f && /* @__PURE__ */ r(s, {
8
- ref: b,
6
+ var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {}, open: h = !1, maxWidth: g = "sm", useForm: _ = !1, onSubmit: v = () => {}, showClose: y = !0, ...b }, x) => {
7
+ let S = /* @__PURE__ */ i(n, { children: [f && /* @__PURE__ */ r(s, {
8
+ ref: x,
9
9
  children: typeof f == "string" ? /* @__PURE__ */ r(d, {
10
10
  variant: "body2",
11
11
  sx: { color: "text.secondary" },
@@ -17,6 +17,7 @@ var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {},
17
17
  maxWidth: g,
18
18
  onClose: m,
19
19
  open: h,
20
+ ...b,
20
21
  children: [t && /* @__PURE__ */ r(c, { children: /* @__PURE__ */ i(u, {
21
22
  direction: "row",
22
23
  spacing: 3,
@@ -34,8 +35,8 @@ var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {},
34
35
  })]
35
36
  }) }), _ ? /* @__PURE__ */ r("form", {
36
37
  onSubmit: v,
37
- children: x
38
- }) : x]
38
+ children: S
39
+ }) : S]
39
40
  });
40
41
  });
41
42
  f.displayName = "SDialog";
@@ -20,9 +20,15 @@ export interface SDialogConfirmProps {
20
20
  showClose?: boolean;
21
21
  /** Whether the dialog is in loading state (disables buttons) */
22
22
  loading?: boolean;
23
+ /** Text for the cancel button */
24
+ cancelText?: string;
25
+ /** Text for the confirm button */
26
+ confirmText?: string;
27
+ /** Accessible text for the close button */
28
+ closeText?: string;
23
29
  }
24
30
  export declare const SDialogConfirm: {
25
- ({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, }: SDialogConfirmProps): React.JSX.Element;
31
+ ({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, cancelText, confirmText, closeText, }: SDialogConfirmProps): React.JSX.Element;
26
32
  displayName: string;
27
33
  };
28
34
  export default SDialogConfirm;
@@ -5,7 +5,7 @@ import * as r from "react";
5
5
  import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
6
6
  import { Button as s, Dialog as c, DialogActions as l, DialogContent as u, DialogTitle as d, IconButton as f, Stack as p } from "@mui/material";
7
7
  //#region lib/s-dialog-confirm/s-dialog-confirm.tsx
8
- var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {}, open: g = !1, maxWidth: _ = "sm", showClose: v = !0, loading: y = !1 }) => /* @__PURE__ */ o(c, {
8
+ var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {}, open: g = !1, maxWidth: _ = "sm", showClose: v = !0, loading: y = !1, cancelText: b = "Cancel", confirmText: x = "Confirm", closeText: S = "Close" }) => /* @__PURE__ */ o(c, {
9
9
  fullWidth: !0,
10
10
  maxWidth: _,
11
11
  onClose: h,
@@ -22,6 +22,7 @@ var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {},
22
22
  variant: "h5",
23
23
  children: n
24
24
  }) : /* @__PURE__ */ a("div", { children: n }), v && /* @__PURE__ */ a(f, {
25
+ "aria-label": S,
25
26
  onClick: h,
26
27
  children: /* @__PURE__ */ a(t, {})
27
28
  })]
@@ -35,11 +36,11 @@ var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {},
35
36
  onClick: h,
36
37
  variant: "outlined",
37
38
  disabled: y,
38
- children: "Cancel"
39
+ children: b
39
40
  }), /* @__PURE__ */ a(s, {
40
41
  onClick: m,
41
42
  loading: y,
42
- children: "Confirm"
43
+ children: x
43
44
  })] }) })
44
45
  ]
45
46
  });
@@ -1,4 +1,4 @@
1
- import { n as e } from "../s-image-modal-DA3DBNbv.js";
1
+ import { n as e } from "../s-image-modal-Za71QD3d.js";
2
2
  import t from "../s-lazy-image/s-lazy-image.js";
3
3
  import { useEffect as n, useId as r, useRef as i, useState as a } from "react";
4
4
  import { jsx as o, jsxs as s } from "react/jsx-runtime";
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../s-image-modal-DA3DBNbv.js";
1
+ import { n as e, t } from "../s-image-modal-Za71QD3d.js";
2
2
  export { t as DefaultMediaItem, e as SImageModal, e as default };
@@ -43,6 +43,12 @@ export interface SImageModalProps {
43
43
  showCounter?: boolean;
44
44
  /** Custom modal styling */
45
45
  modalSx?: ModalProps['sx'];
46
+ /** Accessible text for the close button */
47
+ closeText?: string;
48
+ /** Accessible text for the previous-image navigation button */
49
+ previousText?: string;
50
+ /** Accessible text for the next-image navigation button */
51
+ nextText?: string;
46
52
  }
47
53
  export declare const DefaultMediaItem: React.FC<{
48
54
  item: MediaItemType;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../s-image-modal-DA3DBNbv.js";
1
+ import { n as e, t } from "../s-image-modal-Za71QD3d.js";
2
2
  export { t as DefaultMediaItem, e as SImageModal, e as default };
@@ -33,30 +33,30 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
33
33
  backgroundColor: "background.paper",
34
34
  ...n
35
35
  }
36
- }), b = ({ selectedItem: e, isOpen: r, onClose: b, onItemChange: x, mediaItems: S = [], renderMediaItem: C, showNavigation: w = !0, showThumbnailDock: T = !0, showCounter: E = !0, modalSx: D = {} }) => {
37
- let [O, k] = o(e ?? null), A = e ?? O;
36
+ }), b = ({ selectedItem: e, isOpen: r, onClose: b, onItemChange: x, mediaItems: S = [], renderMediaItem: C, showNavigation: w = !0, showThumbnailDock: T = !0, showCounter: E = !0, modalSx: D = {}, closeText: O = "Close", previousText: k = "Previous image", nextText: A = "Next image" }) => {
37
+ let [j, M] = o(e ?? null), N = e ?? j;
38
38
  a(() => {
39
- e && k(e);
39
+ e && M(e);
40
40
  }, [e]);
41
- let j = w && S.length > 1 && A, M = A ? S.findIndex((e) => e.id === A.id) : -1, N = S.length, P = i.useCallback(() => {
42
- if (j && M > 0) {
43
- let e = S[M - 1];
44
- x ? x(e) : k(e);
41
+ let P = w && S.length > 1 && N, F = N ? S.findIndex((e) => e.id === N.id) : -1, I = S.length, L = i.useCallback(() => {
42
+ if (P && F > 0) {
43
+ let e = S[F - 1];
44
+ x ? x(e) : M(e);
45
45
  }
46
46
  }, [
47
- j,
48
- M,
47
+ P,
48
+ F,
49
49
  S,
50
50
  x
51
- ]), F = i.useCallback(() => {
52
- if (j && M < N - 1) {
53
- let e = S[M + 1];
54
- x ? x(e) : k(e);
51
+ ]), R = i.useCallback(() => {
52
+ if (P && F < I - 1) {
53
+ let e = S[F + 1];
54
+ x ? x(e) : M(e);
55
55
  }
56
56
  }, [
57
- j,
58
- M,
59
- N,
57
+ P,
58
+ F,
59
+ I,
60
60
  S,
61
61
  x
62
62
  ]);
@@ -64,10 +64,10 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
64
64
  let e = (e) => {
65
65
  if (r) switch (e.key) {
66
66
  case "ArrowLeft":
67
- P();
67
+ L();
68
68
  break;
69
69
  case "ArrowRight":
70
- F();
70
+ R();
71
71
  break;
72
72
  case "Escape":
73
73
  b();
@@ -77,13 +77,13 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
77
77
  return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
78
78
  }, [
79
79
  r,
80
- M,
81
- N,
82
- j,
83
- P,
84
80
  F,
81
+ I,
82
+ P,
83
+ L,
84
+ R,
85
85
  b
86
- ]), !r || !A ? null : /* @__PURE__ */ c(f, {
86
+ ]), !r || !N ? null : /* @__PURE__ */ c(f, {
87
87
  open: r,
88
88
  onClose: b,
89
89
  sx: {
@@ -173,7 +173,7 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
173
173
  borderColor: "divider",
174
174
  overflow: "hidden"
175
175
  },
176
- children: [C ? C(A) : /* @__PURE__ */ c(y, { item: A }), (A.title || A.desc) && /* @__PURE__ */ l(u, {
176
+ children: [C ? C(N) : /* @__PURE__ */ c(y, { item: N }), (N.title || N.desc) && /* @__PURE__ */ l(u, {
177
177
  sx: {
178
178
  position: "absolute",
179
179
  left: 0,
@@ -188,27 +188,27 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
188
188
  background: "linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.35) 45%, transparent)"
189
189
  },
190
190
  onClick: (e) => e.stopPropagation(),
191
- children: [A.title && /* @__PURE__ */ c(h, {
191
+ children: [N.title && /* @__PURE__ */ c(h, {
192
192
  variant: "h6",
193
193
  sx: { fontSize: {
194
194
  xs: 14,
195
195
  sm: 18,
196
196
  md: 20
197
197
  } },
198
- children: A.title
199
- }), A.desc && /* @__PURE__ */ c(h, {
198
+ children: N.title
199
+ }), N.desc && /* @__PURE__ */ c(h, {
200
200
  variant: "body2",
201
201
  sx: { mt: .5 },
202
- children: A.desc
202
+ children: N.desc
203
203
  })]
204
204
  })]
205
205
  })
206
- }, A.id)
206
+ }, N.id)
207
207
  })
208
208
  })
209
209
  }),
210
210
  /* @__PURE__ */ c(d, {
211
- "aria-label": "Close",
211
+ "aria-label": O,
212
212
  onClick: b,
213
213
  sx: {
214
214
  position: "absolute",
@@ -226,7 +226,7 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
226
226
  },
227
227
  children: /* @__PURE__ */ c(n, {})
228
228
  }),
229
- E && j && /* @__PURE__ */ l(u, {
229
+ E && P && /* @__PURE__ */ l(u, {
230
230
  sx: {
231
231
  position: "absolute",
232
232
  top: {
@@ -249,17 +249,17 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
249
249
  color: "text.primary"
250
250
  },
251
251
  children: [
252
- M + 1,
252
+ F + 1,
253
253
  " / ",
254
- N
254
+ I
255
255
  ]
256
256
  }),
257
- j && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(d, {
258
- "aria-label": "Previous image",
257
+ P && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(d, {
258
+ "aria-label": k,
259
259
  onClick: (e) => {
260
- e.stopPropagation(), P();
260
+ e.stopPropagation(), L();
261
261
  },
262
- disabled: M === 0,
262
+ disabled: F === 0,
263
263
  sx: {
264
264
  position: "absolute",
265
265
  left: {
@@ -274,11 +274,11 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
274
274
  },
275
275
  children: /* @__PURE__ */ c(v, {})
276
276
  }), /* @__PURE__ */ c(d, {
277
- "aria-label": "Next image",
277
+ "aria-label": A,
278
278
  onClick: (e) => {
279
- e.stopPropagation(), F();
279
+ e.stopPropagation(), R();
280
280
  },
281
- disabled: M === N - 1,
281
+ disabled: F === I - 1,
282
282
  sx: {
283
283
  position: "absolute",
284
284
  right: {
@@ -295,7 +295,7 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
295
295
  })] })
296
296
  ]
297
297
  })
298
- }), T && j && S.length > 1 && /* @__PURE__ */ c(u, {
298
+ }), T && P && S.length > 1 && /* @__PURE__ */ c(u, {
299
299
  sx: {
300
300
  position: "fixed",
301
301
  zIndex: 1502,
@@ -319,8 +319,8 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
319
319
  spacing: -1.5,
320
320
  sx: { alignItems: "center" },
321
321
  children: S.map((e, t) => {
322
- let n = A.id === e.id, r = t % 2 == 0 ? -15 : 15, i = () => {
323
- x ? x(e) : k(e);
322
+ let n = N.id === e.id, r = t % 2 == 0 ? -15 : 15, i = () => {
323
+ x ? x(e) : M(e);
324
324
  };
325
325
  return /* @__PURE__ */ l(_.div, {
326
326
  onClick: (e) => {
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-review-D4FBfBPF.js";
1
+ import { t as e } from "../s-review-DjvDY-h4.js";
2
2
  export { e as SReview, e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-review-D4FBfBPF.js";
1
+ import { t as e } from "../s-review-DjvDY-h4.js";
2
2
  export { e as SReview, e as default };
@@ -1,6 +1,6 @@
1
1
  import { i as e } from "./utils-B5Rl6Zwv.js";
2
2
  import { t } from "./createSvgIcon-BdNZIlKS.js";
3
- import { n } from "./s-image-modal-DA3DBNbv.js";
3
+ import { n } from "./s-image-modal-Za71QD3d.js";
4
4
  import r from "./s-lazy-image/s-lazy-image.js";
5
5
  import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
6
6
  import { SAvatar as a } from "./s-avatar/s-avatar.js";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-select-b8CHbeCf.js";
1
+ import { t as e } from "../s-select-B-dEcddK.js";
2
2
  export { e as SSelect, e as default };
@@ -32,6 +32,8 @@ export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'err
32
32
  searchable?: boolean;
33
33
  /** Placeholder text for the search input */
34
34
  searchPlaceholder?: string;
35
+ /** Message shown when a search yields no matching options */
36
+ noResultsText?: string;
35
37
  /** Custom render function for options */
36
38
  renderOption?: (option: T) => ReactNode;
37
39
  };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-select-b8CHbeCf.js";
1
+ import { t as e } from "../s-select-B-dEcddK.js";
2
2
  export { e as SSelect, e as default };
@@ -75,10 +75,10 @@ function w(e) {
75
75
  } } }
76
76
  };
77
77
  }
78
- var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionValue: g = "id", placeholder: _, label: x = "", error: S, required: T = !1, simple: E = !1, htmlFor: D, searchable: O = !1, searchPlaceholder: k = "", renderOption: A, ...j }, M) => {
79
- let N = j.value !== void 0, [P, F] = r(j.multiple ? [] : null), I = N ? j.value : P, [L, R] = r(""), [z, B] = r(!1), V = (e) => m(e, p), H = (e) => h(e, g), U = b(e, O, L, V), W = () => {
80
- O && (B(!1), R(""));
81
- }, G = (t) => j.multiple ? y(t, e, _, V, H) : v(t, E, e, _, V, H), K = () => O ? U.length > 0 ? C(U, H, V, A, n) : L ? /* @__PURE__ */ i(l, {
78
+ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionValue: g = "id", placeholder: _, label: x = "", error: S, required: T = !1, simple: E = !1, htmlFor: D, searchable: O = !1, searchPlaceholder: k = "", noResultsText: A = "No results found", renderOption: j, ...M }, N) => {
79
+ let P = M.value !== void 0, [F, I] = r(M.multiple ? [] : null), L = P ? M.value : F, [R, z] = r(""), [B, V] = r(!1), H = (e) => m(e, p), U = (e) => h(e, g), W = b(e, O, R, H), G = () => {
80
+ O && (V(!1), z(""));
81
+ }, K = (t) => M.multiple ? y(t, e, _, H, U) : v(t, E, e, _, H, U), q = () => O ? W.length > 0 ? C(W, U, H, j, n) : R ? /* @__PURE__ */ i(l, {
82
82
  disabled: !0,
83
83
  children: /* @__PURE__ */ i(o, {
84
84
  sx: {
@@ -86,9 +86,9 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
86
86
  textAlign: "center",
87
87
  width: "100%"
88
88
  },
89
- children: "No results found"
89
+ children: A
90
90
  })
91
- }) : C(e, H, V, A, n) : C(e, H, V, A, n), q = w(O);
91
+ }) : C(e, U, H, j, n) : C(e, U, H, j, n), J = w(O);
92
92
  return /* @__PURE__ */ i(t, {
93
93
  error: S,
94
94
  label: x,
@@ -99,19 +99,19 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
99
99
  displayEmpty: !0,
100
100
  fullWidth: !0,
101
101
  defaultValue: "",
102
- ref: M,
103
- open: O ? z : void 0,
104
- onOpen: O ? () => B(!0) : void 0,
105
- onClose: O ? W : void 0,
106
- MenuProps: q,
107
- renderValue: G,
108
- ...j,
109
- value: e.length ? I ?? "" : "",
102
+ ref: N,
103
+ open: O ? B : void 0,
104
+ onOpen: O ? () => V(!0) : void 0,
105
+ onClose: O ? G : void 0,
106
+ MenuProps: J,
107
+ renderValue: K,
108
+ ...M,
109
+ value: e.length ? L ?? "" : "",
110
110
  onChange: (e, t) => {
111
- if (j.onChange) j.onChange(e, t);
112
- else if (!N) {
111
+ if (M.onChange) M.onChange(e, t);
112
+ else if (!P) {
113
113
  let t = e.target.value;
114
- F(t);
114
+ I(t);
115
115
  }
116
116
  },
117
117
  children: [O && /* @__PURE__ */ i(c, {
@@ -127,8 +127,8 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
127
127
  fullWidth: !0,
128
128
  autoFocus: !0,
129
129
  placeholder: k,
130
- value: L,
131
- onChange: (e) => R(e.target.value),
130
+ value: R,
131
+ onChange: (e) => z(e.target.value),
132
132
  onKeyDown: (e) => {
133
133
  e.key !== "Escape" && e.stopPropagation();
134
134
  },
@@ -140,7 +140,7 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
140
140
  children: /* @__PURE__ */ i(f, {})
141
141
  }) } }
142
142
  })
143
- }), K()]
143
+ }), q()]
144
144
  })
145
145
  });
146
146
  });
@@ -1,4 +1,4 @@
1
- import { t as e } from "../s-text-field-Ck5QMhYI.js";
1
+ import { t as e } from "../s-text-field-GqcwXwta.js";
2
2
  import t from "./stripe-input.js";
3
3
  import { jsx as n } from "react/jsx-runtime";
4
4
  //#region lib/s-stripe/s-stripe.tsx
@@ -1,3 +1,3 @@
1
- import { t as e } from "../s-text-editor-toolbar-CCK7yyNS.js";
1
+ import { t as e } from "../s-text-editor-toolbar-DP0MkICo.js";
2
2
  import { STextEditor as t } from "./s-text-editor.js";
3
3
  export { t as STextEditor, t as default, e as STextEditorToolbar };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-text-editor-toolbar-CCK7yyNS.js";
1
+ import { t as e } from "../s-text-editor-toolbar-DP0MkICo.js";
2
2
  export { e as STextEditorToolbar };
@@ -1,6 +1,6 @@
1
1
  import { tint as e } from "../theme/utils.js";
2
2
  import { t } from "../Box-BlmynALm.js";
3
- import { t as n } from "../s-text-editor-toolbar-CCK7yyNS.js";
3
+ import { t as n } from "../s-text-editor-toolbar-DP0MkICo.js";
4
4
  import * as r from "react";
5
5
  import { jsx as i, jsxs as a } from "react/jsx-runtime";
6
6
  import { Link as o } from "@tiptap/extension-link";
@@ -19,7 +19,7 @@ import { n as he, t as ge } from "./Menu-C-0KEauj.js";
19
19
  import { n as D, t as _e } from "./selectClasses-DvT1febA.js";
20
20
  import { n as ve, r as ye } from "./useFormControl-B4z6ONhx.js";
21
21
  import { i as O, n as k, r as be, t as xe } from "./outlinedInputClasses-Cz4pnn0X.js";
22
- import { t as A } from "./s-text-field-Ck5QMhYI.js";
22
+ import { t as A } from "./s-text-field-GqcwXwta.js";
23
23
  import * as j from "react";
24
24
  import { jsx as M, jsxs as N } from "react/jsx-runtime";
25
25
  import { MenuItem as P } from "@mui/material";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-text-field-Ck5QMhYI.js";
1
+ import { t as e } from "../s-text-field-GqcwXwta.js";
2
2
  export { e as STextField, e as default };
@@ -14,9 +14,11 @@ export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'erro
14
14
  htmlFor?: string;
15
15
  /** Help text shown in tooltip next to the label */
16
16
  hint?: string;
17
+ /** Accessible text for the password visibility toggle button */
18
+ togglePasswordText?: string;
17
19
  };
18
20
  export declare const STextField: {
19
- ({ label, required, error, type, htmlFor, hint, ...props }: STextFieldProps): React.JSX.Element;
21
+ ({ label, required, error, type, htmlFor, hint, togglePasswordText, ...props }: STextFieldProps): React.JSX.Element;
20
22
  displayName: string;
21
23
  };
22
24
  export default STextField;
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-text-field-Ck5QMhYI.js";
1
+ import { t as e } from "../s-text-field-GqcwXwta.js";
2
2
  export { e as STextField, e as default };
@@ -4,17 +4,17 @@ import { useState as n } from "react";
4
4
  import { jsx as r } from "react/jsx-runtime";
5
5
  import { IconButton as i, InputAdornment as a, TextField as o } from "@mui/material";
6
6
  //#region ../../node_modules/@mui/icons-material/Visibility.mjs
7
- var s = e(/* @__PURE__ */ r("path", { 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" }), "Visibility"), c = e(/* @__PURE__ */ r("path", { 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" }), "VisibilityOff"), l = ({ label: e = "", required: l = !1, error: u, type: d = "text", htmlFor: f, hint: p, ...m }) => {
8
- let [h, g] = n(!1), _ = d === "password", v = () => {
9
- g(!h);
10
- }, y = _ && h ? "text" : d, b = _ ? /* @__PURE__ */ r(a, {
7
+ var s = e(/* @__PURE__ */ r("path", { 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" }), "Visibility"), c = e(/* @__PURE__ */ r("path", { 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" }), "VisibilityOff"), l = ({ label: e = "", required: l = !1, error: u, type: d = "text", htmlFor: f, hint: p, togglePasswordText: m = "toggle password visibility", ...h }) => {
8
+ let [g, _] = n(!1), v = d === "password", y = () => {
9
+ _(!g);
10
+ }, b = v && g ? "text" : d, x = v ? /* @__PURE__ */ r(a, {
11
11
  position: "end",
12
12
  children: /* @__PURE__ */ r(i, {
13
- "aria-label": "toggle password visibility",
14
- onClick: v,
13
+ "aria-label": m,
14
+ onClick: y,
15
15
  edge: "end",
16
16
  size: "small",
17
- children: r(h ? c : s, {})
17
+ children: r(g ? c : s, {})
18
18
  })
19
19
  }) : void 0;
20
20
  return /* @__PURE__ */ r(t, {
@@ -25,13 +25,13 @@ var s = e(/* @__PURE__ */ r("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39
25
25
  htmlFor: f,
26
26
  children: /* @__PURE__ */ r(o, {
27
27
  fullWidth: !0,
28
- type: y,
28
+ type: b,
29
29
  id: f,
30
30
  error: !!u,
31
- ...m,
31
+ ...h,
32
32
  slotProps: { input: {
33
- endAdornment: b,
34
- ...m.slotProps?.input
33
+ endAdornment: x,
34
+ ...h.slotProps?.input
35
35
  } }
36
36
  })
37
37
  });
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-theme-demo-THHj5mFp.js";
1
+ import { t as e } from "../s-theme-demo-BpeyFRKt.js";
2
2
  export { e as SThemeDemo, e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-theme-demo-THHj5mFp.js";
1
+ import { t as e } from "../s-theme-demo-BpeyFRKt.js";
2
2
  export { e as default };
@@ -1,7 +1,7 @@
1
1
  import { t as e } from "./createSvgIcon-BdNZIlKS.js";
2
2
  import { t } from "./s-theme-switch-V3Q58mkG.js";
3
3
  import { t as n } from "./Favorite-BJSuHe0H.js";
4
- import { t as r } from "./s-text-field-Ck5QMhYI.js";
4
+ import { t as r } from "./s-text-field-GqcwXwta.js";
5
5
  import { SForm as i } from "./s-form/s-form.js";
6
6
  import { SButton as a } from "./s-button/s-button.js";
7
7
  import * as o from "react";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-tool-bar-DGfyNoYW.js";
1
+ import { t as e } from "../s-tool-bar-DaZ2wT09.js";
2
2
  export { e as SToolBar, e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../s-tool-bar-DGfyNoYW.js";
1
+ import { t as e } from "../s-tool-bar-DaZ2wT09.js";
2
2
  export { e as SToolBar, e as default };
@@ -3,7 +3,7 @@ import { t } from "./createSvgIcon-BdNZIlKS.js";
3
3
  import { t as n } from "./Close-Bj2HYB9Q.js";
4
4
  import { t as r } from "./Download-BhSXOhCI.js";
5
5
  import { t as i } from "./InfoOutlined-C1AW3f5V.js";
6
- import { t as a } from "./s-select-b8CHbeCf.js";
6
+ import { t as a } from "./s-select-B-dEcddK.js";
7
7
  import o, { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
8
8
  import { jsx as d, jsxs as f } from "react/jsx-runtime";
9
9
  import { createPortal as p } from "react-dom";
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org"
5
5
  },
6
- "version": "1.0.224",
6
+ "version": "1.0.225",
7
7
  "description": "advanced ui kit for solostylist",
8
8
  "type": "module",
9
9
  "main": "dist/main.js",