@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.
- package/dist/{Box-Cf99MewL.js → Box-CJmG1mTu.js} +3 -3
- package/dist/ButtonBase-C0g54hXq.js +910 -0
- package/dist/{ChevronRight-D5BryGH5.js → ChevronRight-CtkI4XwH.js} +1 -1
- package/dist/{Close-CKpTrk7X.js → Close--Sf9yZGB.js} +1 -1
- package/dist/{Menu-D2LDo0yd.js → Menu-BuktPpzX.js} +914 -1453
- package/dist/{MenuItem-JkMrBIMD.js → MenuItem-sL2AcofB.js} +8 -8
- package/dist/Paper-CH6cuu9i.js +553 -0
- package/dist/{Select-4BjFewNI.js → Select-D2lV25sl.js} +16 -15
- package/dist/{Stack-UjxgGQu9.js → Stack-CIrlOUXL.js} +4 -4
- package/dist/{TransitionGroup-DzGaAPUk.js → TransitionGroup-SToIdl-5.js} +3 -3
- package/dist/{Typography-CGoVq27h.js → Typography-D-VP4V1G.js} +3 -3
- package/dist/{createSvgIcon-vJH0FaMW.js → createSvgIcon-DpVs_nKR.js} +5 -5
- package/dist/{createTheme-DjqDAiZm.js → createTheme-DbdaZ0Ku.js} +3 -2
- package/dist/{defaultTheme-CaAxts6z.js → defaultTheme-CFAmbghg.js} +1 -1
- package/dist/{extendSxProp-BnfiUPQK.js → extendSxProp-CQnEn3aw.js} +1 -1
- package/dist/{index-DcImsw9J.js → index-CjPqjRDL.js} +4 -4
- package/dist/main.d.ts +4 -0
- package/dist/main.js +117 -113
- package/dist/mergeSlotProps-N47mO9C9.js +62 -0
- package/dist/s-accordion/index.d.ts +2 -0
- package/dist/s-accordion/index.js +4 -0
- package/dist/s-accordion/package.json +5 -0
- package/dist/s-accordion/s-accordion.d.ts +9 -0
- package/dist/s-accordion/s-accordion.js +924 -0
- package/dist/s-avatar/index.d.ts +2 -0
- package/dist/s-avatar/index.js +4 -0
- package/dist/s-avatar/package.json +5 -0
- package/dist/s-avatar/s-avatar.d.ts +10 -0
- package/dist/s-avatar/s-avatar.js +9 -0
- package/dist/s-chat-input/s-chat-input.js +6 -6
- package/dist/s-copyable-text/s-copyable-text.js +1 -1
- package/dist/s-data-table/s-data-table.js +12 -10
- package/dist/s-date-picker/s-date-picker.js +24 -24
- package/dist/s-datetime-picker/s-datetime-picker.js +13 -12
- package/dist/s-dialog/s-dialog.js +1 -1
- package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
- package/dist/s-dialog-message/s-dialog-message.js +2 -2
- package/dist/s-file-dropzone/s-file-dropzone.js +8 -8
- package/dist/s-file-icon/s-file-icon.js +1 -1
- package/dist/s-image-comparison/s-image-comparison.js +1 -1
- package/dist/s-image-modal/s-image-modal.js +2 -2
- package/dist/s-label/s-label.js +1 -1
- package/dist/s-localization-provider/s-localization-provider.js +1 -1
- package/dist/s-multi-select/s-multi-select.js +5 -5
- package/dist/s-smart-text-field/s-smart-text-field.js +2 -2
- package/dist/s-text-editor/s-text-editor-toolbar.js +8 -8
- package/dist/s-text-editor/s-text-editor.js +1 -1
- package/dist/s-text-field/s-text-field.js +5 -5
- package/dist/s-tip/s-tip.js +3 -3
- package/dist/theme/components/avatar.js +3 -3
- package/dist/theme/components/button.d.ts +2 -2
- package/dist/theme/components/chip.js +1 -1
- package/dist/theme/components/components.d.ts +2 -2
- package/dist/theme/customizations/inputs.js +1 -1
- package/dist/theme/customizations/navigation.js +1 -1
- package/dist/theme/theme-primitives.js +1 -1
- package/dist/useControlled-nm4pBabJ.js +31 -0
- package/dist/useFormControl-CatNKXAi.js +10 -0
- package/dist/{useMobilePicker-DmFQ075P.js → useMobilePicker-CRxlxUeh.js} +100 -98
- package/dist/{useTheme-DPtt6ExE.js → useTheme-CjYoxoob.js} +1 -1
- package/dist/{useThemeProps-DQiCrjPQ.js → useThemeProps-DdCEfRBE.js} +2 -2
- package/dist/{warning-UxpRUL3s.js → warning-CiVr8tE6.js} +3 -3
- package/package.json +1 -1
- package/dist/useFormControl-B3RPiDsz.js +0 -38
- 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 {
|
|
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"),
|
|
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
|
-
|
|
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" | "
|
|
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" | "
|
|
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
|
|
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" | "
|
|
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" | "
|
|
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 {
|
|
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 {
|
|
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";
|
|
@@ -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
|
+
};
|