@solostylist/ui-kit 1.0.204 → 1.0.206
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/ArrowUpward-CDLbIMHR.js +6 -0
- package/dist/Box-CCxGQYgC.js +46 -0
- package/dist/{ButtonBase-CyZX7c8K.js → ButtonBase-BpUvp8ep.js} +284 -285
- package/dist/ChevronLeft-C7DUyLoc.js +6 -0
- package/dist/ChevronRight-VFk57Tte.js +6 -0
- package/dist/Close-OtVsJy75.js +6 -0
- package/dist/ContentCopy-DHDP4d6g.js +6 -0
- package/dist/{DefaultPropsProvider-CFaP_bh_.js → DefaultPropsProvider-DpRXvTbj.js} +48 -48
- package/dist/Download-Bbx6BZUJ.js +6 -0
- package/dist/ExpandMore-BTC1yHzp.js +6 -0
- package/dist/Favorite-mcH9KX-m.js +6 -0
- package/dist/LocalizationProvider-DxrK-c0x.js +110 -0
- package/dist/{Menu-BB3Khkc0.js → Menu-Dhh4e9H1.js} +544 -544
- package/dist/{MenuItem-CjPW2J-w.js → MenuItem-aaIy8lan.js} +39 -39
- package/dist/{Paper-COr98fp-.js → Paper--8Q3qCqb.js} +25 -25
- package/dist/{Select-B9880Uge.js → Select-C5bKKis6.js} +1282 -1279
- package/dist/{Stack-BJ4hQFAK.js → Stack-D-aoKnaS.js} +27 -27
- package/dist/{Typography-B_GHPkH2.js → Typography-CswuXQLF.js} +25 -25
- package/dist/avatar-BVV8tT0K.js +10 -0
- package/dist/{buttonBaseClasses-DqKyadLa.js → buttonBaseClasses-CzfJbQi5.js} +1 -1
- package/dist/checkbox-Dd2nIREk.js +57 -0
- package/dist/chunk-efA98nb6.js +13 -0
- package/dist/{createSvgIcon-Bs2KOQvq.js → createSvgIcon-KjKEsKNV.js} +50 -50
- package/dist/{createTheme-CMuiGmV-.js → createTheme-DuS5_nJb.js} +1 -1
- package/dist/{defaultTheme-C7Su92B_.js → defaultTheme-DBynruYK.js} +1 -1
- package/dist/entries/carousel.js +3 -3
- package/dist/entries/chat.js +3 -3
- package/dist/entries/code.js +3 -3
- package/dist/entries/core.js +13 -14
- package/dist/entries/dates.js +9 -6
- package/dist/entries/dropzone.js +3 -3
- package/dist/entries/editor.js +2 -2
- package/dist/entries/gallery.js +8 -6
- package/dist/entries/i18n.js +4 -3
- package/dist/entries/motion.js +24 -16
- package/dist/entries/scrollbar.js +0 -1
- package/dist/entries/stripe.js +2 -2
- package/dist/{extendSxProp-DC0zdi8T.js → extendSxProp-YPyfzlEb.js} +1 -1
- package/dist/{iconButtonClasses-BggbSXxO.js → iconButtonClasses-ApDUTw5e.js} +1 -1
- package/dist/main.d.ts +0 -11
- package/dist/main.js +54 -101
- package/dist/{mergeSlotProps-DKt8V_TK.js → mergeSlotProps-BG-pTgpj.js} +1 -1
- package/dist/{outlinedInputClasses-5cvWh4bu.js → outlinedInputClasses-bgmdcolQ.js} +1 -1
- package/dist/{resolveProps-BfzHOpig.js → resolveProps-CcZ6Bxlf.js} +1 -1
- package/dist/s-accordion/index.js +2 -3
- package/dist/s-accordion/s-accordion.js +2 -3
- package/dist/{s-accordion-Dt3fbZNh.js → s-accordion-Da1IZflX.js} +203 -203
- package/dist/s-action-overlay/index.js +0 -1
- package/dist/s-action-overlay/s-action-overlay.js +44 -44
- package/dist/s-autocomplete/index.js +0 -1
- package/dist/s-autocomplete/s-autocomplete.js +12 -12
- package/dist/s-avatar/index.js +0 -1
- package/dist/s-avatar/s-avatar.js +16 -16
- package/dist/s-blur-text/index.js +0 -1
- package/dist/s-blur-text/s-blur-text.js +34 -34
- package/dist/s-breadcrumbs/index.js +1 -2
- package/dist/s-breadcrumbs/s-breadcrumbs.js +24 -24
- package/dist/s-button/index.js +0 -1
- package/dist/s-button/s-button.js +6 -6
- package/dist/s-carousel/index.js +2 -3
- package/dist/s-carousel/s-carousel.js +2 -3
- package/dist/s-carousel-BoDg9pKU.js +125 -0
- package/dist/s-category-card/index.js +0 -1
- package/dist/s-category-card/s-category-card.js +31 -31
- package/dist/s-chat-input/index.js +2 -3
- package/dist/s-chat-input/s-chat-input.js +2 -3
- package/dist/{s-chat-input-j_4JZfmI.js → s-chat-input-v_XIZVGk.js} +85 -85
- package/dist/s-chat-message/index.js +2 -3
- package/dist/s-chat-message/s-chat-message.js +2 -3
- package/dist/s-chat-message-CWtxsicj.js +281 -0
- package/dist/s-checkbox/index.js +0 -1
- package/dist/s-checkbox/s-checkbox.js +13 -13
- package/dist/s-chip/index.js +0 -1
- package/dist/s-chip/s-chip.js +6 -6
- package/dist/s-chips/index.js +0 -1
- package/dist/s-chips/s-chips.js +37 -37
- package/dist/s-code-block/index.js +2 -3
- package/dist/s-code-block/s-code-block.js +2 -3
- package/dist/{s-code-block-BxdWmtRX.js → s-code-block-BqYdR0Em.js} +21 -21
- package/dist/s-comment-message/index.js +2 -3
- package/dist/s-comment-message/s-comment-message.js +2 -3
- package/dist/s-comment-message-DDAHdQqY.js +195 -0
- package/dist/s-copyable-text/index.js +1 -2
- package/dist/s-copyable-text/s-copyable-text.js +20 -20
- package/dist/s-countdown/index.js +1 -2
- package/dist/s-countdown/s-count-box.js +31 -31
- package/dist/s-countdown/s-count-down.js +14 -14
- package/dist/s-data-table/index.js +2 -3
- package/dist/s-data-table/s-data-table.js +2 -3
- package/dist/{s-data-table-B9B189jk.js → s-data-table-BjqqIsFX.js} +284 -284
- package/dist/s-date-picker/index.js +2 -3
- package/dist/s-date-picker/s-date-picker.js +2 -3
- package/dist/{s-date-picker-CH4q-Bfx.js → s-date-picker-B0D3WMLP.js} +75 -75
- package/dist/s-datetime-picker/index.js +2 -3
- package/dist/s-datetime-picker/s-datetime-picker.js +2 -3
- package/dist/{s-datetime-picker-dviksz3-.js → s-datetime-picker-BTnwnsM2.js} +1246 -1246
- package/dist/s-dialog/index.js +1 -2
- package/dist/s-dialog/s-dialog.js +28 -28
- package/dist/s-dialog-confirm/index.js +1 -2
- package/dist/s-dialog-confirm/s-dialog-confirm.js +42 -42
- package/dist/s-dialog-message/index.js +1 -2
- package/dist/s-dialog-message/s-dialog-message.js +32 -32
- package/dist/s-empty/index.js +0 -1
- package/dist/s-empty/s-empty.js +5 -5
- package/dist/s-error/index.js +0 -1
- package/dist/s-error/s-error.js +6 -6
- package/dist/s-error-layout/index.js +0 -1
- package/dist/s-error-layout/s-error-layout.js +36 -36
- package/dist/s-file-dropzone/index.js +2 -3
- package/dist/s-file-dropzone/s-file-dropzone.js +2 -3
- package/dist/s-file-dropzone-BJBNFC_b.js +134 -0
- package/dist/s-file-icon/index.js +1 -2
- package/dist/s-file-icon/s-file-icon.js +79 -79
- package/dist/s-flex-box/index.js +1 -2
- package/dist/s-flex-box/s-flex-box.js +7 -7
- package/dist/s-form/index.js +0 -1
- package/dist/s-form/s-form.js +11 -11
- package/dist/s-gallery/index.js +1 -2
- package/dist/s-gallery/s-gallery.js +72 -72
- package/dist/s-glow-button/index.js +1 -2
- package/dist/s-glow-button/s-glow-button.js +10 -10
- package/dist/s-gradient-icon/index.js +0 -1
- package/dist/s-gradient-icon/s-gradient-icon.js +46 -46
- package/dist/s-i18n-provider/index.js +0 -1
- package/dist/s-i18n-provider/s-i18n-provider.js +17 -18
- package/dist/s-icon-button/index.js +0 -1
- package/dist/s-icon-button/s-icon-button.js +7 -7
- package/dist/s-image-comparison/index.js +1 -2
- package/dist/s-image-comparison/s-image-comparison.js +56 -56
- package/dist/s-image-modal/index.js +1 -2
- package/dist/s-image-modal/s-image-modal.js +94 -94
- package/dist/s-item-not-found/index.js +0 -1
- package/dist/s-item-not-found/s-item-not-found.js +48 -48
- package/dist/s-label/index.js +2 -3
- package/dist/s-label/s-label.js +2 -3
- package/dist/s-label-Bt4vQGGN.js +30 -0
- package/dist/s-language-switcher/index.js +2 -3
- package/dist/s-language-switcher/s-language-switcher.js +2 -3
- package/dist/{s-language-switcher-DhcrqHJt.js → s-language-switcher-BJP1r1la.js} +53 -53
- package/dist/s-lazy-image/index.js +0 -1
- package/dist/s-lazy-image/s-lazy-image.js +27 -27
- package/dist/s-link/index.js +0 -1
- package/dist/s-link/s-link.js +15 -15
- package/dist/s-localization-provider/index.js +2 -3
- package/dist/s-localization-provider/s-localization-provider.js +2 -3
- package/dist/{s-localization-provider-BpoHpRVl.js → s-localization-provider-DJc4e39M.js} +9 -9
- package/dist/s-moving-border/index.js +0 -1
- package/dist/s-moving-border/s-moving-border.js +38 -38
- package/dist/s-multi-select/index.js +2 -3
- package/dist/s-multi-select/s-multi-select.js +2 -3
- package/dist/s-multi-select-xKP4heeG.js +64 -0
- package/dist/s-no-ssr/index.js +0 -1
- package/dist/s-no-ssr/s-no-ssr.js +10 -10
- package/dist/s-overlay-scrollbar/index.js +0 -1
- package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js +9 -9
- package/dist/s-pagination/index.js +0 -1
- package/dist/s-pagination/s-pagination.js +17 -17
- package/dist/s-pixel-reveal/index.js +1 -2
- package/dist/s-pixel-reveal/s-pixel-reveal.js +62 -62
- package/dist/s-radial-pulse-animate/index.js +1 -2
- package/dist/s-radial-pulse-animate/s-radial-pulse-animate.js +37 -37
- package/dist/s-rating/index.js +0 -1
- package/dist/s-rating/s-rating.js +6 -6
- package/dist/s-review/index.js +2 -3
- package/dist/s-review/s-review.js +2 -3
- package/dist/s-review-DOBlCEU2.js +241 -0
- package/dist/s-scroll-reveal/index.js +0 -1
- package/dist/s-scroll-reveal/s-scroll-reveal.js +11 -11
- package/dist/s-scroll-to-top/index.js +1 -2
- package/dist/s-scroll-to-top/s-scroll-to-top.js +14 -14
- package/dist/s-scroll-velocity/index.js +0 -1
- package/dist/s-scroll-velocity/s-scroll-velocity.js +6 -6
- package/dist/s-scroll-velocity/scroll-velocity-container.js +8 -8
- package/dist/s-scroll-velocity/scroll-velocity-row.js +22 -22
- package/dist/s-select/index.js +2 -3
- package/dist/s-select/s-select.js +2 -3
- package/dist/s-select-DXbeZ0CG.js +110 -0
- package/dist/s-select-list/index.js +0 -1
- package/dist/s-select-list/s-select-list.js +17 -17
- package/dist/s-skeleton/index.js +0 -1
- package/dist/s-skeleton/s-skeleton.js +16 -16
- package/dist/s-snackbar-message/index.js +0 -1
- package/dist/s-snackbar-message/s-snackbar-message.js +24 -24
- package/dist/s-spotlight-cursor/index.js +0 -1
- package/dist/s-spotlight-cursor/s-spotlight-cursor.js +21 -21
- package/dist/s-stripe/index.js +1 -2
- package/dist/s-stripe/s-stripe-cvc.js +8 -9
- package/dist/s-stripe/s-stripe-expiry.js +8 -9
- package/dist/s-stripe/s-stripe-number.js +8 -9
- package/dist/s-stripe/s-stripe.js +10 -10
- package/dist/s-stripe/stripe-input.js +16 -16
- package/dist/s-switch/index.js +0 -1
- package/dist/s-switch/s-switch.js +13 -13
- package/dist/s-tabs/index.js +0 -1
- package/dist/s-tabs/s-tab-panel.js +7 -7
- package/dist/s-tabs/s-tab.js +6 -6
- package/dist/s-tabs/s-tabs.js +24 -24
- package/dist/s-text-editor/index.js +2 -3
- package/dist/s-text-editor/s-text-editor-toolbar.js +2 -3
- package/dist/s-text-editor/s-text-editor.js +24 -24
- package/dist/s-text-editor-toolbar-ob6vDHU4.js +177 -0
- package/dist/s-text-field/index.js +2 -3
- package/dist/s-text-field/s-text-field.js +2 -3
- package/dist/s-text-field-ni42E-1x.js +41 -0
- package/dist/s-text-shimmer/index.js +1 -2
- package/dist/s-text-shimmer/s-text-shimmer.js +13 -13
- package/dist/s-text-truncation/index.js +0 -1
- package/dist/s-text-truncation/s-text-truncation.js +42 -42
- package/dist/s-theme-demo/index.js +2 -3
- package/dist/s-theme-demo/s-theme-demo.js +2 -3
- package/dist/{s-theme-demo-ChEG6wog.js → s-theme-demo-B4pz6fse.js} +181 -181
- package/dist/s-theme-provider/index.js +1 -2
- package/dist/s-theme-provider/s-theme-provider.js +16 -16
- package/dist/s-theme-switch/index.js +2 -3
- package/dist/s-theme-switch/s-theme-switch.js +2 -3
- package/dist/s-theme-switch-CCEdponC.js +37 -0
- package/dist/s-tip/index.js +2 -3
- package/dist/s-tip/s-tip.js +2 -3
- package/dist/s-tip-CG51Q6oR.js +34 -0
- package/dist/s-tool-bar/index.js +2 -3
- package/dist/s-tool-bar/s-tool-bar.js +2 -3
- package/dist/s-tool-bar-C2lZhhJm.js +404 -0
- package/dist/s-two-pane-layout/index.js +1 -2
- package/dist/s-two-pane-layout/s-two-pane-layout.js +48 -48
- package/dist/s-typewriter-text/index.js +0 -1
- package/dist/s-typewriter-text/s-typewriter-text.js +21 -21
- package/dist/s-zoom-image/index.js +0 -1
- package/dist/s-zoom-image/s-zoom-image.js +12 -12
- package/dist/select-D9KH9LAz.js +11 -0
- package/dist/{styled-CjUxhIJh.js → styled-Dz7rwAje.js} +2 -2
- package/dist/{svgIconClasses-DOmb6RsS.js → svgIconClasses-CygVMw0E.js} +1 -1
- package/dist/{tabClasses-DoD3-n6K.js → tabClasses-CIRFQ-PB.js} +1 -1
- package/dist/theme/components/accordion-summary.js +2 -2
- package/dist/theme/components/alert.js +2 -2
- package/dist/theme/components/avatar.js +2 -3
- package/dist/theme/components/button.js +2 -2
- package/dist/theme/components/card.js +2 -2
- package/dist/theme/components/checkbox.js +2 -3
- package/dist/theme/components/chip.js +15 -15
- package/dist/theme/components/components.js +6 -7
- package/dist/theme/components/icon-button.js +2 -2
- package/dist/theme/components/linear-progress.js +2 -2
- package/dist/theme/components/link.js +2 -2
- package/dist/theme/components/list-item-button.js +1 -1
- package/dist/theme/components/list-item.js +3 -3
- package/dist/theme/components/outlined-input.js +3 -3
- package/dist/theme/components/select.js +2 -3
- package/dist/theme/components/step-icon.js +2 -2
- package/dist/theme/components/tab.js +1 -1
- package/dist/theme/components/table-pagination.js +1 -1
- package/dist/theme/components/toggle-button-group.js +2 -2
- package/dist/theme/components/toggle-button.js +2 -2
- package/dist/theme/theme-primitives.js +2 -2
- package/dist/{theme-primitives-Csxbv-2Y.js → theme-primitives-BG66N-x4.js} +1 -1
- package/dist/{toggle-button-CAcYep44.js → toggle-button-BI6z89CX.js} +2 -2
- package/dist/{toggle-button-group-BCHnFS_B.js → toggle-button-group-Dzzh9mXv.js} +3 -3
- package/dist/{typographyClasses-YJ-sLvHS.js → typographyClasses-C0nDz5e6.js} +1 -1
- package/dist/{useMobilePicker-CVsWEjX5.js → useMobilePicker-5bdhOdnH.js} +9153 -9150
- package/dist/{useTheme-B8aCSYJ4.js → useTheme-BES_k_99.js} +1 -1
- package/dist/{useThemeProps-CeO0wKq2.js → useThemeProps-CJRFdjVv.js} +2 -2
- package/dist/utils/dayjs.js +1 -1
- package/package.json +58 -1
- package/dist/ArrowUpward-KYbUu0UZ.js +0 -5
- package/dist/Box-a5uPlxYL.js +0 -47
- package/dist/ChevronLeft-Djq7TyZX.js +0 -5
- package/dist/ChevronRight-BgWjUtu8.js +0 -5
- package/dist/Close-DD2G0QfM.js +0 -5
- package/dist/ContentCopy-D1OlBB-D.js +0 -6
- package/dist/Download-DDt8mUQX.js +0 -5
- package/dist/ExpandMore-3GurpYw-.js +0 -5
- package/dist/Favorite-gVQqn0Cm.js +0 -5
- package/dist/avatar-boNnyODN.js +0 -9
- package/dist/checkbox-CajxsIFH.js +0 -57
- package/dist/chunk-BQCxAhux.js +0 -23
- package/dist/jsx-runtime-V-UOMaX1.js +0 -180
- package/dist/s-carousel-B3VUHzx3.js +0 -2294
- package/dist/s-chat-message-DQk5XWSJ.js +0 -281
- package/dist/s-comment-message-D3XTOm1L.js +0 -195
- package/dist/s-file-dropzone-DYiYlcY8.js +0 -134
- package/dist/s-label-g_Qac9jO.js +0 -30
- package/dist/s-multi-select-CUsIS9dm.js +0 -64
- package/dist/s-review-C1E6ASin.js +0 -241
- package/dist/s-select-CmsTrYmx.js +0 -110
- package/dist/s-text-editor-toolbar-DC-dnSBG.js +0 -177
- package/dist/s-text-field-C2WdBxNO.js +0 -41
- package/dist/s-theme-switch-uXRVJIf_.js +0 -37
- package/dist/s-tip-oiH-79gR.js +0 -34
- package/dist/s-tool-bar-CM-cxOkI.js +0 -404
- package/dist/select-CjaxyZK_.js +0 -11
- package/dist/warning-Bc_24lbr.js +0 -110
- /package/dist/{createSimplePaletteValueFilter-1V26n1YK.js → createSimplePaletteValueFilter-dAWZ3p3z.js} +0 -0
- /package/dist/{generateUtilityClasses-i3-S3IQr.js → generateUtilityClasses-BMwEKe3O.js} +0 -0
- /package/dist/{objectWithoutPropertiesLoose-Dn-p_OIo.js → objectWithoutPropertiesLoose-BdL2_POW.js} +0 -0
- /package/dist/{useControlled-DZKvfhNx.js → useControlled-CvWtMQJF.js} +0 -0
- /package/dist/{useEnhancedEffect-C_B_y6Db.js → useEnhancedEffect-NLLl34XR.js} +0 -0
- /package/dist/{useFormControl-y5Pput5X.js → useFormControl-ngLNi8dL.js} +0 -0
- /package/dist/{utils-Cj6R-BZe.js → utils-Cu16ybRR.js} +0 -0
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import "../createTheme-
|
|
2
|
-
import
|
|
3
|
-
import t from "../s-
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { Box as
|
|
7
|
-
import { AnimatePresence as
|
|
1
|
+
import "../createTheme-DuS5_nJb.js";
|
|
2
|
+
import e from "../s-lazy-image/s-lazy-image.js";
|
|
3
|
+
import { SImageModal as t } from "../s-image-modal/s-image-modal.js";
|
|
4
|
+
import { useEffect as n, useId as r, useRef as i, useState as a } from "react";
|
|
5
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
6
|
+
import { Box as c, Paper as l, Skeleton as u, Typography as d } from "@mui/material";
|
|
7
|
+
import { AnimatePresence as f, motion as p } from "framer-motion";
|
|
8
8
|
//#region lib/s-gallery/s-gallery.tsx
|
|
9
|
-
var
|
|
10
|
-
let
|
|
11
|
-
return
|
|
9
|
+
var m = ({ item: t, sx: r, onClick: l }) => {
|
|
10
|
+
let u = i(null), [d, f] = a(!1), [p, m] = a(!0);
|
|
11
|
+
return n(() => {
|
|
12
12
|
let e = new IntersectionObserver((e) => {
|
|
13
|
-
e.forEach((e) =>
|
|
13
|
+
e.forEach((e) => f(e.isIntersecting));
|
|
14
14
|
}, {
|
|
15
15
|
root: null,
|
|
16
16
|
rootMargin: "50px",
|
|
17
17
|
threshold: .1
|
|
18
|
-
}), t =
|
|
18
|
+
}), t = u.current;
|
|
19
19
|
return t && e.observe(t), () => {
|
|
20
20
|
t && e.unobserve(t);
|
|
21
21
|
};
|
|
22
|
-
}, []),
|
|
22
|
+
}, []), n(() => {
|
|
23
23
|
let e = !0, t = async () => {
|
|
24
|
-
if (!(!
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}), e && (
|
|
24
|
+
if (!(!u.current || !d || !e)) try {
|
|
25
|
+
u.current.readyState >= 3 ? (m(!1), await u.current.play()) : (m(!0), await new Promise((e) => {
|
|
26
|
+
u.current && (u.current.oncanplay = () => e());
|
|
27
|
+
}), e && (m(!1), await u.current.play()));
|
|
28
28
|
} catch (e) {
|
|
29
29
|
console.warn("Video playback failed:", e);
|
|
30
30
|
}
|
|
31
|
-
}, n =
|
|
32
|
-
return
|
|
31
|
+
}, n = u.current;
|
|
32
|
+
return d ? t() : n && n.pause(), () => {
|
|
33
33
|
e = !1, n && (n.pause(), n.removeAttribute("src"), n.load());
|
|
34
34
|
};
|
|
35
|
-
}, [
|
|
35
|
+
}, [d]), t.type === "video" ? /* @__PURE__ */ s(c, {
|
|
36
36
|
sx: {
|
|
37
37
|
position: "relative",
|
|
38
38
|
overflow: "hidden",
|
|
39
39
|
width: "100%",
|
|
40
40
|
height: "100%",
|
|
41
|
-
...
|
|
41
|
+
...r
|
|
42
42
|
},
|
|
43
|
-
children: [/* @__PURE__ */ (
|
|
43
|
+
children: [/* @__PURE__ */ o(c, {
|
|
44
44
|
component: "video",
|
|
45
|
-
ref:
|
|
46
|
-
onClick:
|
|
45
|
+
ref: u,
|
|
46
|
+
onClick: l,
|
|
47
47
|
playsInline: !0,
|
|
48
48
|
muted: !0,
|
|
49
49
|
loop: !0,
|
|
@@ -52,17 +52,17 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
52
52
|
width: "100%",
|
|
53
53
|
height: "100%",
|
|
54
54
|
objectFit: "cover",
|
|
55
|
-
opacity:
|
|
55
|
+
opacity: p ? .8 : 1,
|
|
56
56
|
transition: "opacity 0.2s",
|
|
57
57
|
transform: "translateZ(0)",
|
|
58
58
|
willChange: "transform",
|
|
59
59
|
display: "block"
|
|
60
60
|
},
|
|
61
|
-
children: /* @__PURE__ */ (
|
|
62
|
-
src:
|
|
61
|
+
children: /* @__PURE__ */ o("source", {
|
|
62
|
+
src: t.url,
|
|
63
63
|
type: "video/mp4"
|
|
64
64
|
})
|
|
65
|
-
}),
|
|
65
|
+
}), p && /* @__PURE__ */ o(c, {
|
|
66
66
|
sx: {
|
|
67
67
|
position: "absolute",
|
|
68
68
|
inset: 0,
|
|
@@ -71,7 +71,7 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
71
71
|
justifyContent: "center",
|
|
72
72
|
bgcolor: "action.disabled"
|
|
73
73
|
},
|
|
74
|
-
children: /* @__PURE__ */ (
|
|
74
|
+
children: /* @__PURE__ */ o(c, { sx: {
|
|
75
75
|
width: 24,
|
|
76
76
|
height: 24,
|
|
77
77
|
borderRadius: "50%",
|
|
@@ -82,21 +82,21 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
82
82
|
"@keyframes spin": { to: { transform: "rotate(360deg)" } }
|
|
83
83
|
} })
|
|
84
84
|
})]
|
|
85
|
-
}) : /* @__PURE__ */ (
|
|
86
|
-
onClick:
|
|
85
|
+
}) : /* @__PURE__ */ o(c, {
|
|
86
|
+
onClick: l,
|
|
87
87
|
sx: {
|
|
88
88
|
width: "100%",
|
|
89
89
|
height: "100%",
|
|
90
|
-
...
|
|
90
|
+
...r
|
|
91
91
|
},
|
|
92
|
-
children: /* @__PURE__ */ (
|
|
93
|
-
src:
|
|
94
|
-
alt:
|
|
92
|
+
children: /* @__PURE__ */ o(e, {
|
|
93
|
+
src: t.url,
|
|
94
|
+
alt: t.title ?? "",
|
|
95
95
|
width: "100%",
|
|
96
96
|
height: "100%",
|
|
97
97
|
style: {
|
|
98
|
-
objectFit:
|
|
99
|
-
cursor:
|
|
98
|
+
objectFit: r?.objectFit ? r.objectFit : "cover",
|
|
99
|
+
cursor: l ? "pointer" : "default",
|
|
100
100
|
display: "block",
|
|
101
101
|
width: "100%",
|
|
102
102
|
height: "100%"
|
|
@@ -136,25 +136,25 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
136
136
|
colSpan: r,
|
|
137
137
|
rowSpan: i
|
|
138
138
|
};
|
|
139
|
-
}), _ = ({ mediaItems: e, variant:
|
|
140
|
-
let [
|
|
141
|
-
return
|
|
142
|
-
|
|
143
|
-
}, [e,
|
|
139
|
+
}), _ = ({ mediaItems: e, variant: i = "masonry", loading: _ = !1, skeletonCount: v = 6 }) => {
|
|
140
|
+
let [y, b] = a(null), [x, S] = a(() => g(e, i)), [C, w] = a(!1), T = r();
|
|
141
|
+
return n(() => {
|
|
142
|
+
S(g(e, i));
|
|
143
|
+
}, [e, i]), /* @__PURE__ */ s(c, {
|
|
144
144
|
sx: {
|
|
145
145
|
width: "100%",
|
|
146
146
|
position: "relative",
|
|
147
147
|
zIndex: 1
|
|
148
148
|
},
|
|
149
|
-
children: [/* @__PURE__ */ (
|
|
150
|
-
selectedItem:
|
|
151
|
-
isOpen: !!
|
|
152
|
-
onClose: () =>
|
|
153
|
-
onItemChange:
|
|
154
|
-
mediaItems:
|
|
155
|
-
}), /* @__PURE__ */ (
|
|
149
|
+
children: [/* @__PURE__ */ o(t, {
|
|
150
|
+
selectedItem: y,
|
|
151
|
+
isOpen: !!y,
|
|
152
|
+
onClose: () => b(null),
|
|
153
|
+
onItemChange: b,
|
|
154
|
+
mediaItems: x
|
|
155
|
+
}), /* @__PURE__ */ o(f, {
|
|
156
156
|
mode: "wait",
|
|
157
|
-
children: !
|
|
157
|
+
children: !y && /* @__PURE__ */ o(p.div, {
|
|
158
158
|
initial: "hidden",
|
|
159
159
|
animate: "visible",
|
|
160
160
|
exit: "hidden",
|
|
@@ -165,7 +165,7 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
165
165
|
transition: { staggerChildren: .1 }
|
|
166
166
|
}
|
|
167
167
|
},
|
|
168
|
-
children: /* @__PURE__ */ (
|
|
168
|
+
children: /* @__PURE__ */ o(c, {
|
|
169
169
|
sx: {
|
|
170
170
|
display: "grid",
|
|
171
171
|
gridTemplateColumns: {
|
|
@@ -177,17 +177,17 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
177
177
|
gridAutoRows: "60px",
|
|
178
178
|
position: "relative"
|
|
179
179
|
},
|
|
180
|
-
children:
|
|
181
|
-
let { colSpan:
|
|
182
|
-
return /* @__PURE__ */ (
|
|
180
|
+
children: _ ? Array.from({ length: v }).map((e, t) => {
|
|
181
|
+
let { colSpan: n, rowSpan: r } = h(t, i);
|
|
182
|
+
return /* @__PURE__ */ o(l, {
|
|
183
183
|
sx: {
|
|
184
184
|
position: "relative",
|
|
185
185
|
overflow: "hidden",
|
|
186
186
|
borderRadius: 2,
|
|
187
|
-
gridRow: `span ${
|
|
188
|
-
gridColumn: `span ${
|
|
187
|
+
gridRow: `span ${r}`,
|
|
188
|
+
gridColumn: `span ${n}`
|
|
189
189
|
},
|
|
190
|
-
children: /* @__PURE__ */ (
|
|
190
|
+
children: /* @__PURE__ */ o(u, {
|
|
191
191
|
variant: "rectangular",
|
|
192
192
|
animation: "wave",
|
|
193
193
|
sx: {
|
|
@@ -196,10 +196,10 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
196
196
|
transform: "none"
|
|
197
197
|
}
|
|
198
198
|
})
|
|
199
|
-
},
|
|
200
|
-
}) :
|
|
201
|
-
layoutId: `media-${e.id}-${
|
|
202
|
-
onClick: () => !
|
|
199
|
+
}, t);
|
|
200
|
+
}) : x.map((e, t) => /* @__PURE__ */ o(p.div, {
|
|
201
|
+
layoutId: `media-${e.id}-${T}`,
|
|
202
|
+
onClick: () => !C && b(e),
|
|
203
203
|
variants: {
|
|
204
204
|
hidden: {
|
|
205
205
|
y: 50,
|
|
@@ -230,13 +230,13 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
230
230
|
bottom: 0
|
|
231
231
|
},
|
|
232
232
|
dragElastic: 1,
|
|
233
|
-
onDragStart: () =>
|
|
233
|
+
onDragStart: () => w(!0),
|
|
234
234
|
onDragEnd: (e, n) => {
|
|
235
|
-
|
|
235
|
+
w(!1);
|
|
236
236
|
let r = n.offset.x + n.offset.y;
|
|
237
237
|
if (Math.abs(r) > 50) {
|
|
238
|
-
let e = [...
|
|
239
|
-
e.splice(t, 1), e.splice(i, 0, n),
|
|
238
|
+
let e = [...x], n = e[t], i = r > 0 ? Math.min(t + 1, x.length - 1) : Math.max(t - 1, 0);
|
|
239
|
+
e.splice(t, 1), e.splice(i, 0, n), S(e);
|
|
240
240
|
}
|
|
241
241
|
},
|
|
242
242
|
style: {
|
|
@@ -244,7 +244,7 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
244
244
|
gridRow: e.rowSpan ? `span ${e.rowSpan}` : "span 2",
|
|
245
245
|
gridColumn: e.colSpan ? `span ${e.colSpan}` : "span 1"
|
|
246
246
|
},
|
|
247
|
-
children: /* @__PURE__ */ (
|
|
247
|
+
children: /* @__PURE__ */ s(l, {
|
|
248
248
|
sx: {
|
|
249
249
|
position: "relative",
|
|
250
250
|
overflow: "hidden",
|
|
@@ -255,7 +255,7 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
255
255
|
"&:active": { cursor: "grabbing" },
|
|
256
256
|
"&:hover .hover-overlay": { opacity: 1 }
|
|
257
257
|
},
|
|
258
|
-
children: [/* @__PURE__ */ (
|
|
258
|
+
children: [/* @__PURE__ */ o(m, {
|
|
259
259
|
item: e,
|
|
260
260
|
sx: {
|
|
261
261
|
position: "absolute",
|
|
@@ -263,8 +263,8 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
263
263
|
width: "100%",
|
|
264
264
|
height: "100%"
|
|
265
265
|
},
|
|
266
|
-
onClick: () => !
|
|
267
|
-
}), (e.title || e.desc) && /* @__PURE__ */ (
|
|
266
|
+
onClick: () => !C && b(e)
|
|
267
|
+
}), (e.title || e.desc) && /* @__PURE__ */ s(c, {
|
|
268
268
|
className: "hover-overlay",
|
|
269
269
|
sx: {
|
|
270
270
|
position: "absolute",
|
|
@@ -278,7 +278,7 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
278
278
|
transition: "opacity 0.2s ease-in-out",
|
|
279
279
|
backdropFilter: "blur(8px)"
|
|
280
280
|
},
|
|
281
|
-
children: [e.title && /* @__PURE__ */ (
|
|
281
|
+
children: [e.title && /* @__PURE__ */ o(d, {
|
|
282
282
|
variant: "subtitle2",
|
|
283
283
|
sx: {
|
|
284
284
|
position: "relative",
|
|
@@ -287,7 +287,7 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
287
287
|
textOverflow: "ellipsis"
|
|
288
288
|
},
|
|
289
289
|
children: e.title
|
|
290
|
-
}), e.desc && /* @__PURE__ */ (
|
|
290
|
+
}), e.desc && /* @__PURE__ */ o(d, {
|
|
291
291
|
variant: "caption",
|
|
292
292
|
sx: {
|
|
293
293
|
position: "relative",
|
|
@@ -300,7 +300,7 @@ var p = e(), m = ({ item: e, sx: n, onClick: i }) => {
|
|
|
300
300
|
})]
|
|
301
301
|
})]
|
|
302
302
|
})
|
|
303
|
-
}, `${e.id}-${
|
|
303
|
+
}, `${e.id}-${T}`))
|
|
304
304
|
})
|
|
305
305
|
})
|
|
306
306
|
})]
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import "../createTheme-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { SMovingBorder as n } from "../s-moving-border/s-moving-border.js";
|
|
1
|
+
import "../createTheme-DuS5_nJb.js";
|
|
2
|
+
import { a as e } from "../theme-primitives-BG66N-x4.js";
|
|
3
|
+
import { SMovingBorder as t } from "../s-moving-border/s-moving-border.js";
|
|
5
4
|
import "react";
|
|
5
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
6
6
|
import { Button as r, hslToRgb as i } from "@mui/material";
|
|
7
7
|
//#region lib/s-glow-button/s-glow-button.tsx
|
|
8
|
-
var a =
|
|
8
|
+
var a = ({ borderRadius: a = 12, children: o, duration: s = 3e3, width: c = "fit-content", height: l = "60px", glowSize: u = 60, glowColor: d = i(e[500]), ...f }) => /* @__PURE__ */ n(t, {
|
|
9
9
|
width: c,
|
|
10
10
|
height: l,
|
|
11
11
|
duration: s,
|
|
12
|
-
borderRadius:
|
|
12
|
+
borderRadius: a,
|
|
13
13
|
glowSize: u,
|
|
14
14
|
glowColor: d,
|
|
15
15
|
padding: .3,
|
|
16
|
-
children: /* @__PURE__ */ (
|
|
16
|
+
children: /* @__PURE__ */ n(r, {
|
|
17
17
|
sx: {
|
|
18
|
-
borderRadius:
|
|
18
|
+
borderRadius: a,
|
|
19
19
|
width: c,
|
|
20
20
|
height: l
|
|
21
21
|
},
|
|
@@ -25,6 +25,6 @@ var a = e(), o = ({ borderRadius: e = 12, children: o, duration: s = 3e3, width:
|
|
|
25
25
|
children: o
|
|
26
26
|
})
|
|
27
27
|
});
|
|
28
|
-
|
|
28
|
+
a.displayName = "SGlowButton";
|
|
29
29
|
//#endregion
|
|
30
|
-
export {
|
|
30
|
+
export { a as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { useId as e } from "react";
|
|
2
|
+
import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
3
3
|
//#region lib/s-gradient-icon/s-gradient-icon.tsx
|
|
4
|
-
var
|
|
5
|
-
let
|
|
4
|
+
var i = ({ hovered: i = !1, IconComponent: a, sx: o, strokeWidth: s = 0, gradientTheme: c = "blue-cyan", customGradient: l, gradientDirection: u = "diagonal", animationDuration: d = 300, animationEasing: f = "ease", autoHover: p = !1, gradientId: m, alwaysGradient: h = !1, fallbackColor: g, ..._ }) => {
|
|
5
|
+
let v = e(), y = m ?? `gradient-${v}`, b = {
|
|
6
6
|
"blue-cyan": {
|
|
7
7
|
start: "#1469be",
|
|
8
8
|
end: "#43ecff"
|
|
@@ -23,16 +23,16 @@ var n = e(), r = ({ hovered: e = !1, IconComponent: r, sx: i, strokeWidth: a = 0
|
|
|
23
23
|
start: "#6366f1",
|
|
24
24
|
end: "#a855f7"
|
|
25
25
|
},
|
|
26
|
-
custom:
|
|
27
|
-
start:
|
|
28
|
-
end:
|
|
29
|
-
middle:
|
|
30
|
-
middlePos:
|
|
26
|
+
custom: l ? {
|
|
27
|
+
start: l.startColor,
|
|
28
|
+
end: l.endColor,
|
|
29
|
+
middle: l.middleColor,
|
|
30
|
+
middlePos: l.middlePosition ?? .5
|
|
31
31
|
} : {
|
|
32
32
|
start: "#1469be",
|
|
33
33
|
end: "#43ecff"
|
|
34
34
|
}
|
|
35
|
-
}[
|
|
35
|
+
}[c], x = {
|
|
36
36
|
horizontal: {
|
|
37
37
|
x1: "0",
|
|
38
38
|
y1: "0",
|
|
@@ -57,69 +57,69 @@ var n = e(), r = ({ hovered: e = !1, IconComponent: r, sx: i, strokeWidth: a = 0
|
|
|
57
57
|
x2: "0.5",
|
|
58
58
|
y2: "0.5"
|
|
59
59
|
}
|
|
60
|
-
}[
|
|
61
|
-
return
|
|
60
|
+
}[u], S = h || i ? `url(#${y})` : g ?? "var(--s-palette-text-primary)";
|
|
61
|
+
return a ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("svg", {
|
|
62
62
|
width: 0,
|
|
63
63
|
height: 0,
|
|
64
|
-
children:
|
|
65
|
-
id:
|
|
64
|
+
children: u === "radial" ? /* @__PURE__ */ r("radialGradient", {
|
|
65
|
+
id: y,
|
|
66
66
|
cx: "50%",
|
|
67
67
|
cy: "50%",
|
|
68
68
|
r: "50%",
|
|
69
69
|
children: [
|
|
70
|
-
/* @__PURE__ */
|
|
70
|
+
/* @__PURE__ */ n("stop", {
|
|
71
71
|
offset: "0%",
|
|
72
|
-
stopColor:
|
|
72
|
+
stopColor: b.start
|
|
73
73
|
}),
|
|
74
|
-
|
|
75
|
-
offset: `${(
|
|
76
|
-
stopColor:
|
|
74
|
+
b.middle && /* @__PURE__ */ n("stop", {
|
|
75
|
+
offset: `${(b.middlePos ?? .5) * 100}%`,
|
|
76
|
+
stopColor: b.middle
|
|
77
77
|
}),
|
|
78
|
-
/* @__PURE__ */
|
|
78
|
+
/* @__PURE__ */ n("stop", {
|
|
79
79
|
offset: "100%",
|
|
80
|
-
stopColor:
|
|
80
|
+
stopColor: b.end
|
|
81
81
|
})
|
|
82
82
|
]
|
|
83
|
-
}) : /* @__PURE__ */ (
|
|
84
|
-
id:
|
|
85
|
-
x1:
|
|
86
|
-
y1:
|
|
87
|
-
x2:
|
|
88
|
-
y2:
|
|
83
|
+
}) : /* @__PURE__ */ r("linearGradient", {
|
|
84
|
+
id: y,
|
|
85
|
+
x1: x.x1,
|
|
86
|
+
y1: x.y1,
|
|
87
|
+
x2: x.x2,
|
|
88
|
+
y2: x.y2,
|
|
89
89
|
children: [
|
|
90
|
-
/* @__PURE__ */
|
|
90
|
+
/* @__PURE__ */ n("stop", {
|
|
91
91
|
offset: "0%",
|
|
92
|
-
stopColor:
|
|
92
|
+
stopColor: b.start
|
|
93
93
|
}),
|
|
94
|
-
|
|
95
|
-
offset: `${(
|
|
96
|
-
stopColor:
|
|
94
|
+
b.middle && /* @__PURE__ */ n("stop", {
|
|
95
|
+
offset: `${(b.middlePos ?? .5) * 100}%`,
|
|
96
|
+
stopColor: b.middle
|
|
97
97
|
}),
|
|
98
|
-
/* @__PURE__ */
|
|
98
|
+
/* @__PURE__ */ n("stop", {
|
|
99
99
|
offset: "100%",
|
|
100
|
-
stopColor:
|
|
100
|
+
stopColor: b.end
|
|
101
101
|
})
|
|
102
102
|
]
|
|
103
103
|
})
|
|
104
|
-
}), /* @__PURE__ */
|
|
105
|
-
...
|
|
104
|
+
}), /* @__PURE__ */ n(a, {
|
|
105
|
+
..._,
|
|
106
106
|
sx: {
|
|
107
|
-
fill:
|
|
108
|
-
strokeWidth:
|
|
109
|
-
transition: `fill ${
|
|
110
|
-
...
|
|
111
|
-
...
|
|
107
|
+
fill: S,
|
|
108
|
+
strokeWidth: s,
|
|
109
|
+
transition: `fill ${d}ms ${f}`,
|
|
110
|
+
...p && { "&:hover": { fill: `url(#${y})` } },
|
|
111
|
+
...o
|
|
112
112
|
},
|
|
113
|
-
...
|
|
113
|
+
...p && !h && {
|
|
114
114
|
onMouseEnter: (e) => {
|
|
115
|
-
|
|
115
|
+
_.onMouseEnter?.(e);
|
|
116
116
|
},
|
|
117
117
|
onMouseLeave: (e) => {
|
|
118
|
-
|
|
118
|
+
_.onMouseLeave?.(e);
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
})] }) : null;
|
|
122
122
|
};
|
|
123
|
-
|
|
123
|
+
i.displayName = "SGradientIcon";
|
|
124
124
|
//#endregion
|
|
125
|
-
export {
|
|
125
|
+
export { i as SGradientIcon, i as default };
|
|
@@ -1,26 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
1
|
+
import { logger as e } from "../utils/logger.js";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
+
import { initReactI18next as r, useTranslation as i } from "react-i18next";
|
|
5
|
+
import { use as a } from "i18next";
|
|
6
|
+
import o from "i18next-http-backend";
|
|
7
7
|
//#region lib/s-i18n-provider/s-i18n-provider.tsx
|
|
8
|
-
|
|
9
|
-
r(i).use(a).init({
|
|
8
|
+
a(o).use(r).init({
|
|
10
9
|
lng: "en",
|
|
11
10
|
fallbackLng: "en",
|
|
12
11
|
interpolation: { escapeValue: !1 }
|
|
13
|
-
}).catch((
|
|
14
|
-
|
|
12
|
+
}).catch((t) => {
|
|
13
|
+
e.error("Failed to initialize i18n", t);
|
|
15
14
|
});
|
|
16
|
-
var
|
|
17
|
-
let { i18n:
|
|
18
|
-
return
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
var s = ({ children: r, language: a = "en" }) => {
|
|
16
|
+
let { i18n: o } = i();
|
|
17
|
+
return t.useEffect(() => {
|
|
18
|
+
o.changeLanguage(a).catch(() => {
|
|
19
|
+
e.error(`Failed to change language to ${a}`);
|
|
21
20
|
});
|
|
22
|
-
}, [
|
|
21
|
+
}, [o, a]), /* @__PURE__ */ n(t.Fragment, { children: r });
|
|
23
22
|
};
|
|
24
|
-
|
|
23
|
+
s.displayName = "SI18nProvider";
|
|
25
24
|
//#endregion
|
|
26
|
-
export {
|
|
25
|
+
export { s as SI18nProvider, s as default };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { t as e } from "../jsx-runtime-V-UOMaX1.js";
|
|
2
1
|
import "react";
|
|
2
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import { IconButton as t, Tooltip as n } from "@mui/material";
|
|
4
4
|
//#region lib/s-icon-button/s-icon-button.tsx
|
|
5
|
-
var r =
|
|
6
|
-
...
|
|
7
|
-
children: /* @__PURE__ */ (
|
|
8
|
-
}) : /* @__PURE__ */ (
|
|
9
|
-
|
|
5
|
+
var r = ({ tooltipOptions: r, ...i }) => r ? /* @__PURE__ */ e(n, {
|
|
6
|
+
...r,
|
|
7
|
+
children: /* @__PURE__ */ e(t, { ...i })
|
|
8
|
+
}) : /* @__PURE__ */ e(t, { ...i });
|
|
9
|
+
r.displayName = "SIconButton";
|
|
10
10
|
//#endregion
|
|
11
|
-
export {
|
|
11
|
+
export { r as SIconButton, r as default };
|