@solostylist/ui-kit 1.0.88 → 1.0.89

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 (65) hide show
  1. package/dist/{Box-Cf99MewL.js → Box-CJmG1mTu.js} +3 -3
  2. package/dist/ButtonBase-C0g54hXq.js +910 -0
  3. package/dist/{ChevronRight-D5BryGH5.js → ChevronRight-CtkI4XwH.js} +1 -1
  4. package/dist/{Close-CKpTrk7X.js → Close--Sf9yZGB.js} +1 -1
  5. package/dist/{Menu-D2LDo0yd.js → Menu-BuktPpzX.js} +914 -1453
  6. package/dist/{MenuItem-JkMrBIMD.js → MenuItem-sL2AcofB.js} +8 -8
  7. package/dist/Paper-CH6cuu9i.js +553 -0
  8. package/dist/{Select-4BjFewNI.js → Select-D2lV25sl.js} +16 -15
  9. package/dist/{Stack-UjxgGQu9.js → Stack-CIrlOUXL.js} +4 -4
  10. package/dist/{TransitionGroup-DzGaAPUk.js → TransitionGroup-SToIdl-5.js} +3 -3
  11. package/dist/{Typography-CGoVq27h.js → Typography-D-VP4V1G.js} +3 -3
  12. package/dist/{createSvgIcon-vJH0FaMW.js → createSvgIcon-DpVs_nKR.js} +5 -5
  13. package/dist/{createTheme-DjqDAiZm.js → createTheme-DbdaZ0Ku.js} +3 -2
  14. package/dist/{defaultTheme-CaAxts6z.js → defaultTheme-CFAmbghg.js} +1 -1
  15. package/dist/{extendSxProp-BnfiUPQK.js → extendSxProp-CQnEn3aw.js} +1 -1
  16. package/dist/{index-DcImsw9J.js → index-CjPqjRDL.js} +4 -4
  17. package/dist/main.d.ts +4 -0
  18. package/dist/main.js +117 -113
  19. package/dist/mergeSlotProps-N47mO9C9.js +62 -0
  20. package/dist/s-accordion/index.d.ts +2 -0
  21. package/dist/s-accordion/index.js +4 -0
  22. package/dist/s-accordion/package.json +5 -0
  23. package/dist/s-accordion/s-accordion.d.ts +9 -0
  24. package/dist/s-accordion/s-accordion.js +924 -0
  25. package/dist/s-avatar/index.d.ts +2 -0
  26. package/dist/s-avatar/index.js +4 -0
  27. package/dist/s-avatar/package.json +5 -0
  28. package/dist/s-avatar/s-avatar.d.ts +10 -0
  29. package/dist/s-avatar/s-avatar.js +9 -0
  30. package/dist/s-chat-input/s-chat-input.js +6 -6
  31. package/dist/s-copyable-text/s-copyable-text.js +1 -1
  32. package/dist/s-data-table/s-data-table.js +12 -10
  33. package/dist/s-date-picker/s-date-picker.js +24 -24
  34. package/dist/s-datetime-picker/s-datetime-picker.js +13 -12
  35. package/dist/s-dialog/s-dialog.js +1 -1
  36. package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
  37. package/dist/s-dialog-message/s-dialog-message.js +2 -2
  38. package/dist/s-file-dropzone/s-file-dropzone.js +8 -8
  39. package/dist/s-file-icon/s-file-icon.js +1 -1
  40. package/dist/s-image-comparison/s-image-comparison.js +1 -1
  41. package/dist/s-image-modal/s-image-modal.js +2 -2
  42. package/dist/s-label/s-label.js +1 -1
  43. package/dist/s-localization-provider/s-localization-provider.js +1 -1
  44. package/dist/s-multi-select/s-multi-select.js +5 -5
  45. package/dist/s-smart-text-field/s-smart-text-field.js +2 -2
  46. package/dist/s-text-editor/s-text-editor-toolbar.js +8 -8
  47. package/dist/s-text-editor/s-text-editor.js +1 -1
  48. package/dist/s-text-field/s-text-field.js +5 -5
  49. package/dist/s-tip/s-tip.js +3 -3
  50. package/dist/theme/components/avatar.js +3 -3
  51. package/dist/theme/components/button.d.ts +2 -2
  52. package/dist/theme/components/chip.js +1 -1
  53. package/dist/theme/components/components.d.ts +2 -2
  54. package/dist/theme/customizations/inputs.js +1 -1
  55. package/dist/theme/customizations/navigation.js +1 -1
  56. package/dist/theme/theme-primitives.js +1 -1
  57. package/dist/useControlled-nm4pBabJ.js +31 -0
  58. package/dist/useFormControl-CatNKXAi.js +10 -0
  59. package/dist/{useMobilePicker-DmFQ075P.js → useMobilePicker-CRxlxUeh.js} +100 -98
  60. package/dist/{useTheme-DPtt6ExE.js → useTheme-CjYoxoob.js} +1 -1
  61. package/dist/{useThemeProps-DQiCrjPQ.js → useThemeProps-DdCEfRBE.js} +2 -2
  62. package/dist/{warning-UxpRUL3s.js → warning-CiVr8tE6.js} +3 -3
  63. package/package.json +1 -1
  64. package/dist/useFormControl-B3RPiDsz.js +0 -38
  65. package/dist/useSlot-DFSsVuMw.js +0 -969
@@ -1,13 +1,13 @@
1
1
  import { j as r } from "../../jsx-runtime-DywqP_6a.js";
2
- import { c as o } from "../../createSvgIcon-vJH0FaMW.js";
2
+ import { b as o } from "../../createSvgIcon-DpVs_nKR.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
- }), "Person"), c = {
5
+ }), "Person"), a = {
6
6
  defaultProps: { children: /* @__PURE__ */ r.jsx(s, { sx: { color: "text.primary" } }) },
7
7
  styleOverrides: {
8
8
  rounded: { borderRadius: 12 }
9
9
  }
10
10
  };
11
11
  export {
12
- c as MuiAvatar
12
+ a as MuiAvatar
13
13
  };
@@ -4,10 +4,10 @@ export declare const MuiButton: {
4
4
  variant: "contained";
5
5
  };
6
6
  styleOverrides: {
7
- root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
7
+ root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
8
8
  component?: React.ElementType;
9
9
  } & Record<string, unknown> & {
10
- ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
10
+ ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
11
11
  component?: React.ElementType;
12
12
  } & Record<string, unknown>;
13
13
  } & {
@@ -1,7 +1,7 @@
1
1
  import { j as n } from "../../jsx-runtime-DywqP_6a.js";
2
2
  import { chipClasses as o } from "@mui/material";
3
3
  import { gray as r, orange as a, brand as c, purple as e, green as p, red as s, blue as d } from "../theme-primitives.js";
4
- import { C as b } from "../../Close-CKpTrk7X.js";
4
+ import { C as b } from "../../Close--Sf9yZGB.js";
5
5
  const u = {
6
6
  defaultProps: {
7
7
  size: "small",
@@ -188,10 +188,10 @@ export declare const components: {
188
188
  variant: "contained";
189
189
  };
190
190
  styleOverrides: {
191
- root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
191
+ root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
192
192
  component?: React.ElementType;
193
193
  } & Record<string, unknown> & {
194
- ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
194
+ ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
195
195
  component?: React.ElementType;
196
196
  } & Record<string, unknown>;
197
197
  } & {
@@ -1,5 +1,5 @@
1
1
  import { j as i } from "../../jsx-runtime-DywqP_6a.js";
2
- import { c as l } from "../../createSvgIcon-vJH0FaMW.js";
2
+ import { b as l } from "../../createSvgIcon-DpVs_nKR.js";
3
3
  import { brand as r, gray as e } from "../theme-primitives.js";
4
4
  import { o as p } from "../../outlinedInputClasses-DM19xjo3.js";
5
5
  import { g as d } from "../../generateUtilityClasses-BtVDwGrk.js";
@@ -1,6 +1,6 @@
1
1
  import { j as t } from "../../jsx-runtime-DywqP_6a.js";
2
2
  import * as i from "react";
3
- import { c as l } from "../../createSvgIcon-vJH0FaMW.js";
3
+ import { b as l } from "../../createSvgIcon-DpVs_nKR.js";
4
4
  import { gray as o, brand as s } from "../theme-primitives.js";
5
5
  import { t as a } from "../../tabClasses-Bub2PPlp.js";
6
6
  import { a as d } from "../../colorManipulator-ep5lERxB.js";
@@ -1,4 +1,4 @@
1
- import { a } from "../createTheme-DjqDAiZm.js";
1
+ import { a } from "../createTheme-DbdaZ0Ku.js";
2
2
  import { a as e } from "../colorManipulator-ep5lERxB.js";
3
3
  const h = a(), t = {
4
4
  50: "hsl(210, 100%, 95%)",
@@ -0,0 +1,31 @@
1
+ import * as t from "react";
2
+ function f(c) {
3
+ const {
4
+ controlled: n,
5
+ default: r,
6
+ name: o,
7
+ state: l = "value"
8
+ } = c, {
9
+ current: e
10
+ } = t.useRef(n !== void 0), [i, u] = t.useState(r), a = e ? n : i;
11
+ if (process.env.NODE_ENV !== "production") {
12
+ t.useEffect(() => {
13
+ e !== (n !== void 0) && console.error([`MUI: A component is changing the ${e ? "" : "un"}controlled ${l} state of ${o} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${o} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
14
+ `));
15
+ }, [l, o, n]);
16
+ const {
17
+ current: s
18
+ } = t.useRef(r);
19
+ t.useEffect(() => {
20
+ !e && !Object.is(s, r) && console.error([`MUI: A component is changing the default ${l} state of an uncontrolled ${o} after being initialized. To suppress this warning opt to use a controlled ${o}.`].join(`
21
+ `));
22
+ }, [JSON.stringify(r)]);
23
+ }
24
+ const d = t.useCallback((s) => {
25
+ e || u(s);
26
+ }, []);
27
+ return [a, d];
28
+ }
29
+ export {
30
+ f as u
31
+ };
@@ -0,0 +1,10 @@
1
+ import * as o from "react";
2
+ const t = /* @__PURE__ */ o.createContext(void 0);
3
+ process.env.NODE_ENV !== "production" && (t.displayName = "FormControlContext");
4
+ function e() {
5
+ return o.useContext(t);
6
+ }
7
+ export {
8
+ t as F,
9
+ e as u
10
+ };