@solostylist/ui-kit 1.0.200 → 1.0.202
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/{Select-80JhW337.js → Select-D2l9rDWL.js} +1594 -1594
- package/dist/entries/core.d.ts +13 -13
- package/dist/entries/core.js +109 -110
- package/dist/main.js +175 -176
- package/dist/s-date-picker/s-date-picker.js +14 -10
- package/dist/s-datetime-picker/s-datetime-picker.js +103 -99
- package/dist/s-link/index.d.ts +2 -0
- package/dist/s-link/index.js +4 -0
- package/dist/{s-button-link/s-button-link.d.ts → s-link/s-link.d.ts} +5 -5
- package/dist/s-link/s-link.js +37 -0
- package/dist/s-text-editor/s-text-editor-toolbar.js +1 -1
- package/dist/s-theme-provider/s-theme-provider.js +24 -35
- package/dist/s-tool-bar/index.d.ts +2 -0
- package/dist/s-tool-bar/index.js +4 -0
- package/dist/{s-ai-tool-bar/s-ai-tool-bar.d.ts → s-tool-bar/s-tool-bar.d.ts} +23 -30
- package/dist/s-tool-bar/s-tool-bar.js +478 -0
- package/dist/theme/components/accordion-details.d.ts +8 -0
- package/dist/theme/components/accordion-details.js +8 -0
- package/dist/theme/components/accordion-summary.d.ts +1033 -0
- package/dist/theme/components/accordion-summary.js +17 -0
- package/dist/theme/components/accordion.d.ts +35 -0
- package/dist/theme/components/accordion.js +32 -0
- package/dist/theme/components/app-bar.d.ts +24 -0
- package/dist/theme/components/app-bar.js +18 -0
- package/dist/theme/components/autocomplete.d.ts +31 -0
- package/dist/theme/components/autocomplete.js +30 -0
- package/dist/theme/components/button-base.d.ts +12 -0
- package/dist/theme/components/button-base.js +15 -0
- package/dist/theme/components/card-actions.d.ts +7 -0
- package/dist/theme/components/card-actions.js +10 -0
- package/dist/theme/components/card-content.d.ts +7 -0
- package/dist/theme/components/card-content.js +11 -0
- package/dist/theme/components/card-header.d.ts +7 -0
- package/dist/theme/components/card-header.js +10 -0
- package/dist/theme/components/card.d.ts +2046 -0
- package/dist/theme/components/card.js +35 -0
- package/dist/theme/components/checkbox.d.ts +1046 -0
- package/dist/theme/components/checkbox.js +65 -0
- package/dist/theme/components/components.js +112 -30
- package/dist/theme/components/dialog-actions.d.ts +12 -0
- package/dist/theme/components/dialog-actions.js +10 -0
- package/dist/theme/components/dialog.d.ts +19 -0
- package/dist/theme/components/dialog.js +17 -0
- package/dist/theme/components/drawer.d.ts +12 -0
- package/dist/theme/components/drawer.js +10 -0
- package/dist/theme/components/form-label.d.ts +17 -0
- package/dist/theme/components/form-label.js +11 -0
- package/dist/theme/components/icon.d.ts +17 -0
- package/dist/theme/components/icon.js +22 -0
- package/dist/theme/components/input-adornment.d.ts +1027 -0
- package/dist/theme/components/input-adornment.js +13 -0
- package/dist/theme/components/input-base.d.ts +18 -0
- package/dist/theme/components/input-base.js +16 -0
- package/dist/theme/components/linear-progress.d.ts +1023 -0
- package/dist/theme/components/linear-progress.js +16 -0
- package/dist/theme/components/link.d.ts +42 -0
- package/dist/theme/components/link.js +38 -0
- package/dist/theme/components/list-item-button.d.ts +155 -0
- package/dist/theme/components/list-item-button.js +44 -0
- package/dist/theme/components/list-item-icon.d.ts +7 -0
- package/dist/theme/components/list-item-icon.js +10 -0
- package/dist/theme/components/list-item-text.d.ts +22 -0
- package/dist/theme/components/list-item-text.js +16 -0
- package/dist/theme/components/list-item.d.ts +92 -0
- package/dist/theme/components/list-item.js +20 -0
- package/dist/theme/components/list-subheader.d.ts +20 -0
- package/dist/theme/components/list-subheader.js +14 -0
- package/dist/theme/components/list.d.ts +10 -0
- package/dist/theme/components/list.js +13 -0
- package/dist/theme/components/menu-item.d.ts +8 -0
- package/dist/theme/components/menu-item.js +8 -0
- package/dist/theme/components/menu.d.ts +20 -0
- package/dist/theme/components/menu.js +23 -0
- package/dist/theme/components/outlined-input.d.ts +81 -0
- package/dist/theme/components/outlined-input.js +64 -0
- package/dist/theme/components/pagination-item.d.ts +1028 -0
- package/dist/theme/components/pagination-item.js +18 -0
- package/dist/theme/components/paper.d.ts +5 -0
- package/dist/theme/components/paper.js +8 -0
- package/dist/theme/components/select.d.ts +7 -0
- package/dist/theme/components/select.js +13 -0
- package/dist/theme/components/step-connector.d.ts +15 -0
- package/dist/theme/components/step-connector.js +13 -0
- package/dist/theme/components/step-icon.d.ts +1043 -0
- package/dist/theme/components/step-icon.js +46 -0
- package/dist/theme/components/step-label.d.ts +1025 -0
- package/dist/theme/components/step-label.js +13 -0
- package/dist/theme/components/tab.d.ts +1031 -0
- package/dist/theme/components/tab.js +34 -0
- package/dist/theme/components/table-cell.d.ts +12 -0
- package/dist/theme/components/table-cell.js +10 -0
- package/dist/theme/components/table-pagination.d.ts +14 -0
- package/dist/theme/components/table-pagination.js +18 -0
- package/dist/theme/components/tabs.d.ts +1046 -0
- package/dist/theme/components/tabs.js +24 -0
- package/dist/theme/components/toggle-button-group.d.ts +1024 -0
- package/dist/theme/components/toggle-button-group.js +23 -0
- package/dist/theme/components/toggle-button.d.ts +1027 -0
- package/dist/theme/components/toggle-button.js +21 -0
- package/dist/{useMobilePicker-DVnEuXv1.js → useMobilePicker-B-bNHHXB.js} +1 -1
- package/package.json +1 -1
- package/dist/s-ai-tool-bar/index.d.ts +0 -2
- package/dist/s-ai-tool-bar/index.js +0 -5
- package/dist/s-ai-tool-bar/s-ai-tool-bar.js +0 -481
- package/dist/s-button-link/index.d.ts +0 -2
- package/dist/s-button-link/index.js +0 -4
- package/dist/s-button-link/s-button-link.js +0 -37
- package/dist/theme/customizations/data-display.d.ts +0 -2
- package/dist/theme/customizations/data-display.js +0 -142
- package/dist/theme/customizations/feedback.d.ts +0 -2
- package/dist/theme/customizations/feedback.js +0 -39
- package/dist/theme/customizations/inputs.d.ts +0 -2
- package/dist/theme/customizations/inputs.js +0 -230
- package/dist/theme/customizations/navigation.d.ts +0 -2
- package/dist/theme/customizations/navigation.js +0 -226
- package/dist/theme/customizations/surfaces.d.ts +0 -2
- package/dist/theme/customizations/surfaces.js +0 -111
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { LinkProps, TypographyProps } from '@mui/material';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
/**
|
|
4
|
-
* Props interface for
|
|
4
|
+
* Props interface for SLink component
|
|
5
5
|
*/
|
|
6
|
-
export interface
|
|
6
|
+
export interface SLinkProps {
|
|
7
7
|
/** Text or element displayed before the main link */
|
|
8
8
|
beforeText?: string | React.ReactNode;
|
|
9
9
|
/** Text or element displayed after the main link */
|
|
@@ -30,8 +30,8 @@ export interface SButtonLinkProps {
|
|
|
30
30
|
/**
|
|
31
31
|
* A flexible link component that combines text and a clickable link element.
|
|
32
32
|
*/
|
|
33
|
-
export declare const
|
|
34
|
-
({ onClick, beforeText, afterText, mainText, href, component, target, color, linkColor, variant, lineHeight, }:
|
|
33
|
+
export declare const SLink: {
|
|
34
|
+
({ onClick, beforeText, afterText, mainText, href, component, target, color, linkColor, variant, lineHeight, }: SLinkProps): React.JSX.Element;
|
|
35
35
|
displayName: string;
|
|
36
36
|
};
|
|
37
|
-
export default
|
|
37
|
+
export default SLink;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { j as r } from "../jsx-runtime-tc70JA_2.js";
|
|
2
|
+
import { Typography as m, Link as l } from "@mui/material";
|
|
3
|
+
const y = ({
|
|
4
|
+
onClick: o,
|
|
5
|
+
beforeText: i = "",
|
|
6
|
+
afterText: t = "",
|
|
7
|
+
mainText: e = "",
|
|
8
|
+
href: n = "#",
|
|
9
|
+
component: s = "a",
|
|
10
|
+
target: a,
|
|
11
|
+
color: p = "text.secondary",
|
|
12
|
+
linkColor: d = void 0,
|
|
13
|
+
variant: x = "body2",
|
|
14
|
+
lineHeight: c
|
|
15
|
+
}) => /* @__PURE__ */ r.jsxs(m, { variant: x, lineHeight: c, color: p, children: [
|
|
16
|
+
i,
|
|
17
|
+
" ",
|
|
18
|
+
/* @__PURE__ */ r.jsx(
|
|
19
|
+
l,
|
|
20
|
+
{
|
|
21
|
+
href: n,
|
|
22
|
+
onClick: o,
|
|
23
|
+
sx: { cursor: "pointer", fontSize: "inherit" },
|
|
24
|
+
component: s,
|
|
25
|
+
target: a,
|
|
26
|
+
color: d,
|
|
27
|
+
children: e
|
|
28
|
+
}
|
|
29
|
+
),
|
|
30
|
+
" ",
|
|
31
|
+
t
|
|
32
|
+
] });
|
|
33
|
+
y.displayName = "SLink";
|
|
34
|
+
export {
|
|
35
|
+
y as SLink,
|
|
36
|
+
y as default
|
|
37
|
+
};
|
|
@@ -3,7 +3,7 @@ import * as l from "react";
|
|
|
3
3
|
import { c as a } from "../createSvgIcon-BkbeLOhM.js";
|
|
4
4
|
import { MenuItem as m } from "@mui/material";
|
|
5
5
|
import { STextField as x } from "../s-text-field/s-text-field.js";
|
|
6
|
-
import { I as d, S as j, F as k } from "../Select-
|
|
6
|
+
import { I as d, S as j, F as k } from "../Select-D2l9rDWL.js";
|
|
7
7
|
import { S as f } from "../Stack-Dfjnuorw.js";
|
|
8
8
|
import { P as H } from "../Menu-GVFDMHCN.js";
|
|
9
9
|
const L = a(/* @__PURE__ */ c.jsx("path", {
|
|
@@ -1,62 +1,51 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import * as
|
|
3
|
-
import { createTheme as
|
|
4
|
-
import { components as
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
import { inputsCustomizations as d } from "../theme/customizations/inputs.js";
|
|
8
|
-
import { navigationCustomizations as l } from "../theme/customizations/navigation.js";
|
|
9
|
-
import { surfacesCustomizations as x } from "../theme/customizations/surfaces.js";
|
|
10
|
-
import { shape as y, shadows as z, typography as S, colorSchemes as g } from "../theme/theme-primitives.js";
|
|
11
|
-
const j = ({
|
|
1
|
+
import { j as s } from "../jsx-runtime-tc70JA_2.js";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { createTheme as n, ThemeProvider as p } from "@mui/material";
|
|
4
|
+
import { components as h } from "../theme/components/components.js";
|
|
5
|
+
import { shape as f, shadows as l, typography as u, colorSchemes as x } from "../theme/theme-primitives.js";
|
|
6
|
+
const d = ({
|
|
12
7
|
children: r,
|
|
13
|
-
disableCustomTheme:
|
|
14
|
-
themeComponents:
|
|
8
|
+
disableCustomTheme: e,
|
|
9
|
+
themeComponents: o,
|
|
15
10
|
defaultMode: m = "system",
|
|
16
11
|
// System preference by default
|
|
17
|
-
theme:
|
|
18
|
-
...
|
|
12
|
+
theme: a,
|
|
13
|
+
...i
|
|
19
14
|
}) => {
|
|
20
|
-
const
|
|
15
|
+
const c = t.useMemo(() => e ? {} : n({
|
|
21
16
|
// CSS variables configuration for dynamic theming
|
|
22
17
|
cssVariables: {
|
|
23
18
|
colorSchemeSelector: "data-mui-color-scheme",
|
|
24
19
|
cssVarPrefix: "s"
|
|
25
20
|
// All CSS vars prefixed with '--s-'
|
|
26
21
|
},
|
|
27
|
-
colorSchemes:
|
|
22
|
+
colorSchemes: x,
|
|
28
23
|
// Light/dark color schemes
|
|
29
|
-
typography:
|
|
24
|
+
typography: u,
|
|
30
25
|
// Custom typography scales
|
|
31
|
-
shadows:
|
|
26
|
+
shadows: l,
|
|
32
27
|
// Custom shadow definitions
|
|
33
|
-
shape:
|
|
28
|
+
shape: f,
|
|
34
29
|
// Border radius and shape settings
|
|
35
30
|
components: {
|
|
36
|
-
// Merge all component customizations
|
|
37
|
-
...d,
|
|
38
|
-
...u,
|
|
39
31
|
...h,
|
|
40
|
-
...
|
|
41
|
-
...x,
|
|
42
|
-
...f,
|
|
43
|
-
...t
|
|
32
|
+
...o
|
|
44
33
|
// Allow external overrides
|
|
45
34
|
}
|
|
46
|
-
}), [
|
|
47
|
-
return
|
|
48
|
-
|
|
35
|
+
}), [e, o]);
|
|
36
|
+
return e ? /* @__PURE__ */ s.jsx(t.Fragment, { children: r }) : /* @__PURE__ */ s.jsx(
|
|
37
|
+
p,
|
|
49
38
|
{
|
|
50
39
|
disableTransitionOnChange: !0,
|
|
51
|
-
...
|
|
52
|
-
theme: { ...
|
|
40
|
+
...i,
|
|
41
|
+
theme: { ...c, ...a },
|
|
53
42
|
defaultMode: m,
|
|
54
43
|
children: r
|
|
55
44
|
}
|
|
56
45
|
);
|
|
57
46
|
};
|
|
58
|
-
|
|
47
|
+
d.displayName = "SThemeProvider";
|
|
59
48
|
export {
|
|
60
|
-
|
|
61
|
-
|
|
49
|
+
d as SThemeProvider,
|
|
50
|
+
d as default
|
|
62
51
|
};
|
|
@@ -2,38 +2,31 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { CheckboxProps, SelectProps, SliderProps, TextFieldProps } from '@mui/material';
|
|
3
3
|
import { SxProps, Theme } from '@mui/material/styles';
|
|
4
4
|
/**
|
|
5
|
-
* Possible value types for
|
|
5
|
+
* Possible value types for SToolBar inputs
|
|
6
6
|
*/
|
|
7
|
-
export type
|
|
7
|
+
export type SToolBarValue = string | number | boolean | File | (string | File)[] | null;
|
|
8
8
|
/**
|
|
9
9
|
* Base type constraint for select options
|
|
10
10
|
*/
|
|
11
|
-
export type
|
|
11
|
+
export type SToolBarOption = string | number | Record<string, unknown>;
|
|
12
12
|
/**
|
|
13
|
-
* Supported input types for
|
|
13
|
+
* Supported input types for SToolBar
|
|
14
14
|
*/
|
|
15
|
-
export
|
|
16
|
-
TEXTAREA = "textarea",
|
|
17
|
-
SLIDER = "slider",
|
|
18
|
-
IMAGE = "image",
|
|
19
|
-
NUMBER = "number",
|
|
20
|
-
SELECT = "select",
|
|
21
|
-
CHECKBOX = "checkbox"
|
|
22
|
-
}
|
|
15
|
+
export type SToolBarInputType = 'textarea' | 'slider' | 'image' | 'number' | 'select' | 'checkbox';
|
|
23
16
|
/**
|
|
24
17
|
* Configuration for individual toolbar input fields
|
|
25
18
|
*/
|
|
26
|
-
export interface
|
|
19
|
+
export interface SToolBarInput {
|
|
27
20
|
/** Unique identifier for the input */
|
|
28
21
|
key: string;
|
|
29
22
|
/** Display label for the input */
|
|
30
23
|
label: string;
|
|
31
24
|
/** Input type */
|
|
32
|
-
type:
|
|
25
|
+
type: SToolBarInputType;
|
|
33
26
|
/** Whether the input is required */
|
|
34
27
|
required?: boolean;
|
|
35
28
|
/** Default value for the input */
|
|
36
|
-
defaultValue?:
|
|
29
|
+
defaultValue?: SToolBarValue;
|
|
37
30
|
/** Placeholder text (for textarea/number/select inputs) */
|
|
38
31
|
placeholder?: string;
|
|
39
32
|
/** Minimum value (for slider/number inputs) */
|
|
@@ -51,7 +44,7 @@ export interface SAiToolBarInput {
|
|
|
51
44
|
/** Maximum number of images (for image inputs with multiple=true) */
|
|
52
45
|
maxImages?: number;
|
|
53
46
|
/** Select options (for select inputs) */
|
|
54
|
-
options?:
|
|
47
|
+
options?: SToolBarOption[];
|
|
55
48
|
/** Key to extract label from option objects (for select inputs) */
|
|
56
49
|
optionLabel?: string;
|
|
57
50
|
/** Key to extract value from option objects (for select inputs) */
|
|
@@ -71,11 +64,11 @@ export interface SAiToolBarInput {
|
|
|
71
64
|
*
|
|
72
65
|
* Only the props relevant to the current `type` are used.
|
|
73
66
|
*/
|
|
74
|
-
componentProps?:
|
|
67
|
+
componentProps?: SToolBarComponentProps;
|
|
75
68
|
/** Custom renderer for the input */
|
|
76
69
|
renderInput?: (props: {
|
|
77
|
-
value:
|
|
78
|
-
onChange: (value:
|
|
70
|
+
value: SToolBarValue;
|
|
71
|
+
onChange: (value: SToolBarValue) => void;
|
|
79
72
|
onFocus: () => void;
|
|
80
73
|
onBlur: () => void;
|
|
81
74
|
disabled?: boolean;
|
|
@@ -83,9 +76,9 @@ export interface SAiToolBarInput {
|
|
|
83
76
|
}
|
|
84
77
|
/**
|
|
85
78
|
* Per-type overrides forwarded to the underlying child components.
|
|
86
|
-
* Omit props that are already managed by
|
|
79
|
+
* Omit props that are already managed by SToolBar to avoid conflicts.
|
|
87
80
|
*/
|
|
88
|
-
export interface
|
|
81
|
+
export interface SToolBarComponentProps {
|
|
89
82
|
/** Extra props for the MUI TextField used in `textarea` inputs */
|
|
90
83
|
textarea?: Omit<TextFieldProps, 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'multiline' | 'minRows' | 'maxRows' | 'fullWidth' | 'placeholder'>;
|
|
91
84
|
/** Extra props for the MUI TextField used in `number` inputs */
|
|
@@ -105,7 +98,7 @@ export interface SAiToolBarComponentProps {
|
|
|
105
98
|
/** HTML id attribute for the select element */
|
|
106
99
|
htmlFor?: string;
|
|
107
100
|
/** Custom render function for dropdown options */
|
|
108
|
-
renderOption?: (option:
|
|
101
|
+
renderOption?: (option: SToolBarOption) => React.ReactNode;
|
|
109
102
|
};
|
|
110
103
|
/** Extra props for the MUI Checkbox used in `checkbox` inputs */
|
|
111
104
|
checkbox?: Omit<CheckboxProps, 'checked' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled'>;
|
|
@@ -113,11 +106,11 @@ export interface SAiToolBarComponentProps {
|
|
|
113
106
|
image?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'ref' | 'type' | 'multiple' | 'onChange' | 'disabled' | 'style'>;
|
|
114
107
|
}
|
|
115
108
|
/**
|
|
116
|
-
* Props interface for
|
|
109
|
+
* Props interface for SToolBar component
|
|
117
110
|
*/
|
|
118
|
-
export interface
|
|
111
|
+
export interface SToolBarProps {
|
|
119
112
|
/** Configuration for input fields */
|
|
120
|
-
inputs?:
|
|
113
|
+
inputs?: SToolBarInput[];
|
|
121
114
|
/** Callback when process button is clicked */
|
|
122
115
|
onProcess?: () => void;
|
|
123
116
|
/** Callback when reset button is clicked */
|
|
@@ -129,9 +122,9 @@ export interface SAiToolBarProps {
|
|
|
129
122
|
/** Whether the toolbar is in uploading state */
|
|
130
123
|
uploading?: boolean;
|
|
131
124
|
/** Input values controlled externally */
|
|
132
|
-
inputValues?: Record<string,
|
|
125
|
+
inputValues?: Record<string, SToolBarValue>;
|
|
133
126
|
/** Callback when input values change */
|
|
134
|
-
onInputChange?: (key: string, value:
|
|
127
|
+
onInputChange?: (key: string, value: SToolBarValue, file?: File) => void;
|
|
135
128
|
/** Custom action buttons between inputs and standard actions */
|
|
136
129
|
customActionButtons?: React.ReactNode;
|
|
137
130
|
/** Hide the main process button */
|
|
@@ -165,8 +158,8 @@ export interface SAiToolBarProps {
|
|
|
165
158
|
* A dynamic floating toolbar for AI tools with inputs and action buttons.
|
|
166
159
|
* Features multiple input types, built-in validation, and portal rendering for proper z-index handling.
|
|
167
160
|
*/
|
|
168
|
-
export declare const
|
|
169
|
-
({ inputs, onProcess, onReset, onDownload, processing, uploading, inputValues, onInputChange, customActionButtons, hideProcessButton, processButtonDisabled, getInputDisabled, processTooltip, downloadTooltip, resetTooltip, infoTooltip, infoTitle, infoContent, position, relative, containerSx, sx, }:
|
|
161
|
+
export declare const SToolBar: {
|
|
162
|
+
({ inputs, onProcess, onReset, onDownload, processing, uploading, inputValues, onInputChange, customActionButtons, hideProcessButton, processButtonDisabled, getInputDisabled, processTooltip, downloadTooltip, resetTooltip, infoTooltip, infoTitle, infoContent, position, relative, containerSx, sx, }: SToolBarProps): React.JSX.Element;
|
|
170
163
|
displayName: string;
|
|
171
164
|
};
|
|
172
|
-
export default
|
|
165
|
+
export default SToolBar;
|