@solostylist/ui-kit 1.0.201 → 1.0.203
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/s-accordion/s-accordion.d.ts +0 -5
- package/dist/s-action-overlay/s-action-overlay.d.ts +0 -4
- package/dist/s-autocomplete/s-autocomplete.d.ts +0 -5
- package/dist/s-avatar/s-avatar.d.ts +0 -4
- package/dist/s-blur-text/s-blur-text.d.ts +0 -3
- package/dist/s-breadcrumbs/s-breadcrumbs.d.ts +0 -3
- package/dist/s-button/s-button.d.ts +0 -3
- package/dist/s-carousel/s-carousel.d.ts +0 -3
- package/dist/s-carousel/s-carousel.js +6 -4
- package/dist/s-category-card/s-category-card.d.ts +0 -3
- package/dist/s-chat-input/s-chat-input.d.ts +0 -3
- package/dist/s-chat-message/s-chat-message.d.ts +0 -3
- package/dist/s-checkbox/s-checkbox.d.ts +0 -3
- package/dist/s-chip/s-chip.d.ts +0 -3
- package/dist/s-chips/s-chips.d.ts +0 -1
- package/dist/s-code-block/s-code-block.d.ts +0 -3
- package/dist/s-comment-message/s-comment-message.d.ts +0 -3
- package/dist/s-copyable-text/s-copyable-text.d.ts +0 -3
- package/dist/s-countdown/s-count-box.d.ts +0 -3
- package/dist/s-countdown/s-count-down.d.ts +0 -3
- package/dist/s-data-table/s-data-table.d.ts +0 -3
- package/dist/s-date-picker/s-date-picker.d.ts +0 -3
- package/dist/s-date-picker/s-date-picker.js +14 -10
- package/dist/s-datetime-picker/s-datetime-picker.d.ts +0 -3
- package/dist/s-datetime-picker/s-datetime-picker.js +102 -98
- package/dist/s-dialog/s-dialog.d.ts +0 -3
- package/dist/s-dialog-confirm/s-dialog-confirm.d.ts +0 -11
- package/dist/s-dialog-message/s-dialog-message.d.ts +0 -9
- package/dist/s-empty/s-empty.d.ts +0 -1
- package/dist/s-error/s-error.d.ts +0 -1
- package/dist/s-error-layout/s-error-layout.d.ts +0 -1
- package/dist/s-file-dropzone/s-file-dropzone.d.ts +0 -1
- package/dist/s-file-icon/s-file-icon.d.ts +0 -1
- package/dist/s-flex-box/s-flex-box.d.ts +0 -3
- package/dist/s-form/s-form.d.ts +0 -1
- package/dist/s-gallery/s-gallery.d.ts +0 -19
- package/dist/s-gradient-icon/s-gradient-icon.d.ts +0 -1
- package/dist/s-i18n-provider/s-i18n-provider.d.ts +0 -1
- package/dist/s-icon-button/s-icon-button.d.ts +0 -3
- package/dist/s-image-comparison/s-image-comparison.js +26 -25
- package/dist/s-image-modal/s-image-modal.d.ts +0 -4
- package/dist/s-item-not-found/s-item-not-found.d.ts +0 -3
- package/dist/s-label/s-label.d.ts +0 -3
- package/dist/s-language-switcher/s-language-switcher.d.ts +0 -3
- package/dist/s-link/s-link.d.ts +0 -3
- package/dist/s-localization-provider/s-localization-provider.d.ts +0 -1
- package/dist/s-moving-border/s-moving-border.d.ts +0 -3
- package/dist/s-multi-select/s-multi-select.d.ts +0 -1
- package/dist/s-no-ssr/s-no-ssr.d.ts +0 -1
- package/dist/s-overlay-scrollbar/s-overlay-scrollbar.d.ts +0 -3
- package/dist/s-pagination/s-pagination.d.ts +0 -3
- package/dist/s-pixel-reveal/s-pixel-reveal.d.ts +0 -3
- package/dist/s-radial-pulse-animate/s-radial-pulse-animate.d.ts +0 -3
- package/dist/s-rating/s-rating.d.ts +0 -3
- package/dist/s-review/s-review.d.ts +0 -3
- package/dist/s-scroll-reveal/s-scroll-reveal.d.ts +0 -3
- package/dist/s-scroll-to-top/s-scroll-to-top.d.ts +0 -3
- package/dist/s-scroll-velocity/s-scroll-velocity.d.ts +0 -6
- package/dist/s-scroll-velocity/scroll-velocity-container.d.ts +0 -7
- package/dist/s-scroll-velocity/scroll-velocity-row.d.ts +0 -4
- package/dist/s-select/s-select.d.ts +0 -3
- package/dist/s-select-list/s-select-list.d.ts +0 -3
- package/dist/s-skeleton/s-skeleton.d.ts +0 -3
- package/dist/s-snackbar-message/s-snackbar-message.d.ts +0 -6
- package/dist/s-spotlight-cursor/s-spotlight-cursor.d.ts +0 -3
- package/dist/s-stripe/s-stripe-cvc.d.ts +0 -1
- package/dist/s-stripe/s-stripe-expiry.d.ts +0 -1
- package/dist/s-stripe/s-stripe-number.d.ts +0 -1
- package/dist/s-stripe/s-stripe.d.ts +0 -1
- package/dist/s-switch/s-switch.d.ts +0 -4
- package/dist/s-tabs/s-tab-panel.d.ts +0 -3
- package/dist/s-tabs/s-tabs.d.ts +0 -3
- package/dist/s-text-editor/s-text-editor-toolbar.d.ts +0 -29
- package/dist/s-text-editor/s-text-editor.d.ts +0 -3
- package/dist/s-text-field/s-text-field.d.ts +0 -3
- package/dist/s-text-shimmer/s-text-shimmer.d.ts +0 -3
- package/dist/s-text-truncation/s-text-truncation.d.ts +0 -4
- package/dist/s-theme-provider/s-theme-provider.d.ts +0 -1
- package/dist/s-tip/s-tip.d.ts +0 -3
- package/dist/s-tool-bar/s-tool-bar.d.ts +0 -4
- package/dist/s-two-pane-layout/s-two-pane-layout.d.ts +0 -3
- package/dist/s-typewriter-text/s-typewriter-text.d.ts +0 -3
- package/dist/s-zoom-image/s-zoom-image.d.ts +0 -3
- package/package.json +1 -1
|
@@ -19,7 +19,6 @@ export interface SDialogMessageProps {
|
|
|
19
19
|
/** Whether to show the close button in the title bar */
|
|
20
20
|
showClose?: boolean;
|
|
21
21
|
}
|
|
22
|
-
/** A simple message dialog component for displaying informational messages that require user acknowledgment. */
|
|
23
22
|
export declare const SDialogMessage: {
|
|
24
23
|
({ title, content, onClose, onOk, open, maxWidth, showClose, }: SDialogMessageProps): React.JSX.Element;
|
|
25
24
|
displayName: string;
|
|
@@ -47,14 +46,6 @@ export interface DialogMessageContextProps {
|
|
|
47
46
|
/** Current open state of the dialog */
|
|
48
47
|
open: boolean;
|
|
49
48
|
}
|
|
50
|
-
/**
|
|
51
|
-
* Provider component that manages a global message dialog.
|
|
52
|
-
* This enables any component in the app to display informational messages
|
|
53
|
-
* without managing dialog state locally.
|
|
54
|
-
*
|
|
55
|
-
* @param children - Child components that can use the dialog context
|
|
56
|
-
* @returns JSX.Element - Provider with dialog management and rendered dialog
|
|
57
|
-
*/
|
|
58
49
|
export declare const DialogMessageProvider: ({ children }: {
|
|
59
50
|
children: React.ReactNode;
|
|
60
51
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,7 +6,6 @@ export interface SEmptyProps {
|
|
|
6
6
|
/** Custom text to display (defaults to 'No data available.') */
|
|
7
7
|
title?: string;
|
|
8
8
|
}
|
|
9
|
-
/** A simple component for displaying empty states in lists, tables, or data containers. */
|
|
10
9
|
export declare const SEmpty: {
|
|
11
10
|
({ title }: SEmptyProps): React.JSX.Element;
|
|
12
11
|
displayName: string;
|
|
@@ -51,7 +51,6 @@ export interface SErrorLayoutProps {
|
|
|
51
51
|
/** Custom content to render instead of the button */
|
|
52
52
|
customActions?: ReactNode;
|
|
53
53
|
}
|
|
54
|
-
/** A full-screen error layout component for displaying error pages with customizable content and styling. */
|
|
55
54
|
export declare const SErrorLayout: {
|
|
56
55
|
({ imageSrc, imageAlt, title, description, buttonText, imageWidth, imageHeight, maxWidth, height, py, spacing, titleVariant, descriptionVariant, buttonVariant, buttonColor, containerSx, imageContainerSx, contentSx, titleSx, descriptionSx, buttonContainerSx, buttonProps, hideImage, customActions, }: SErrorLayoutProps): React.JSX.Element;
|
|
57
56
|
displayName: string;
|
|
@@ -30,7 +30,6 @@ export interface SFileDropzoneProps extends DropzoneOptions {
|
|
|
30
30
|
/** Whether to show the 'Remove all' button */
|
|
31
31
|
isShowBtnRemoveAll?: boolean;
|
|
32
32
|
}
|
|
33
|
-
/** A file dropzone component with drag-and-drop, file management, and form integration. */
|
|
34
33
|
export declare const SFileDropzone: {
|
|
35
34
|
({ hint, label, error, onRemoveAll, onRemove, required, isShowBtnRemoveAll, ...props }: SFileDropzoneProps): React.JSX.Element;
|
|
36
35
|
displayName: string;
|
|
@@ -6,7 +6,6 @@ export interface SFileIconProps {
|
|
|
6
6
|
/** File extension (without dot) to determine which icon to display */
|
|
7
7
|
extension?: string;
|
|
8
8
|
}
|
|
9
|
-
/** A file type icon component that displays appropriate icons based on file extensions. */
|
|
10
9
|
export declare const SFileIcon: {
|
|
11
10
|
({ extension }: SFileIconProps): React.JSX.Element;
|
|
12
11
|
displayName: string;
|
|
@@ -3,9 +3,6 @@ import { BoxProps } from '@mui/material/Box';
|
|
|
3
3
|
* Props interface for SFlexBox component
|
|
4
4
|
*/
|
|
5
5
|
export type SFlexBoxProps = BoxProps;
|
|
6
|
-
/**
|
|
7
|
-
* A flex container component that defaults display to flex with all Material-UI Box capabilities.
|
|
8
|
-
*/
|
|
9
6
|
export declare const SFlexBox: {
|
|
10
7
|
({ children, ...props }: SFlexBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
11
8
|
displayName: string;
|
package/dist/s-form/s-form.d.ts
CHANGED
|
@@ -15,7 +15,6 @@ export interface SFormProps {
|
|
|
15
15
|
/** HTML 'for' attribute to associate label with input element */
|
|
16
16
|
htmlFor?: string;
|
|
17
17
|
}
|
|
18
|
-
/** A form wrapper component that provides consistent labeling, error handling, and help text. */
|
|
19
18
|
export declare const SForm: {
|
|
20
19
|
({ label, hint, error, required, children, htmlFor }: SFormProps): import("react/jsx-runtime").JSX.Element;
|
|
21
20
|
displayName: string;
|
|
@@ -12,22 +12,6 @@ export type MediaItemProps = {
|
|
|
12
12
|
/** Click handler */
|
|
13
13
|
onClick?: () => void;
|
|
14
14
|
};
|
|
15
|
-
/**
|
|
16
|
-
* MediaItem - Renders individual media items (images or videos) with optimized loading and playback.
|
|
17
|
-
*
|
|
18
|
-
* For videos:
|
|
19
|
-
* - Intersection Observer for viewport-based autoplay/pause
|
|
20
|
-
* - Buffering state management with loading indicator
|
|
21
|
-
* - Muted autoplay with loop for engagement
|
|
22
|
-
* - Preloading for smooth playback
|
|
23
|
-
*
|
|
24
|
-
* For images:
|
|
25
|
-
* - Lazy loading via SLazyImage component
|
|
26
|
-
* - Optimized object-fit handling
|
|
27
|
-
*
|
|
28
|
-
* @param props - MediaItemProps with item data and handlers
|
|
29
|
-
* @returns JSX.Element - Rendered media item
|
|
30
|
-
*/
|
|
31
15
|
export declare const MediaItem: React.FC<MediaItemProps>;
|
|
32
16
|
/**
|
|
33
17
|
* Built-in layout variants for the gallery
|
|
@@ -46,8 +30,5 @@ export interface SGalleryProps {
|
|
|
46
30
|
/** Number of skeleton items to show when loading (default: 6) */
|
|
47
31
|
skeletonCount?: number;
|
|
48
32
|
}
|
|
49
|
-
/**
|
|
50
|
-
* A sophisticated media gallery with drag-and-drop reordering, modal viewing, and multiple layout variants.
|
|
51
|
-
*/
|
|
52
33
|
export declare const SGallery: React.FC<SGalleryProps>;
|
|
53
34
|
export default SGallery;
|
|
@@ -50,7 +50,6 @@ export interface SGradientIconProps extends SvgIconProps {
|
|
|
50
50
|
/** Fallback color when gradient is not shown */
|
|
51
51
|
fallbackColor?: string;
|
|
52
52
|
}
|
|
53
|
-
/** A customizable icon component that applies gradient effects with multiple themes and animations. */
|
|
54
53
|
export declare const SGradientIcon: {
|
|
55
54
|
({ hovered, IconComponent, sx, strokeWidth, gradientTheme, customGradient, gradientDirection, animationDuration, animationEasing, autoHover, gradientId, alwaysGradient, fallbackColor, ...props }: SGradientIconProps): import("react/jsx-runtime").JSX.Element | null;
|
|
56
55
|
displayName: string;
|
|
@@ -8,7 +8,6 @@ export interface SI18nProviderProps {
|
|
|
8
8
|
/** Language code to set as active (default: 'en') */
|
|
9
9
|
language?: string;
|
|
10
10
|
}
|
|
11
|
-
/** Internationalization provider component with dynamic language switching support. */
|
|
12
11
|
export declare const SI18nProvider: {
|
|
13
12
|
({ children, language }: SI18nProviderProps): React.JSX.Element;
|
|
14
13
|
displayName: string;
|
|
@@ -7,9 +7,6 @@ export interface SIconButtonProps extends IconButtonProps {
|
|
|
7
7
|
/** Optional tooltip configuration (excludes 'children' which is handled internally) */
|
|
8
8
|
tooltipOptions?: Omit<TooltipProps, 'children'>;
|
|
9
9
|
}
|
|
10
|
-
/**
|
|
11
|
-
* An enhanced icon button component with optional tooltip integration.
|
|
12
|
-
*/
|
|
13
10
|
export declare const SIconButton: {
|
|
14
11
|
({ tooltipOptions, ...props }: SIconButtonProps): React.JSX.Element;
|
|
15
12
|
displayName: string;
|
|
@@ -2,15 +2,15 @@ import { j as t } from "../jsx-runtime-tc70JA_2.js";
|
|
|
2
2
|
import * as o from "react";
|
|
3
3
|
import { C as A } from "../ChevronLeft-BmgmPHp9.js";
|
|
4
4
|
import { C as z } from "../ChevronRight-DbWSr8yz.js";
|
|
5
|
-
import { Box as
|
|
5
|
+
import { Box as i, IconButton as D } from "@mui/material";
|
|
6
6
|
import E from "../s-lazy-image/s-lazy-image.js";
|
|
7
7
|
const F = o.forwardRef(
|
|
8
8
|
({ sx: C, leftImage: u, rightImage: I, altLeft: d = "Left image", altRight: L = "Right image", initialPosition: S = 50, ...k }, a) => {
|
|
9
|
-
const
|
|
10
|
-
if (!
|
|
11
|
-
const
|
|
12
|
-
let
|
|
13
|
-
|
|
9
|
+
const p = Array.isArray(u) ? u : [u], v = Array.isArray(d) ? d : [d], [l, M] = o.useState(0), [r, P] = o.useState(S), [n, b] = o.useState(!1), m = o.useRef(null), R = p.length > 1, y = (e) => {
|
|
10
|
+
if (!m.current) return;
|
|
11
|
+
const s = m.current.getBoundingClientRect();
|
|
12
|
+
let f = (e - s.left) / s.width * 100;
|
|
13
|
+
f = Math.max(0, Math.min(100, f)), P(f);
|
|
14
14
|
}, h = o.useCallback(
|
|
15
15
|
(e) => {
|
|
16
16
|
n && y(e.clientX);
|
|
@@ -25,14 +25,14 @@ const F = o.forwardRef(
|
|
|
25
25
|
b(!0);
|
|
26
26
|
}, c = () => {
|
|
27
27
|
b(!1);
|
|
28
|
-
},
|
|
28
|
+
}, x = r === 0 || r === 100;
|
|
29
29
|
return o.useEffect(() => (n ? (document.addEventListener("mousemove", h), document.addEventListener("touchmove", g), document.addEventListener("mouseup", c), document.addEventListener("touchend", c), document.body.style.cursor = "ew-resize") : document.body.style.cursor = "", () => {
|
|
30
30
|
document.removeEventListener("mousemove", h), document.removeEventListener("touchmove", g), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), document.body.style.cursor = "";
|
|
31
31
|
}), [n, h, g]), /* @__PURE__ */ t.jsxs(
|
|
32
|
-
|
|
32
|
+
i,
|
|
33
33
|
{
|
|
34
34
|
ref: (e) => {
|
|
35
|
-
|
|
35
|
+
m.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
|
|
36
36
|
},
|
|
37
37
|
sx: {
|
|
38
38
|
position: "relative",
|
|
@@ -63,7 +63,7 @@ const F = o.forwardRef(
|
|
|
63
63
|
}
|
|
64
64
|
),
|
|
65
65
|
/* @__PURE__ */ t.jsx(
|
|
66
|
-
|
|
66
|
+
i,
|
|
67
67
|
{
|
|
68
68
|
sx: {
|
|
69
69
|
position: "absolute",
|
|
@@ -77,8 +77,8 @@ const F = o.forwardRef(
|
|
|
77
77
|
children: /* @__PURE__ */ t.jsx(
|
|
78
78
|
E,
|
|
79
79
|
{
|
|
80
|
-
src:
|
|
81
|
-
alt:
|
|
80
|
+
src: p[l],
|
|
81
|
+
alt: v[l] ?? v[0],
|
|
82
82
|
style: {
|
|
83
83
|
width: "100%",
|
|
84
84
|
height: "100%",
|
|
@@ -90,7 +90,7 @@ const F = o.forwardRef(
|
|
|
90
90
|
}
|
|
91
91
|
),
|
|
92
92
|
R && /* @__PURE__ */ t.jsx(
|
|
93
|
-
|
|
93
|
+
i,
|
|
94
94
|
{
|
|
95
95
|
sx: {
|
|
96
96
|
position: "absolute",
|
|
@@ -107,33 +107,33 @@ const F = o.forwardRef(
|
|
|
107
107
|
},
|
|
108
108
|
onClick: (e) => e.stopPropagation(),
|
|
109
109
|
onMouseDown: (e) => e.stopPropagation(),
|
|
110
|
-
children:
|
|
111
|
-
|
|
110
|
+
children: p.map((e, s) => /* @__PURE__ */ t.jsx(
|
|
111
|
+
i,
|
|
112
112
|
{
|
|
113
113
|
onClick: (j) => {
|
|
114
|
-
j.stopPropagation(), M(
|
|
114
|
+
j.stopPropagation(), M(s);
|
|
115
115
|
},
|
|
116
116
|
sx: {
|
|
117
117
|
width: 8,
|
|
118
118
|
height: 8,
|
|
119
119
|
borderRadius: "50%",
|
|
120
|
-
bgcolor: l ===
|
|
120
|
+
bgcolor: l === s ? "primary.main" : "whiteAlpha.medium",
|
|
121
121
|
cursor: "pointer",
|
|
122
122
|
boxShadow: 1,
|
|
123
123
|
backdropFilter: "blur(4px)",
|
|
124
124
|
transition: "all 0.2s",
|
|
125
125
|
"&:hover": {
|
|
126
126
|
transform: "scale(1.2)",
|
|
127
|
-
bgcolor: l ===
|
|
127
|
+
bgcolor: l === s ? "primary.main" : "whiteAlpha.dark"
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
130
|
},
|
|
131
|
-
|
|
131
|
+
s
|
|
132
132
|
))
|
|
133
133
|
}
|
|
134
134
|
),
|
|
135
135
|
/* @__PURE__ */ t.jsxs(
|
|
136
|
-
|
|
136
|
+
i,
|
|
137
137
|
{
|
|
138
138
|
sx: {
|
|
139
139
|
position: "absolute",
|
|
@@ -145,7 +145,7 @@ const F = o.forwardRef(
|
|
|
145
145
|
},
|
|
146
146
|
children: [
|
|
147
147
|
/* @__PURE__ */ t.jsx(
|
|
148
|
-
|
|
148
|
+
i,
|
|
149
149
|
{
|
|
150
150
|
sx: {
|
|
151
151
|
position: "absolute",
|
|
@@ -165,16 +165,17 @@ const F = o.forwardRef(
|
|
|
165
165
|
left: "50%",
|
|
166
166
|
transform: "translate(-50%, -50%)",
|
|
167
167
|
cursor: "ew-resize",
|
|
168
|
-
...
|
|
168
|
+
...x ? {
|
|
169
169
|
width: 48,
|
|
170
170
|
height: 48,
|
|
171
171
|
backdropFilter: "blur(8px)",
|
|
172
|
-
backgroundColor: "
|
|
172
|
+
backgroundColor: "rgba(255,255,255,0.3)",
|
|
173
|
+
boxShadow: "0px 0px 0px 1px rgba(0,0,0,0.1)",
|
|
173
174
|
color: "text.primary"
|
|
174
175
|
} : {},
|
|
175
176
|
transition: "all 0.3s ease-in-out",
|
|
176
177
|
"&:hover": {
|
|
177
|
-
bgcolor:
|
|
178
|
+
bgcolor: x ? "rgba(255,255,255,0.4)" : "transparent"
|
|
178
179
|
}
|
|
179
180
|
},
|
|
180
181
|
role: "slider",
|
|
@@ -186,7 +187,7 @@ const F = o.forwardRef(
|
|
|
186
187
|
onClick: (e) => {
|
|
187
188
|
e.preventDefault(), e.stopPropagation();
|
|
188
189
|
},
|
|
189
|
-
children:
|
|
190
|
+
children: x && /* @__PURE__ */ t.jsxs(i, { sx: { display: "flex", alignItems: "center" }, children: [
|
|
190
191
|
/* @__PURE__ */ t.jsx(A, {}),
|
|
191
192
|
/* @__PURE__ */ t.jsx(z, {})
|
|
192
193
|
] })
|
|
@@ -44,9 +44,6 @@ export interface SImageModalProps {
|
|
|
44
44
|
/** Custom modal styling */
|
|
45
45
|
modalSx?: ModalProps['sx'];
|
|
46
46
|
}
|
|
47
|
-
/**
|
|
48
|
-
* Default MediaItem renderer for images and videos
|
|
49
|
-
*/
|
|
50
47
|
export declare const DefaultMediaItem: React.FC<{
|
|
51
48
|
item: MediaItemType;
|
|
52
49
|
onClick?: () => void;
|
|
@@ -54,6 +51,5 @@ export declare const DefaultMediaItem: React.FC<{
|
|
|
54
51
|
objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
|
|
55
52
|
disableVideoControls?: boolean;
|
|
56
53
|
}>;
|
|
57
|
-
/** A reusable full-screen modal for displaying media items with navigation features. */
|
|
58
54
|
export declare const SImageModal: React.FC<SImageModalProps>;
|
|
59
55
|
export default SImageModal;
|
|
@@ -13,9 +13,6 @@ export interface SItemNotFoundProps {
|
|
|
13
13
|
/** Props to pass to the SLazyImage component for advanced image configuration */
|
|
14
14
|
lazyImageProps?: Omit<SLazyImageProps, 'src'>;
|
|
15
15
|
}
|
|
16
|
-
/**
|
|
17
|
-
* A flexible empty state component that displays a custom message with an accompanying image.
|
|
18
|
-
*/
|
|
19
16
|
export declare const SItemNotFound: {
|
|
20
17
|
({ message, image, boxProps, lazyImageProps }: SItemNotFoundProps): import("react/jsx-runtime").JSX.Element;
|
|
21
18
|
displayName: string;
|
|
@@ -14,9 +14,6 @@ export interface SLabelProps {
|
|
|
14
14
|
/** Custom styles using Material-UI sx prop for layout customization */
|
|
15
15
|
sx?: SxProps<Theme>;
|
|
16
16
|
}
|
|
17
|
-
/**
|
|
18
|
-
* An enhanced label component that provides structured labeling with optional hints and tooltips.
|
|
19
|
-
*/
|
|
20
17
|
export declare const SLabel: {
|
|
21
18
|
({ label, children, hint, sx }: SLabelProps): React.JSX.Element;
|
|
22
19
|
displayName: string;
|
|
@@ -41,9 +41,6 @@ export interface SLanguageSwitcherProps {
|
|
|
41
41
|
/** Whether to use i18n integration */
|
|
42
42
|
useI18n?: boolean;
|
|
43
43
|
}
|
|
44
|
-
/**
|
|
45
|
-
* A language switcher component with flag icons and dropdown menu.
|
|
46
|
-
*/
|
|
47
44
|
export declare const SLanguageSwitcher: {
|
|
48
45
|
({ languages, onLanguageChange, currentLanguage, tooltipText, buttonFlagSize, menuFlagSize, menuWidth, sx, useI18n, }: SLanguageSwitcherProps): React.JSX.Element;
|
|
49
46
|
displayName: string;
|
package/dist/s-link/s-link.d.ts
CHANGED
|
@@ -27,9 +27,6 @@ export interface SLinkProps {
|
|
|
27
27
|
/** Click handler for the link */
|
|
28
28
|
onClick?: LinkProps['onClick'];
|
|
29
29
|
}
|
|
30
|
-
/**
|
|
31
|
-
* A flexible link component that combines text and a clickable link element.
|
|
32
|
-
*/
|
|
33
30
|
export declare const SLink: {
|
|
34
31
|
({ onClick, beforeText, afterText, mainText, href, component, target, color, linkColor, variant, lineHeight, }: SLinkProps): React.JSX.Element;
|
|
35
32
|
displayName: string;
|
|
@@ -6,7 +6,6 @@ export interface SLocalizationProviderProps {
|
|
|
6
6
|
/** Child components that will have access to date localization */
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
}
|
|
9
|
-
/** Localization provider for Material-UI date picker components. */
|
|
10
9
|
export declare const SLocalizationProvider: {
|
|
11
10
|
({ children }: SLocalizationProviderProps): React.JSX.Element;
|
|
12
11
|
displayName: string;
|
|
@@ -15,8 +15,5 @@ export interface SMovingBorderProps extends BoxProps {
|
|
|
15
15
|
/** Content to render inside the moving border container */
|
|
16
16
|
readonly children: React.ReactNode;
|
|
17
17
|
}
|
|
18
|
-
/**
|
|
19
|
-
* An animated border effect component that creates smooth moving light effects around the element perimeter.
|
|
20
|
-
*/
|
|
21
18
|
export declare const SMovingBorder: React.FC<SMovingBorderProps>;
|
|
22
19
|
export default SMovingBorder;
|
|
@@ -19,7 +19,6 @@ export interface SMultiSelectProps<T = string> {
|
|
|
19
19
|
/** Additional props to pass to the chips component */
|
|
20
20
|
chipProps?: Omit<SChipsProps, 'chips'>;
|
|
21
21
|
}
|
|
22
|
-
/** A multi-selection dropdown component that displays selected items as chips. */
|
|
23
22
|
export declare const SMultiSelect: {
|
|
24
23
|
<T = string>({ label, onChange, options, value, chipProps, }: SMultiSelectProps<T>): React.JSX.Element;
|
|
25
24
|
displayName: string;
|
|
@@ -10,7 +10,6 @@ export interface SNoSsrProps {
|
|
|
10
10
|
/** Content to show during server-side rendering or while loading */
|
|
11
11
|
fallback?: React.ReactNode;
|
|
12
12
|
}
|
|
13
|
-
/** Component that prevents server-side rendering of its children. */
|
|
14
13
|
export declare const SNoSsr: {
|
|
15
14
|
(props: SNoSsrProps): React.JSX.Element;
|
|
16
15
|
displayName: string;
|
|
@@ -11,8 +11,5 @@ export interface SOverlayScrollbarProps extends PropsWithChildren {
|
|
|
11
11
|
/** Material-UI sx prop for custom styling */
|
|
12
12
|
sx?: SxProps<Theme>;
|
|
13
13
|
}
|
|
14
|
-
/**
|
|
15
|
-
* A custom scrollbar component with overlay styling, auto-hide functionality, and smooth animations.
|
|
16
|
-
*/
|
|
17
14
|
export declare const SOverlayScrollbar: import('react').ForwardRefExoticComponent<SOverlayScrollbarProps & import('react').RefAttributes<import('overlayscrollbars-react').OverlayScrollbarsComponentRef<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>>;
|
|
18
15
|
export default SOverlayScrollbar;
|
|
@@ -9,9 +9,6 @@ export interface SPaginationProps extends PaginationProps {
|
|
|
9
9
|
/** Total number of pages - component returns empty fragment when 0 */
|
|
10
10
|
count?: number;
|
|
11
11
|
}
|
|
12
|
-
/**
|
|
13
|
-
* Enhanced pagination component with responsive sizing and loading states.
|
|
14
|
-
*/
|
|
15
12
|
export declare const SPagination: {
|
|
16
13
|
({ loading, count, ...props }: SPaginationProps): React.JSX.Element;
|
|
17
14
|
displayName: string;
|
|
@@ -20,8 +20,5 @@ export interface SPixelRevealProps extends Omit<React.HTMLAttributes<HTMLDivElem
|
|
|
20
20
|
/** If true, all pixels appear immediately without wave/delay effect */
|
|
21
21
|
instant?: boolean;
|
|
22
22
|
}
|
|
23
|
-
/**
|
|
24
|
-
* An animated pixel effect component that creates a dynamic canvas overlay with customizable pixel animations.
|
|
25
|
-
*/
|
|
26
23
|
export declare const SPixelReveal: React.ForwardRefExoticComponent<SPixelRevealProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
24
|
export default SPixelReveal;
|
|
@@ -17,8 +17,5 @@ export interface SRadialPulseAnimateProps {
|
|
|
17
17
|
max: number;
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
|
-
/**
|
|
21
|
-
* A loading animation component that creates a pulsing radial effect with expanding ripples and floating particles.
|
|
22
|
-
*/
|
|
23
20
|
export declare const SRadialPulseAnimate: React.FC<SRadialPulseAnimateProps>;
|
|
24
21
|
export default SRadialPulseAnimate;
|
|
@@ -4,8 +4,5 @@ import { RatingProps } from '@mui/material';
|
|
|
4
4
|
* Props interface for SRating component
|
|
5
5
|
*/
|
|
6
6
|
export type SRatingProps = RatingProps;
|
|
7
|
-
/**
|
|
8
|
-
* A star rating component that allows users to provide feedback and ratings.
|
|
9
|
-
*/
|
|
10
7
|
export declare const SRating: React.ForwardRefExoticComponent<Omit<SRatingProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
8
|
export default SRating;
|
|
@@ -42,8 +42,5 @@ export interface SReviewProps {
|
|
|
42
42
|
/** MUI sx prop for custom styling */
|
|
43
43
|
sx?: SxProps;
|
|
44
44
|
}
|
|
45
|
-
/**
|
|
46
|
-
* A comprehensive review component that displays user reviews with avatar, name, rating, content, and helpful voting system.
|
|
47
|
-
*/
|
|
48
45
|
export declare const SReview: React.FC<SReviewProps>;
|
|
49
46
|
export default SReview;
|
|
@@ -30,8 +30,5 @@ export interface SScrollRevealProps extends Omit<BoxProps, 'children'> {
|
|
|
30
30
|
/** Delay between staggered child animations in seconds (default: 0.1) */
|
|
31
31
|
staggerDelay?: number;
|
|
32
32
|
}
|
|
33
|
-
/**
|
|
34
|
-
* A scroll-triggered animation component that reveals content with smooth animations when elements enter the viewport.
|
|
35
|
-
*/
|
|
36
33
|
export declare const SScrollReveal: React.FC<SScrollRevealProps>;
|
|
37
34
|
export default SScrollReveal;
|
|
@@ -15,8 +15,5 @@ export interface SScrollToTopProps {
|
|
|
15
15
|
/** System prop for custom styling */
|
|
16
16
|
sx?: SxProps<Theme>;
|
|
17
17
|
}
|
|
18
|
-
/**
|
|
19
|
-
* A floating button that appears when the user scrolls down and allows them to quickly return to the top.
|
|
20
|
-
*/
|
|
21
18
|
export declare const SScrollToTop: React.MemoExoticComponent<({ onClick, scrollElementId, threshold, icon, sx }: SScrollToTopProps) => import("react/jsx-runtime").JSX.Element>;
|
|
22
19
|
export default SScrollToTop;
|
|
@@ -11,12 +11,6 @@ export interface SScrollVelocityProps extends BoxProps {
|
|
|
11
11
|
/** Scroll direction: 1 for right, -1 for left (default: 1) */
|
|
12
12
|
direction?: 1 | -1;
|
|
13
13
|
}
|
|
14
|
-
/**
|
|
15
|
-
* A scroll-velocity based marquee component that automatically scrolls horizontally and responds to page scroll velocity.
|
|
16
|
-
* Perfect for displaying logos, features, testimonials, or any repeating content in an engaging way.
|
|
17
|
-
*
|
|
18
|
-
* The component automatically duplicates content to create a seamless infinite scroll effect and adjusts speed based on page scroll velocity.
|
|
19
|
-
*/
|
|
20
14
|
export declare const SScrollVelocity: {
|
|
21
15
|
({ children, baseVelocity, direction, sx, ...props }: SScrollVelocityProps): import("react/jsx-runtime").JSX.Element;
|
|
22
16
|
displayName: string;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { BoxProps } from '@mui/material';
|
|
3
3
|
import { MotionValue } from 'framer-motion';
|
|
4
|
-
/**
|
|
5
|
-
* Context for sharing scroll velocity across multiple rows
|
|
6
|
-
*/
|
|
7
4
|
export declare const ScrollVelocityContext: React.Context<MotionValue<number> | null>;
|
|
8
5
|
/**
|
|
9
6
|
* Props for the ScrollVelocityContainer component
|
|
@@ -12,9 +9,5 @@ export interface ScrollVelocityContainerProps extends BoxProps {
|
|
|
12
9
|
/** Content to render inside the container */
|
|
13
10
|
readonly children: React.ReactNode;
|
|
14
11
|
}
|
|
15
|
-
/**
|
|
16
|
-
* Container component that provides scroll velocity context to child rows.
|
|
17
|
-
* Use this to synchronize multiple ScrollVelocityRow components.
|
|
18
|
-
*/
|
|
19
12
|
export declare function ScrollVelocityContainer({ children, sx, ...props }: ScrollVelocityContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
20
13
|
export default ScrollVelocityContainer;
|
|
@@ -19,9 +19,5 @@ export interface ScrollVelocityRowProps extends BoxProps {
|
|
|
19
19
|
/** Scroll direction: 1 for right, -1 for left (default: 1) */
|
|
20
20
|
readonly direction?: 1 | -1;
|
|
21
21
|
}
|
|
22
|
-
/**
|
|
23
|
-
* A horizontal scrolling row component that responds to page scroll velocity.
|
|
24
|
-
* Can be used standalone or inside ScrollVelocityContainer for synchronized scrolling.
|
|
25
|
-
*/
|
|
26
22
|
export declare function ScrollVelocityRow(props: ScrollVelocityRowProps): import("react/jsx-runtime").JSX.Element;
|
|
27
23
|
export default ScrollVelocityRow;
|
|
@@ -33,8 +33,5 @@ export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'err
|
|
|
33
33
|
/** Custom render function for options */
|
|
34
34
|
renderOption?: (option: T) => ReactNode;
|
|
35
35
|
};
|
|
36
|
-
/**
|
|
37
|
-
* A flexible select component that handles both primitive and object options with form integration.
|
|
38
|
-
*/
|
|
39
36
|
export declare const SSelect: import('react').ForwardRefExoticComponent<Omit<SSelectProps<BaseOption>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
40
37
|
export default SSelect;
|
|
@@ -20,9 +20,6 @@ export interface SSelectListProps<T = unknown> {
|
|
|
20
20
|
/** Whether to show a radio button (default: true) */
|
|
21
21
|
showRadio?: boolean;
|
|
22
22
|
}
|
|
23
|
-
/**
|
|
24
|
-
* A selectable list component with radio buttons and optional expandable content.
|
|
25
|
-
*/
|
|
26
23
|
export declare const SSelectList: {
|
|
27
24
|
<T>({ items, selectedId, onSelect, renderItem, renderBelow, showRadio, }: SSelectListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
28
25
|
displayName: string;
|
|
@@ -15,9 +15,6 @@ export interface SSkeletonProps extends Omit<SkeletonProps, 'variant' | 'height'
|
|
|
15
15
|
/** Pre-defined component preset for common UI elements */
|
|
16
16
|
component?: 'button' | 'checkbox' | 'radio-button' | 'avatar' | 'rounded-avatar' | 'icon-button' | 'typography' | 'title-typography';
|
|
17
17
|
}
|
|
18
|
-
/**
|
|
19
|
-
* An enhanced skeleton loading component with pre-defined component presets for consistent loading states.
|
|
20
|
-
*/
|
|
21
18
|
export declare const SSkeleton: {
|
|
22
19
|
({ variant, width, height, fontSize, component, ...props }: SSkeletonProps): React.JSX.Element;
|
|
23
20
|
displayName: string;
|
|
@@ -15,9 +15,6 @@ export interface SSnackbarMessageProps {
|
|
|
15
15
|
/** Additional props passed to the Alert component */
|
|
16
16
|
alertProps?: AlertProps;
|
|
17
17
|
}
|
|
18
|
-
/**
|
|
19
|
-
* A notification snackbar component that displays temporary messages with Material-UI Alert styling.
|
|
20
|
-
*/
|
|
21
18
|
export declare const SSnackbarMessage: {
|
|
22
19
|
({ message, onClose, open, snackbarProps, alertProps, }: SSnackbarMessageProps): React.JSX.Element;
|
|
23
20
|
displayName: string;
|
|
@@ -52,9 +49,6 @@ export interface SnackbarMessageContextProps {
|
|
|
52
49
|
/** Current open state of the snackbar */
|
|
53
50
|
open: boolean;
|
|
54
51
|
}
|
|
55
|
-
/**
|
|
56
|
-
* Provider component that manages a global snackbar notification system.
|
|
57
|
-
*/
|
|
58
52
|
export declare const SnackbarMessageProvider: ({ children }: {
|
|
59
53
|
children: React.ReactNode;
|
|
60
54
|
}) => React.JSX.Element;
|
|
@@ -19,9 +19,6 @@ export interface SSpotlightCursorProps extends HTMLAttributes<HTMLCanvasElement>
|
|
|
19
19
|
/** Configuration object for spotlight appearance and behavior */
|
|
20
20
|
config?: SpotlightConfig;
|
|
21
21
|
}
|
|
22
|
-
/**
|
|
23
|
-
* Creates an interactive spotlight effect that follows the mouse cursor.
|
|
24
|
-
*/
|
|
25
22
|
export declare const SSpotlightCursor: {
|
|
26
23
|
({ config, className, ...props }: SSpotlightCursorProps): import("react/jsx-runtime").JSX.Element;
|
|
27
24
|
displayName: string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { CardCvcElement } from '@stripe/react-stripe-js';
|
|
2
2
|
import { StripeTextFieldProps } from './s-stripe';
|
|
3
|
-
/** Card security code (CVC/CVV) input field with Stripe integration. */
|
|
4
3
|
export declare function SStripeCVC(props: Readonly<StripeTextFieldProps<typeof CardCvcElement>>): import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
export declare namespace SStripeCVC {
|
|
6
5
|
var displayName: string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { CardExpiryElement } from '@stripe/react-stripe-js';
|
|
2
2
|
import { StripeTextFieldProps } from './s-stripe';
|
|
3
|
-
/** Card expiration date input field with Stripe integration. */
|
|
4
3
|
export declare function SStripeExpiry(props: Readonly<StripeTextFieldProps<typeof CardExpiryElement>>): import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
export declare namespace SStripeExpiry {
|
|
6
5
|
var displayName: string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { CardNumberElement } from '@stripe/react-stripe-js';
|
|
2
2
|
import { StripeTextFieldProps } from './s-stripe';
|
|
3
|
-
/** Card number input field with Stripe integration. */
|
|
4
3
|
export declare function SStripeNumber(props: Readonly<StripeTextFieldProps<typeof CardNumberElement>>): import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
export declare namespace SStripeNumber {
|
|
6
5
|
var displayName: string;
|
|
@@ -19,7 +19,6 @@ export interface StripeTextFieldProps<T extends StripeElement> extends Omit<STex
|
|
|
19
19
|
/** The Stripe Element component to render */
|
|
20
20
|
stripeElement?: T;
|
|
21
21
|
}
|
|
22
|
-
/** Generic Stripe text field component that integrates Stripe Elements with Material-UI styling. */
|
|
23
22
|
export declare const StripeTextField: {
|
|
24
23
|
<T extends StripeElement>(props: StripeTextFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
25
24
|
displayName: string;
|
|
@@ -8,9 +8,5 @@ export interface SSwitchProps extends Omit<SwitchProps, 'content'> {
|
|
|
8
8
|
/** Content displayed as a clickable label next to the switch */
|
|
9
9
|
content?: string | React.ReactNode;
|
|
10
10
|
}
|
|
11
|
-
/**
|
|
12
|
-
* A toggle switch component with integrated label support and proper accessibility.
|
|
13
|
-
* Built on Material-UI Switch with consistent theming.
|
|
14
|
-
*/
|
|
15
11
|
export declare const SSwitch: React.ForwardRefExoticComponent<Omit<SSwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
16
12
|
export default SSwitch;
|