@sytechui/theme 2.4.27 → 2.6.0
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/animations/index.d.mts +9 -0
- package/dist/animations/index.d.ts +9 -0
- package/dist/animations/index.js +9 -0
- package/dist/animations/index.mjs +1 -1
- package/dist/{chunk-Z65VJL4Y.mjs → chunk-27EH4573.mjs} +1 -1
- package/dist/{chunk-FQECQOZE.mjs → chunk-3PBT3W4C.mjs} +1 -1
- package/dist/{chunk-3L7WFLSH.mjs → chunk-4XFAHRMJ.mjs} +1 -1
- package/dist/{chunk-VDS6DP26.mjs → chunk-6Q4A5IGD.mjs} +1 -1
- package/dist/{chunk-NKYWOWNW.mjs → chunk-7CAOOET2.mjs} +1 -1
- package/dist/{chunk-TRZPE5UW.mjs → chunk-7MY46DKJ.mjs} +1 -1
- package/dist/{chunk-YLA7KS3I.mjs → chunk-AI6SQS6Z.mjs} +182 -2
- package/dist/{chunk-WDM42WDU.mjs → chunk-CBIC7UDL.mjs} +5 -5
- package/dist/{chunk-SGV526OS.mjs → chunk-CR7SUL27.mjs} +1 -1
- package/dist/chunk-FJOYYPB2.mjs +42 -0
- package/dist/{chunk-FUKRIH5Z.mjs → chunk-GXDNTAQH.mjs} +1 -1
- package/dist/{chunk-4V3RQUZU.mjs → chunk-GYRKKQKN.mjs} +1 -1
- package/dist/{chunk-5PWGYVAP.mjs → chunk-HRULT2QB.mjs} +1 -1
- package/dist/{chunk-EJDFNA7Y.mjs → chunk-K6X3VPO4.mjs} +1 -1
- package/dist/chunk-LV6ZC7XH.mjs +31 -0
- package/dist/{chunk-QQVGHMSD.mjs → chunk-M5F7VFZT.mjs} +1 -1
- package/dist/{chunk-E34EWEJV.mjs → chunk-OBSH26UE.mjs} +1 -1
- package/dist/{chunk-YW4DIYUX.mjs → chunk-P2SWF4YK.mjs} +1 -1
- package/dist/{chunk-3INHRVXM.mjs → chunk-QU72GCNK.mjs} +1 -1
- package/dist/{chunk-NPGKX3MZ.mjs → chunk-RAC3PSZO.mjs} +1 -1
- package/dist/{chunk-HYWP3BX7.mjs → chunk-SLRWKURF.mjs} +9 -0
- package/dist/{chunk-JS2FQJMX.mjs → chunk-TYJNRAT2.mjs} +1 -1
- package/dist/{chunk-6US6AURX.mjs → chunk-UJC5GXOO.mjs} +11 -7
- package/dist/{chunk-SSU66MWA.mjs → chunk-XOVETH7K.mjs} +1 -1
- package/dist/components/accordion.js +41 -1
- package/dist/components/accordion.mjs +27 -25
- package/dist/components/alert.js +41 -1
- package/dist/components/alert.mjs +27 -25
- package/dist/components/autocomplete.js +41 -1
- package/dist/components/autocomplete.mjs +7 -6
- package/dist/components/avatar.js +41 -1
- package/dist/components/avatar.mjs +27 -25
- package/dist/components/badge.js +41 -1
- package/dist/components/badge.mjs +27 -25
- package/dist/components/bottom-bar.d.mts +263 -0
- package/dist/components/bottom-bar.d.ts +263 -0
- package/dist/components/bottom-bar.js +463 -0
- package/dist/components/bottom-bar.mjs +53 -0
- package/dist/components/breadcrumbs.js +41 -1
- package/dist/components/breadcrumbs.mjs +27 -25
- package/dist/components/button.js +41 -1
- package/dist/components/button.mjs +27 -25
- package/dist/components/calendar.js +41 -1
- package/dist/components/calendar.mjs +27 -25
- package/dist/components/card.js +41 -1
- package/dist/components/card.mjs +27 -25
- package/dist/components/checkbox.js +41 -1
- package/dist/components/checkbox.mjs +27 -25
- package/dist/components/chip.js +41 -1
- package/dist/components/chip.mjs +27 -25
- package/dist/components/code.js +41 -1
- package/dist/components/code.mjs +27 -25
- package/dist/components/date-input.js +41 -1
- package/dist/components/date-input.mjs +7 -6
- package/dist/components/date-picker.js +41 -1
- package/dist/components/date-picker.mjs +7 -6
- package/dist/components/divider.js +41 -1
- package/dist/components/divider.mjs +7 -6
- package/dist/components/drawer.js +41 -1
- package/dist/components/drawer.mjs +7 -6
- package/dist/components/drip.js +41 -1
- package/dist/components/drip.mjs +7 -6
- package/dist/components/drop-zone.js +41 -1
- package/dist/components/drop-zone.mjs +27 -25
- package/dist/components/dropdown.js +41 -1
- package/dist/components/dropdown.mjs +27 -25
- package/dist/components/form.js +41 -1
- package/dist/components/form.mjs +7 -6
- package/dist/components/image.js +41 -1
- package/dist/components/image.mjs +7 -6
- package/dist/components/index.d.mts +2 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +253 -1
- package/dist/components/index.mjs +41 -34
- package/dist/components/input-otp.js +41 -1
- package/dist/components/input-otp.mjs +27 -25
- package/dist/components/input.js +41 -1
- package/dist/components/input.mjs +27 -25
- package/dist/components/kbd.js +41 -1
- package/dist/components/kbd.mjs +7 -6
- package/dist/components/link.js +41 -1
- package/dist/components/link.mjs +27 -25
- package/dist/components/listbox.js +41 -1
- package/dist/components/listbox.mjs +27 -25
- package/dist/components/menu.js +41 -1
- package/dist/components/menu.mjs +27 -25
- package/dist/components/modal.js +41 -1
- package/dist/components/modal.mjs +27 -25
- package/dist/components/navbar.js +41 -1
- package/dist/components/navbar.mjs +27 -25
- package/dist/components/number-input.js +41 -1
- package/dist/components/number-input.mjs +27 -25
- package/dist/components/pagination.js +41 -1
- package/dist/components/pagination.mjs +27 -25
- package/dist/components/popover.js +41 -1
- package/dist/components/popover.mjs +27 -25
- package/dist/components/progress.js +41 -1
- package/dist/components/progress.mjs +7 -6
- package/dist/components/radio.js +41 -1
- package/dist/components/radio.mjs +27 -25
- package/dist/components/scroll-area.js +41 -1
- package/dist/components/scroll-area.mjs +7 -6
- package/dist/components/scroll-shadow.js +41 -1
- package/dist/components/scroll-shadow.mjs +7 -6
- package/dist/components/select.js +41 -1
- package/dist/components/select.mjs +27 -25
- package/dist/components/shimmer-text.d.mts +46 -0
- package/dist/components/shimmer-text.d.ts +46 -0
- package/dist/components/shimmer-text.js +301 -0
- package/dist/components/shimmer-text.mjs +15 -0
- package/dist/components/skeleton.js +41 -1
- package/dist/components/skeleton.mjs +7 -6
- package/dist/components/slider.js +41 -1
- package/dist/components/slider.mjs +27 -25
- package/dist/components/snippet.js +41 -1
- package/dist/components/snippet.mjs +27 -25
- package/dist/components/spacer.js +41 -1
- package/dist/components/spacer.mjs +7 -6
- package/dist/components/spinner.js +41 -1
- package/dist/components/spinner.mjs +7 -6
- package/dist/components/table.js +41 -1
- package/dist/components/table.mjs +27 -25
- package/dist/components/tabs.js +41 -1
- package/dist/components/tabs.mjs +27 -25
- package/dist/components/toast.js +41 -1
- package/dist/components/toast.mjs +27 -25
- package/dist/components/toggle.js +41 -1
- package/dist/components/toggle.mjs +27 -25
- package/dist/components/user.js +41 -1
- package/dist/components/user.mjs +27 -25
- package/dist/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +256 -1
- package/dist/index.mjs +41 -34
- package/dist/plugin.js +50 -1
- package/dist/plugin.mjs +7 -6
- package/dist/utilities/index.d.mts +38 -0
- package/dist/utilities/index.d.ts +38 -0
- package/dist/utilities/index.js +41 -1
- package/dist/utilities/index.mjs +4 -3
- package/dist/utilities/shimmer-text.d.mts +42 -0
- package/dist/utilities/shimmer-text.d.ts +42 -0
- package/dist/utilities/shimmer-text.js +62 -0
- package/dist/utilities/shimmer-text.mjs +6 -0
- package/dist/utils/cn.js +41 -1
- package/dist/utils/cn.mjs +6 -5
- package/dist/utils/index.js +41 -1
- package/dist/utils/index.mjs +27 -25
- package/dist/utils/merge-classes.js +41 -1
- package/dist/utils/merge-classes.mjs +27 -25
- package/dist/utils/tv.js +41 -1
- package/dist/utils/tv.mjs +6 -5
- package/dist/utils/tw-merge-config.js +41 -1
- package/dist/utils/tw-merge-config.mjs +5 -4
- package/package.json +1 -1
|
@@ -178,13 +178,53 @@ var animation_default = {
|
|
|
178
178
|
}
|
|
179
179
|
};
|
|
180
180
|
|
|
181
|
+
// src/utilities/shimmer-text.ts
|
|
182
|
+
var readableText = {
|
|
183
|
+
animation: "none !important",
|
|
184
|
+
"background-image": "none",
|
|
185
|
+
"-webkit-text-fill-color": "currentColor"
|
|
186
|
+
};
|
|
187
|
+
var shimmer_text_default = {
|
|
188
|
+
".sytech-shimmer-text": {
|
|
189
|
+
color: "currentColor",
|
|
190
|
+
"--shimmer-angle": "20deg",
|
|
191
|
+
"--shimmer-spread": "calc(3ch + 40px)",
|
|
192
|
+
"--shimmer-iteration": "infinite",
|
|
193
|
+
"--shimmer-direction": "normal",
|
|
194
|
+
"@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
|
|
195
|
+
"background-image": "linear-gradient(calc(90deg + var(--shimmer-angle)), currentColor calc(50% - var(--shimmer-spread)), color-mix(in srgb, var(--shimmer-color, currentColor) 35%, transparent) 50%, currentColor calc(50% + var(--shimmer-spread)))",
|
|
196
|
+
"background-repeat": "no-repeat",
|
|
197
|
+
"background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
|
|
198
|
+
"background-position": "100% 0",
|
|
199
|
+
"background-clip": "text",
|
|
200
|
+
"-webkit-background-clip": "text",
|
|
201
|
+
"-webkit-text-fill-color": "transparent"
|
|
202
|
+
},
|
|
203
|
+
"&:where([dir='rtl'], [dir='rtl'] *)": {
|
|
204
|
+
"--shimmer-direction": "reverse"
|
|
205
|
+
},
|
|
206
|
+
"&.sytech-shimmer-text-reverse": {
|
|
207
|
+
"--shimmer-direction": "reverse"
|
|
208
|
+
},
|
|
209
|
+
"&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
|
|
210
|
+
"--shimmer-direction": "normal"
|
|
211
|
+
},
|
|
212
|
+
"@media (prefers-reduced-motion: reduce)": readableText
|
|
213
|
+
},
|
|
214
|
+
".sytech-shimmer-text-once": {
|
|
215
|
+
"--shimmer-iteration": "1"
|
|
216
|
+
},
|
|
217
|
+
".sytech-shimmer-text-disabled": readableText
|
|
218
|
+
};
|
|
219
|
+
|
|
181
220
|
// src/utilities/index.ts
|
|
182
221
|
var utilities = {
|
|
183
222
|
...custom_default,
|
|
184
223
|
...transition_default,
|
|
185
224
|
...scrollbar_hide_default,
|
|
186
225
|
...text_default,
|
|
187
|
-
...animation_default
|
|
226
|
+
...animation_default,
|
|
227
|
+
...shimmer_text_default
|
|
188
228
|
};
|
|
189
229
|
|
|
190
230
|
// src/utils/tw-merge-config.ts
|
|
@@ -1,34 +1,36 @@
|
|
|
1
1
|
import {
|
|
2
2
|
toggle
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-AI6SQS6Z.mjs";
|
|
4
4
|
import "../chunk-GQT3YUX3.mjs";
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-
|
|
8
|
-
import "../chunk-
|
|
9
|
-
import "../chunk-
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-
|
|
12
|
-
import "../chunk-
|
|
13
|
-
import "../chunk-
|
|
14
|
-
import "../chunk-
|
|
15
|
-
import "../chunk-
|
|
16
|
-
import "../chunk-
|
|
17
|
-
import "../chunk-
|
|
18
|
-
import "../chunk-
|
|
19
|
-
import "../chunk-
|
|
20
|
-
import "../chunk-
|
|
21
|
-
import "../chunk-
|
|
22
|
-
import "../chunk-
|
|
23
|
-
import "../chunk-
|
|
24
|
-
import "../chunk-
|
|
5
|
+
import "../chunk-P2SWF4YK.mjs";
|
|
6
|
+
import "../chunk-LV6ZC7XH.mjs";
|
|
7
|
+
import "../chunk-27EH4573.mjs";
|
|
8
|
+
import "../chunk-6Q4A5IGD.mjs";
|
|
9
|
+
import "../chunk-7MY46DKJ.mjs";
|
|
10
|
+
import "../chunk-7CAOOET2.mjs";
|
|
11
|
+
import "../chunk-GYRKKQKN.mjs";
|
|
12
|
+
import "../chunk-CR7SUL27.mjs";
|
|
13
|
+
import "../chunk-3PBT3W4C.mjs";
|
|
14
|
+
import "../chunk-M5F7VFZT.mjs";
|
|
15
|
+
import "../chunk-XOVETH7K.mjs";
|
|
16
|
+
import "../chunk-4XFAHRMJ.mjs";
|
|
17
|
+
import "../chunk-OBSH26UE.mjs";
|
|
18
|
+
import "../chunk-K6X3VPO4.mjs";
|
|
19
|
+
import "../chunk-HRULT2QB.mjs";
|
|
20
|
+
import "../chunk-TYJNRAT2.mjs";
|
|
21
|
+
import "../chunk-GXDNTAQH.mjs";
|
|
22
|
+
import "../chunk-RAC3PSZO.mjs";
|
|
23
|
+
import "../chunk-QU72GCNK.mjs";
|
|
24
|
+
import "../chunk-CBIC7UDL.mjs";
|
|
25
25
|
import "../chunk-D2XMP2NC.mjs";
|
|
26
|
-
import "../chunk-
|
|
26
|
+
import "../chunk-JGY6VQQQ.mjs";
|
|
27
|
+
import "../chunk-UJC5GXOO.mjs";
|
|
28
|
+
import "../chunk-FJOYYPB2.mjs";
|
|
29
|
+
import "../chunk-RUIUXVZ4.mjs";
|
|
30
|
+
import "../chunk-GSRZWDGA.mjs";
|
|
27
31
|
import "../chunk-AWXUGVFR.mjs";
|
|
28
32
|
import "../chunk-MPVWW3DX.mjs";
|
|
29
33
|
import "../chunk-WH6SPIFG.mjs";
|
|
30
|
-
import "../chunk-RUIUXVZ4.mjs";
|
|
31
|
-
import "../chunk-GSRZWDGA.mjs";
|
|
32
34
|
import "../chunk-WQEDQHKX.mjs";
|
|
33
35
|
import "../chunk-CPSLANMP.mjs";
|
|
34
36
|
import "../chunk-FFKHVGFX.mjs";
|
|
@@ -36,7 +38,7 @@ import "../chunk-5ICJA2GK.mjs";
|
|
|
36
38
|
import "../chunk-M63AFAHO.mjs";
|
|
37
39
|
import "../chunk-HUBDRSA4.mjs";
|
|
38
40
|
import "../chunk-WBQAMGXK.mjs";
|
|
39
|
-
import "../chunk-
|
|
41
|
+
import "../chunk-SLRWKURF.mjs";
|
|
40
42
|
import "../chunk-IAS3SFA4.mjs";
|
|
41
43
|
import "../chunk-JUEOCLA3.mjs";
|
|
42
44
|
import "../chunk-3LKKH4AR.mjs";
|
package/dist/components/user.js
CHANGED
|
@@ -178,13 +178,53 @@ var animation_default = {
|
|
|
178
178
|
}
|
|
179
179
|
};
|
|
180
180
|
|
|
181
|
+
// src/utilities/shimmer-text.ts
|
|
182
|
+
var readableText = {
|
|
183
|
+
animation: "none !important",
|
|
184
|
+
"background-image": "none",
|
|
185
|
+
"-webkit-text-fill-color": "currentColor"
|
|
186
|
+
};
|
|
187
|
+
var shimmer_text_default = {
|
|
188
|
+
".sytech-shimmer-text": {
|
|
189
|
+
color: "currentColor",
|
|
190
|
+
"--shimmer-angle": "20deg",
|
|
191
|
+
"--shimmer-spread": "calc(3ch + 40px)",
|
|
192
|
+
"--shimmer-iteration": "infinite",
|
|
193
|
+
"--shimmer-direction": "normal",
|
|
194
|
+
"@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
|
|
195
|
+
"background-image": "linear-gradient(calc(90deg + var(--shimmer-angle)), currentColor calc(50% - var(--shimmer-spread)), color-mix(in srgb, var(--shimmer-color, currentColor) 35%, transparent) 50%, currentColor calc(50% + var(--shimmer-spread)))",
|
|
196
|
+
"background-repeat": "no-repeat",
|
|
197
|
+
"background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
|
|
198
|
+
"background-position": "100% 0",
|
|
199
|
+
"background-clip": "text",
|
|
200
|
+
"-webkit-background-clip": "text",
|
|
201
|
+
"-webkit-text-fill-color": "transparent"
|
|
202
|
+
},
|
|
203
|
+
"&:where([dir='rtl'], [dir='rtl'] *)": {
|
|
204
|
+
"--shimmer-direction": "reverse"
|
|
205
|
+
},
|
|
206
|
+
"&.sytech-shimmer-text-reverse": {
|
|
207
|
+
"--shimmer-direction": "reverse"
|
|
208
|
+
},
|
|
209
|
+
"&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
|
|
210
|
+
"--shimmer-direction": "normal"
|
|
211
|
+
},
|
|
212
|
+
"@media (prefers-reduced-motion: reduce)": readableText
|
|
213
|
+
},
|
|
214
|
+
".sytech-shimmer-text-once": {
|
|
215
|
+
"--shimmer-iteration": "1"
|
|
216
|
+
},
|
|
217
|
+
".sytech-shimmer-text-disabled": readableText
|
|
218
|
+
};
|
|
219
|
+
|
|
181
220
|
// src/utilities/index.ts
|
|
182
221
|
var utilities = {
|
|
183
222
|
...custom_default,
|
|
184
223
|
...transition_default,
|
|
185
224
|
...scrollbar_hide_default,
|
|
186
225
|
...text_default,
|
|
187
|
-
...animation_default
|
|
226
|
+
...animation_default,
|
|
227
|
+
...shimmer_text_default
|
|
188
228
|
};
|
|
189
229
|
|
|
190
230
|
// src/utils/tw-merge-config.ts
|
package/dist/components/user.mjs
CHANGED
|
@@ -1,34 +1,36 @@
|
|
|
1
1
|
import {
|
|
2
2
|
user
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-AI6SQS6Z.mjs";
|
|
4
4
|
import "../chunk-GQT3YUX3.mjs";
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-
|
|
8
|
-
import "../chunk-
|
|
9
|
-
import "../chunk-
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-
|
|
12
|
-
import "../chunk-
|
|
13
|
-
import "../chunk-
|
|
14
|
-
import "../chunk-
|
|
15
|
-
import "../chunk-
|
|
16
|
-
import "../chunk-
|
|
17
|
-
import "../chunk-
|
|
18
|
-
import "../chunk-
|
|
19
|
-
import "../chunk-
|
|
20
|
-
import "../chunk-
|
|
21
|
-
import "../chunk-
|
|
22
|
-
import "../chunk-
|
|
23
|
-
import "../chunk-
|
|
24
|
-
import "../chunk-
|
|
5
|
+
import "../chunk-P2SWF4YK.mjs";
|
|
6
|
+
import "../chunk-LV6ZC7XH.mjs";
|
|
7
|
+
import "../chunk-27EH4573.mjs";
|
|
8
|
+
import "../chunk-6Q4A5IGD.mjs";
|
|
9
|
+
import "../chunk-7MY46DKJ.mjs";
|
|
10
|
+
import "../chunk-7CAOOET2.mjs";
|
|
11
|
+
import "../chunk-GYRKKQKN.mjs";
|
|
12
|
+
import "../chunk-CR7SUL27.mjs";
|
|
13
|
+
import "../chunk-3PBT3W4C.mjs";
|
|
14
|
+
import "../chunk-M5F7VFZT.mjs";
|
|
15
|
+
import "../chunk-XOVETH7K.mjs";
|
|
16
|
+
import "../chunk-4XFAHRMJ.mjs";
|
|
17
|
+
import "../chunk-OBSH26UE.mjs";
|
|
18
|
+
import "../chunk-K6X3VPO4.mjs";
|
|
19
|
+
import "../chunk-HRULT2QB.mjs";
|
|
20
|
+
import "../chunk-TYJNRAT2.mjs";
|
|
21
|
+
import "../chunk-GXDNTAQH.mjs";
|
|
22
|
+
import "../chunk-RAC3PSZO.mjs";
|
|
23
|
+
import "../chunk-QU72GCNK.mjs";
|
|
24
|
+
import "../chunk-CBIC7UDL.mjs";
|
|
25
25
|
import "../chunk-D2XMP2NC.mjs";
|
|
26
|
-
import "../chunk-
|
|
26
|
+
import "../chunk-JGY6VQQQ.mjs";
|
|
27
|
+
import "../chunk-UJC5GXOO.mjs";
|
|
28
|
+
import "../chunk-FJOYYPB2.mjs";
|
|
29
|
+
import "../chunk-RUIUXVZ4.mjs";
|
|
30
|
+
import "../chunk-GSRZWDGA.mjs";
|
|
27
31
|
import "../chunk-AWXUGVFR.mjs";
|
|
28
32
|
import "../chunk-MPVWW3DX.mjs";
|
|
29
33
|
import "../chunk-WH6SPIFG.mjs";
|
|
30
|
-
import "../chunk-RUIUXVZ4.mjs";
|
|
31
|
-
import "../chunk-GSRZWDGA.mjs";
|
|
32
34
|
import "../chunk-WQEDQHKX.mjs";
|
|
33
35
|
import "../chunk-CPSLANMP.mjs";
|
|
34
36
|
import "../chunk-FFKHVGFX.mjs";
|
|
@@ -36,7 +38,7 @@ import "../chunk-5ICJA2GK.mjs";
|
|
|
36
38
|
import "../chunk-M63AFAHO.mjs";
|
|
37
39
|
import "../chunk-HUBDRSA4.mjs";
|
|
38
40
|
import "../chunk-WBQAMGXK.mjs";
|
|
39
|
-
import "../chunk-
|
|
41
|
+
import "../chunk-SLRWKURF.mjs";
|
|
40
42
|
import "../chunk-IAS3SFA4.mjs";
|
|
41
43
|
import "../chunk-JUEOCLA3.mjs";
|
|
42
44
|
import "../chunk-3LKKH4AR.mjs";
|
package/dist/index.d.mts
CHANGED
|
@@ -10,6 +10,7 @@ export { PopoverSlots, PopoverVariantProps, popover } from './components/popover
|
|
|
10
10
|
export { SnippetSlots, SnippetVariantProps, snippet } from './components/snippet.mjs';
|
|
11
11
|
export { ChipSlots, ChipVariantProps, chip } from './components/chip.mjs';
|
|
12
12
|
export { BadgeSlots, BadgeVariantProps, badge } from './components/badge.mjs';
|
|
13
|
+
export { BottomBarReturnType, BottomBarSlots, BottomBarVariantProps, bottomBar } from './components/bottom-bar.mjs';
|
|
13
14
|
export { CheckboxGroupSlots, CheckboxSlots, CheckboxVariantProps, checkbox, checkboxGroup } from './components/checkbox.mjs';
|
|
14
15
|
export { RadioGroupSlots, RadioSlots, RadioVariantProps, radio, radioGroup } from './components/radio.mjs';
|
|
15
16
|
export { PaginationSlots, PaginationVariantProps, pagination } from './components/pagination.mjs';
|
|
@@ -29,6 +30,7 @@ export { DividerVariantProps, divider } from './components/divider.mjs';
|
|
|
29
30
|
export { KbdSlots, KbdVariantProps, kbd } from './components/kbd.mjs';
|
|
30
31
|
export { TabsReturnType, TabsSlots, TabsVariantProps, tabs } from './components/tabs.mjs';
|
|
31
32
|
export { SkeletonSlots, SkeletonVariantProps, skeleton } from './components/skeleton.mjs';
|
|
33
|
+
export { ShimmerTextVariantProps, shimmerText } from './components/shimmer-text.mjs';
|
|
32
34
|
export { SelectSlots, SelectVariantProps, select } from './components/select.mjs';
|
|
33
35
|
export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './components/menu.mjs';
|
|
34
36
|
export { ScrollShadowVariantProps, scrollShadow } from './components/scroll-shadow.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export { PopoverSlots, PopoverVariantProps, popover } from './components/popover
|
|
|
10
10
|
export { SnippetSlots, SnippetVariantProps, snippet } from './components/snippet.js';
|
|
11
11
|
export { ChipSlots, ChipVariantProps, chip } from './components/chip.js';
|
|
12
12
|
export { BadgeSlots, BadgeVariantProps, badge } from './components/badge.js';
|
|
13
|
+
export { BottomBarReturnType, BottomBarSlots, BottomBarVariantProps, bottomBar } from './components/bottom-bar.js';
|
|
13
14
|
export { CheckboxGroupSlots, CheckboxSlots, CheckboxVariantProps, checkbox, checkboxGroup } from './components/checkbox.js';
|
|
14
15
|
export { RadioGroupSlots, RadioSlots, RadioVariantProps, radio, radioGroup } from './components/radio.js';
|
|
15
16
|
export { PaginationSlots, PaginationVariantProps, pagination } from './components/pagination.js';
|
|
@@ -29,6 +30,7 @@ export { DividerVariantProps, divider } from './components/divider.js';
|
|
|
29
30
|
export { KbdSlots, KbdVariantProps, kbd } from './components/kbd.js';
|
|
30
31
|
export { TabsReturnType, TabsSlots, TabsVariantProps, tabs } from './components/tabs.js';
|
|
31
32
|
export { SkeletonSlots, SkeletonVariantProps, skeleton } from './components/skeleton.js';
|
|
33
|
+
export { ShimmerTextVariantProps, shimmerText } from './components/shimmer-text.js';
|
|
32
34
|
export { SelectSlots, SelectVariantProps, select } from './components/select.js';
|
|
33
35
|
export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './components/menu.js';
|
|
34
36
|
export { ScrollShadowVariantProps, scrollShadow } from './components/scroll-shadow.js';
|
package/dist/index.js
CHANGED
|
@@ -40,6 +40,7 @@ __export(index_exports, {
|
|
|
40
40
|
avatarGroup: () => avatarGroup,
|
|
41
41
|
badge: () => badge,
|
|
42
42
|
baseStyles: () => baseStyles,
|
|
43
|
+
bottomBar: () => bottomBar,
|
|
43
44
|
breadcrumbItem: () => breadcrumbItem,
|
|
44
45
|
breadcrumbs: () => breadcrumbs,
|
|
45
46
|
button: () => button,
|
|
@@ -102,6 +103,7 @@ __export(index_exports, {
|
|
|
102
103
|
scrollShadow: () => scrollShadow,
|
|
103
104
|
select: () => select,
|
|
104
105
|
semanticColors: () => semanticColors,
|
|
106
|
+
shimmerText: () => shimmerText,
|
|
105
107
|
skeleton: () => skeleton,
|
|
106
108
|
slider: () => slider,
|
|
107
109
|
snippet: () => snippet,
|
|
@@ -273,13 +275,53 @@ var animation_default = {
|
|
|
273
275
|
}
|
|
274
276
|
};
|
|
275
277
|
|
|
278
|
+
// src/utilities/shimmer-text.ts
|
|
279
|
+
var readableText = {
|
|
280
|
+
animation: "none !important",
|
|
281
|
+
"background-image": "none",
|
|
282
|
+
"-webkit-text-fill-color": "currentColor"
|
|
283
|
+
};
|
|
284
|
+
var shimmer_text_default = {
|
|
285
|
+
".sytech-shimmer-text": {
|
|
286
|
+
color: "currentColor",
|
|
287
|
+
"--shimmer-angle": "20deg",
|
|
288
|
+
"--shimmer-spread": "calc(3ch + 40px)",
|
|
289
|
+
"--shimmer-iteration": "infinite",
|
|
290
|
+
"--shimmer-direction": "normal",
|
|
291
|
+
"@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
|
|
292
|
+
"background-image": "linear-gradient(calc(90deg + var(--shimmer-angle)), currentColor calc(50% - var(--shimmer-spread)), color-mix(in srgb, var(--shimmer-color, currentColor) 35%, transparent) 50%, currentColor calc(50% + var(--shimmer-spread)))",
|
|
293
|
+
"background-repeat": "no-repeat",
|
|
294
|
+
"background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
|
|
295
|
+
"background-position": "100% 0",
|
|
296
|
+
"background-clip": "text",
|
|
297
|
+
"-webkit-background-clip": "text",
|
|
298
|
+
"-webkit-text-fill-color": "transparent"
|
|
299
|
+
},
|
|
300
|
+
"&:where([dir='rtl'], [dir='rtl'] *)": {
|
|
301
|
+
"--shimmer-direction": "reverse"
|
|
302
|
+
},
|
|
303
|
+
"&.sytech-shimmer-text-reverse": {
|
|
304
|
+
"--shimmer-direction": "reverse"
|
|
305
|
+
},
|
|
306
|
+
"&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
|
|
307
|
+
"--shimmer-direction": "normal"
|
|
308
|
+
},
|
|
309
|
+
"@media (prefers-reduced-motion: reduce)": readableText
|
|
310
|
+
},
|
|
311
|
+
".sytech-shimmer-text-once": {
|
|
312
|
+
"--shimmer-iteration": "1"
|
|
313
|
+
},
|
|
314
|
+
".sytech-shimmer-text-disabled": readableText
|
|
315
|
+
};
|
|
316
|
+
|
|
276
317
|
// src/utilities/index.ts
|
|
277
318
|
var utilities = {
|
|
278
319
|
...custom_default,
|
|
279
320
|
...transition_default,
|
|
280
321
|
...scrollbar_hide_default,
|
|
281
322
|
...text_default,
|
|
282
|
-
...animation_default
|
|
323
|
+
...animation_default,
|
|
324
|
+
...shimmer_text_default
|
|
283
325
|
};
|
|
284
326
|
|
|
285
327
|
// src/utils/tw-merge-config.ts
|
|
@@ -3042,6 +3084,184 @@ var badge = tv({
|
|
|
3042
3084
|
]
|
|
3043
3085
|
});
|
|
3044
3086
|
|
|
3087
|
+
// src/components/bottom-bar.ts
|
|
3088
|
+
var bottomBar = tv({
|
|
3089
|
+
slots: {
|
|
3090
|
+
base: ["z-50", "flex", "w-full", "pointer-events-none", "justify-center", "px-3"],
|
|
3091
|
+
list: [
|
|
3092
|
+
"relative",
|
|
3093
|
+
"flex",
|
|
3094
|
+
"w-full",
|
|
3095
|
+
"max-w-md",
|
|
3096
|
+
"items-center",
|
|
3097
|
+
"justify-around",
|
|
3098
|
+
"overflow-visible",
|
|
3099
|
+
"pointer-events-auto",
|
|
3100
|
+
"rounded-full",
|
|
3101
|
+
"border",
|
|
3102
|
+
"border-divider/60",
|
|
3103
|
+
"bg-content1/95",
|
|
3104
|
+
"shadow-large",
|
|
3105
|
+
"supports-[backdrop-filter]:bg-content1/65",
|
|
3106
|
+
"supports-[backdrop-filter]:backdrop-blur-2xl",
|
|
3107
|
+
"supports-[backdrop-filter]:backdrop-saturate-150"
|
|
3108
|
+
],
|
|
3109
|
+
item: ["relative", "flex", "min-w-0", "flex-1", "list-none", "justify-center"],
|
|
3110
|
+
link: [
|
|
3111
|
+
"group",
|
|
3112
|
+
"relative",
|
|
3113
|
+
"isolate",
|
|
3114
|
+
"flex",
|
|
3115
|
+
"min-h-14",
|
|
3116
|
+
"w-full",
|
|
3117
|
+
"min-w-0",
|
|
3118
|
+
"flex-col",
|
|
3119
|
+
"items-center",
|
|
3120
|
+
"justify-center",
|
|
3121
|
+
"gap-0.5",
|
|
3122
|
+
"px-2",
|
|
3123
|
+
"text-tiny",
|
|
3124
|
+
"font-medium",
|
|
3125
|
+
"text-default-500",
|
|
3126
|
+
"tap-highlight-transparent",
|
|
3127
|
+
"data-[selected=true]:font-semibold",
|
|
3128
|
+
"data-[disabled=true]:pointer-events-none",
|
|
3129
|
+
"data-[disabled=true]:opacity-disabled",
|
|
3130
|
+
"data-[prominent=true]:-translate-y-3",
|
|
3131
|
+
"data-[prominent=true]:mx-1",
|
|
3132
|
+
"data-[prominent=true]:min-h-16",
|
|
3133
|
+
"data-[prominent=true]:max-w-16",
|
|
3134
|
+
"data-[prominent=true]:rounded-full",
|
|
3135
|
+
"data-[prominent=true]:border",
|
|
3136
|
+
"data-[prominent=true]:border-divider/60",
|
|
3137
|
+
"data-[prominent=true]:bg-content1/95",
|
|
3138
|
+
"data-[prominent=true]:shadow-medium",
|
|
3139
|
+
"supports-[backdrop-filter]:data-[prominent=true]:bg-content1/70",
|
|
3140
|
+
...focusVisibleClasses
|
|
3141
|
+
],
|
|
3142
|
+
selectionIndicator: [
|
|
3143
|
+
"absolute",
|
|
3144
|
+
"z-0",
|
|
3145
|
+
"pointer-events-none",
|
|
3146
|
+
"list-none",
|
|
3147
|
+
"rounded-full",
|
|
3148
|
+
"bg-default-100/80",
|
|
3149
|
+
"will-change-[left,top,width,height]",
|
|
3150
|
+
"invisible",
|
|
3151
|
+
"data-[initialized=true]:visible"
|
|
3152
|
+
],
|
|
3153
|
+
icon: [
|
|
3154
|
+
"relative",
|
|
3155
|
+
"z-10",
|
|
3156
|
+
"flex",
|
|
3157
|
+
"size-6",
|
|
3158
|
+
"shrink-0",
|
|
3159
|
+
"items-center",
|
|
3160
|
+
"justify-center",
|
|
3161
|
+
"text-current",
|
|
3162
|
+
"[&>svg]:size-full"
|
|
3163
|
+
],
|
|
3164
|
+
label: ["relative", "z-10", "max-w-full", "truncate", "text-current"]
|
|
3165
|
+
},
|
|
3166
|
+
variants: {
|
|
3167
|
+
position: {
|
|
3168
|
+
fixed: {
|
|
3169
|
+
base: ["fixed", "inset-x-0", "bottom-0", "pb-[calc(0.75rem+env(safe-area-inset-bottom))]"]
|
|
3170
|
+
},
|
|
3171
|
+
sticky: {
|
|
3172
|
+
base: ["sticky", "bottom-0", "pb-[calc(0.75rem+env(safe-area-inset-bottom))]"]
|
|
3173
|
+
},
|
|
3174
|
+
static: {
|
|
3175
|
+
base: ["relative", "py-3"]
|
|
3176
|
+
}
|
|
3177
|
+
},
|
|
3178
|
+
color: {
|
|
3179
|
+
default: {
|
|
3180
|
+
link: "data-[selected=true]:text-foreground",
|
|
3181
|
+
selectionIndicator: ["bg-default-200/80", "after:bg-foreground"]
|
|
3182
|
+
},
|
|
3183
|
+
primary: {
|
|
3184
|
+
link: "data-[selected=true]:text-primary",
|
|
3185
|
+
selectionIndicator: ["bg-primary/15", "after:bg-primary"]
|
|
3186
|
+
},
|
|
3187
|
+
secondary: {
|
|
3188
|
+
link: "data-[selected=true]:text-secondary",
|
|
3189
|
+
selectionIndicator: ["bg-secondary/15", "after:bg-secondary"]
|
|
3190
|
+
},
|
|
3191
|
+
success: {
|
|
3192
|
+
link: "data-[selected=true]:text-success",
|
|
3193
|
+
selectionIndicator: ["bg-success/15", "after:bg-success"]
|
|
3194
|
+
},
|
|
3195
|
+
warning: {
|
|
3196
|
+
link: "data-[selected=true]:text-warning",
|
|
3197
|
+
selectionIndicator: ["bg-warning/15", "after:bg-warning"]
|
|
3198
|
+
},
|
|
3199
|
+
danger: {
|
|
3200
|
+
link: "data-[selected=true]:text-danger",
|
|
3201
|
+
selectionIndicator: ["bg-danger/15", "after:bg-danger"]
|
|
3202
|
+
}
|
|
3203
|
+
},
|
|
3204
|
+
variant: {
|
|
3205
|
+
solid: {},
|
|
3206
|
+
underlined: {
|
|
3207
|
+
selectionIndicator: [
|
|
3208
|
+
"bg-transparent",
|
|
3209
|
+
"after:absolute",
|
|
3210
|
+
"after:bottom-0",
|
|
3211
|
+
"after:left-1/2",
|
|
3212
|
+
"after:h-[5px]",
|
|
3213
|
+
"after:w-5",
|
|
3214
|
+
"after:-translate-x-1/2",
|
|
3215
|
+
"after:rounded-full",
|
|
3216
|
+
"after:content-['']"
|
|
3217
|
+
]
|
|
3218
|
+
},
|
|
3219
|
+
ghost: {
|
|
3220
|
+
selectionIndicator: "bg-transparent"
|
|
3221
|
+
}
|
|
3222
|
+
},
|
|
3223
|
+
hideLabels: {
|
|
3224
|
+
always: {
|
|
3225
|
+
label: "sr-only"
|
|
3226
|
+
},
|
|
3227
|
+
selected: {
|
|
3228
|
+
label: [
|
|
3229
|
+
"max-h-0",
|
|
3230
|
+
"opacity-0",
|
|
3231
|
+
"group-data-[selected=true]:max-h-5",
|
|
3232
|
+
"group-data-[selected=true]:opacity-100"
|
|
3233
|
+
]
|
|
3234
|
+
},
|
|
3235
|
+
never: {}
|
|
3236
|
+
},
|
|
3237
|
+
disableAnimation: {
|
|
3238
|
+
true: {
|
|
3239
|
+
link: "transition-none",
|
|
3240
|
+
selectionIndicator: "transition-none",
|
|
3241
|
+
icon: "transition-none",
|
|
3242
|
+
label: "transition-none"
|
|
3243
|
+
},
|
|
3244
|
+
false: {
|
|
3245
|
+
link: "transition-[color,transform,opacity] duration-250 ease-out",
|
|
3246
|
+
selectionIndicator: [
|
|
3247
|
+
"data-[animated=true]:transition-[left,top,width,height]",
|
|
3248
|
+
"data-[animated=true]:duration-250",
|
|
3249
|
+
"data-[animated=true]:ease-out"
|
|
3250
|
+
],
|
|
3251
|
+
icon: "transition-transform duration-250 ease-out group-data-[selected=true]:scale-105",
|
|
3252
|
+
label: "transition-[color,max-height,opacity] duration-250 ease-out"
|
|
3253
|
+
}
|
|
3254
|
+
}
|
|
3255
|
+
},
|
|
3256
|
+
defaultVariants: {
|
|
3257
|
+
position: "fixed",
|
|
3258
|
+
color: "primary",
|
|
3259
|
+
variant: "solid",
|
|
3260
|
+
hideLabels: "never",
|
|
3261
|
+
disableAnimation: false
|
|
3262
|
+
}
|
|
3263
|
+
});
|
|
3264
|
+
|
|
3045
3265
|
// src/components/checkbox.ts
|
|
3046
3266
|
var checkbox = tv({
|
|
3047
3267
|
slots: {
|
|
@@ -7605,6 +7825,30 @@ var skeleton = tv({
|
|
|
7605
7825
|
defaultVariants: {}
|
|
7606
7826
|
});
|
|
7607
7827
|
|
|
7828
|
+
// src/components/shimmer-text.ts
|
|
7829
|
+
var shimmerText = tv({
|
|
7830
|
+
base: "sytech-shimmer-text animate-shimmer-text",
|
|
7831
|
+
variants: {
|
|
7832
|
+
direction: {
|
|
7833
|
+
auto: "",
|
|
7834
|
+
reverse: "sytech-shimmer-text-reverse"
|
|
7835
|
+
},
|
|
7836
|
+
iteration: {
|
|
7837
|
+
infinite: "",
|
|
7838
|
+
once: "sytech-shimmer-text-once"
|
|
7839
|
+
},
|
|
7840
|
+
disableAnimation: {
|
|
7841
|
+
true: "sytech-shimmer-text-disabled !animate-none",
|
|
7842
|
+
false: ""
|
|
7843
|
+
}
|
|
7844
|
+
},
|
|
7845
|
+
defaultVariants: {
|
|
7846
|
+
direction: "auto",
|
|
7847
|
+
iteration: "infinite",
|
|
7848
|
+
disableAnimation: false
|
|
7849
|
+
}
|
|
7850
|
+
});
|
|
7851
|
+
|
|
7608
7852
|
// src/components/select.ts
|
|
7609
7853
|
var select = tv({
|
|
7610
7854
|
slots: {
|
|
@@ -12722,6 +12966,7 @@ var import_shared_utils = require("@sytechui/shared-utils");
|
|
|
12722
12966
|
var animations = {
|
|
12723
12967
|
animation: {
|
|
12724
12968
|
shimmer: "shimmer 2s infinite",
|
|
12969
|
+
"shimmer-text": "shimmer-text var(--shimmer-duration, 2s) linear var(--shimmer-iteration, infinite) var(--shimmer-direction, normal)",
|
|
12725
12970
|
"drip-expand": "drip-expand 420ms linear",
|
|
12726
12971
|
"spinner-ease-spin": "spinner-spin 0.8s ease infinite",
|
|
12727
12972
|
"spinner-linear-spin": "spinner-spin 0.8s linear infinite",
|
|
@@ -12740,6 +12985,14 @@ var animations = {
|
|
|
12740
12985
|
transform: "translateX(200%)"
|
|
12741
12986
|
}
|
|
12742
12987
|
},
|
|
12988
|
+
"shimmer-text": {
|
|
12989
|
+
"0%": {
|
|
12990
|
+
backgroundPosition: "100% 0"
|
|
12991
|
+
},
|
|
12992
|
+
"100%": {
|
|
12993
|
+
backgroundPosition: "0 0"
|
|
12994
|
+
}
|
|
12995
|
+
},
|
|
12743
12996
|
"spinner-spin": {
|
|
12744
12997
|
"0%": {
|
|
12745
12998
|
transform: "rotate(0deg)"
|
|
@@ -13091,6 +13344,7 @@ var heroui = (config = {}) => {
|
|
|
13091
13344
|
avatarGroup,
|
|
13092
13345
|
badge,
|
|
13093
13346
|
baseStyles,
|
|
13347
|
+
bottomBar,
|
|
13094
13348
|
breadcrumbItem,
|
|
13095
13349
|
breadcrumbs,
|
|
13096
13350
|
button,
|
|
@@ -13153,6 +13407,7 @@ var heroui = (config = {}) => {
|
|
|
13153
13407
|
scrollShadow,
|
|
13154
13408
|
select,
|
|
13155
13409
|
semanticColors,
|
|
13410
|
+
shimmerText,
|
|
13156
13411
|
skeleton,
|
|
13157
13412
|
slider,
|
|
13158
13413
|
snippet,
|