@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.
Files changed (159) hide show
  1. package/dist/animations/index.d.mts +9 -0
  2. package/dist/animations/index.d.ts +9 -0
  3. package/dist/animations/index.js +9 -0
  4. package/dist/animations/index.mjs +1 -1
  5. package/dist/{chunk-Z65VJL4Y.mjs → chunk-27EH4573.mjs} +1 -1
  6. package/dist/{chunk-FQECQOZE.mjs → chunk-3PBT3W4C.mjs} +1 -1
  7. package/dist/{chunk-3L7WFLSH.mjs → chunk-4XFAHRMJ.mjs} +1 -1
  8. package/dist/{chunk-VDS6DP26.mjs → chunk-6Q4A5IGD.mjs} +1 -1
  9. package/dist/{chunk-NKYWOWNW.mjs → chunk-7CAOOET2.mjs} +1 -1
  10. package/dist/{chunk-TRZPE5UW.mjs → chunk-7MY46DKJ.mjs} +1 -1
  11. package/dist/{chunk-YLA7KS3I.mjs → chunk-AI6SQS6Z.mjs} +182 -2
  12. package/dist/{chunk-WDM42WDU.mjs → chunk-CBIC7UDL.mjs} +5 -5
  13. package/dist/{chunk-SGV526OS.mjs → chunk-CR7SUL27.mjs} +1 -1
  14. package/dist/chunk-FJOYYPB2.mjs +42 -0
  15. package/dist/{chunk-FUKRIH5Z.mjs → chunk-GXDNTAQH.mjs} +1 -1
  16. package/dist/{chunk-4V3RQUZU.mjs → chunk-GYRKKQKN.mjs} +1 -1
  17. package/dist/{chunk-5PWGYVAP.mjs → chunk-HRULT2QB.mjs} +1 -1
  18. package/dist/{chunk-EJDFNA7Y.mjs → chunk-K6X3VPO4.mjs} +1 -1
  19. package/dist/chunk-LV6ZC7XH.mjs +31 -0
  20. package/dist/{chunk-QQVGHMSD.mjs → chunk-M5F7VFZT.mjs} +1 -1
  21. package/dist/{chunk-E34EWEJV.mjs → chunk-OBSH26UE.mjs} +1 -1
  22. package/dist/{chunk-YW4DIYUX.mjs → chunk-P2SWF4YK.mjs} +1 -1
  23. package/dist/{chunk-3INHRVXM.mjs → chunk-QU72GCNK.mjs} +1 -1
  24. package/dist/{chunk-NPGKX3MZ.mjs → chunk-RAC3PSZO.mjs} +1 -1
  25. package/dist/{chunk-HYWP3BX7.mjs → chunk-SLRWKURF.mjs} +9 -0
  26. package/dist/{chunk-JS2FQJMX.mjs → chunk-TYJNRAT2.mjs} +1 -1
  27. package/dist/{chunk-6US6AURX.mjs → chunk-UJC5GXOO.mjs} +11 -7
  28. package/dist/{chunk-SSU66MWA.mjs → chunk-XOVETH7K.mjs} +1 -1
  29. package/dist/components/accordion.js +41 -1
  30. package/dist/components/accordion.mjs +27 -25
  31. package/dist/components/alert.js +41 -1
  32. package/dist/components/alert.mjs +27 -25
  33. package/dist/components/autocomplete.js +41 -1
  34. package/dist/components/autocomplete.mjs +7 -6
  35. package/dist/components/avatar.js +41 -1
  36. package/dist/components/avatar.mjs +27 -25
  37. package/dist/components/badge.js +41 -1
  38. package/dist/components/badge.mjs +27 -25
  39. package/dist/components/bottom-bar.d.mts +263 -0
  40. package/dist/components/bottom-bar.d.ts +263 -0
  41. package/dist/components/bottom-bar.js +463 -0
  42. package/dist/components/bottom-bar.mjs +53 -0
  43. package/dist/components/breadcrumbs.js +41 -1
  44. package/dist/components/breadcrumbs.mjs +27 -25
  45. package/dist/components/button.js +41 -1
  46. package/dist/components/button.mjs +27 -25
  47. package/dist/components/calendar.js +41 -1
  48. package/dist/components/calendar.mjs +27 -25
  49. package/dist/components/card.js +41 -1
  50. package/dist/components/card.mjs +27 -25
  51. package/dist/components/checkbox.js +41 -1
  52. package/dist/components/checkbox.mjs +27 -25
  53. package/dist/components/chip.js +41 -1
  54. package/dist/components/chip.mjs +27 -25
  55. package/dist/components/code.js +41 -1
  56. package/dist/components/code.mjs +27 -25
  57. package/dist/components/date-input.js +41 -1
  58. package/dist/components/date-input.mjs +7 -6
  59. package/dist/components/date-picker.js +41 -1
  60. package/dist/components/date-picker.mjs +7 -6
  61. package/dist/components/divider.js +41 -1
  62. package/dist/components/divider.mjs +7 -6
  63. package/dist/components/drawer.js +41 -1
  64. package/dist/components/drawer.mjs +7 -6
  65. package/dist/components/drip.js +41 -1
  66. package/dist/components/drip.mjs +7 -6
  67. package/dist/components/drop-zone.js +41 -1
  68. package/dist/components/drop-zone.mjs +27 -25
  69. package/dist/components/dropdown.js +41 -1
  70. package/dist/components/dropdown.mjs +27 -25
  71. package/dist/components/form.js +41 -1
  72. package/dist/components/form.mjs +7 -6
  73. package/dist/components/image.js +41 -1
  74. package/dist/components/image.mjs +7 -6
  75. package/dist/components/index.d.mts +2 -0
  76. package/dist/components/index.d.ts +2 -0
  77. package/dist/components/index.js +253 -1
  78. package/dist/components/index.mjs +41 -34
  79. package/dist/components/input-otp.js +41 -1
  80. package/dist/components/input-otp.mjs +27 -25
  81. package/dist/components/input.js +41 -1
  82. package/dist/components/input.mjs +27 -25
  83. package/dist/components/kbd.js +41 -1
  84. package/dist/components/kbd.mjs +7 -6
  85. package/dist/components/link.js +41 -1
  86. package/dist/components/link.mjs +27 -25
  87. package/dist/components/listbox.js +41 -1
  88. package/dist/components/listbox.mjs +27 -25
  89. package/dist/components/menu.js +41 -1
  90. package/dist/components/menu.mjs +27 -25
  91. package/dist/components/modal.js +41 -1
  92. package/dist/components/modal.mjs +27 -25
  93. package/dist/components/navbar.js +41 -1
  94. package/dist/components/navbar.mjs +27 -25
  95. package/dist/components/number-input.js +41 -1
  96. package/dist/components/number-input.mjs +27 -25
  97. package/dist/components/pagination.js +41 -1
  98. package/dist/components/pagination.mjs +27 -25
  99. package/dist/components/popover.js +41 -1
  100. package/dist/components/popover.mjs +27 -25
  101. package/dist/components/progress.js +41 -1
  102. package/dist/components/progress.mjs +7 -6
  103. package/dist/components/radio.js +41 -1
  104. package/dist/components/radio.mjs +27 -25
  105. package/dist/components/scroll-area.js +41 -1
  106. package/dist/components/scroll-area.mjs +7 -6
  107. package/dist/components/scroll-shadow.js +41 -1
  108. package/dist/components/scroll-shadow.mjs +7 -6
  109. package/dist/components/select.js +41 -1
  110. package/dist/components/select.mjs +27 -25
  111. package/dist/components/shimmer-text.d.mts +46 -0
  112. package/dist/components/shimmer-text.d.ts +46 -0
  113. package/dist/components/shimmer-text.js +301 -0
  114. package/dist/components/shimmer-text.mjs +15 -0
  115. package/dist/components/skeleton.js +41 -1
  116. package/dist/components/skeleton.mjs +7 -6
  117. package/dist/components/slider.js +41 -1
  118. package/dist/components/slider.mjs +27 -25
  119. package/dist/components/snippet.js +41 -1
  120. package/dist/components/snippet.mjs +27 -25
  121. package/dist/components/spacer.js +41 -1
  122. package/dist/components/spacer.mjs +7 -6
  123. package/dist/components/spinner.js +41 -1
  124. package/dist/components/spinner.mjs +7 -6
  125. package/dist/components/table.js +41 -1
  126. package/dist/components/table.mjs +27 -25
  127. package/dist/components/tabs.js +41 -1
  128. package/dist/components/tabs.mjs +27 -25
  129. package/dist/components/toast.js +41 -1
  130. package/dist/components/toast.mjs +27 -25
  131. package/dist/components/toggle.js +41 -1
  132. package/dist/components/toggle.mjs +27 -25
  133. package/dist/components/user.js +41 -1
  134. package/dist/components/user.mjs +27 -25
  135. package/dist/index.d.mts +2 -0
  136. package/dist/index.d.ts +2 -0
  137. package/dist/index.js +256 -1
  138. package/dist/index.mjs +41 -34
  139. package/dist/plugin.js +50 -1
  140. package/dist/plugin.mjs +7 -6
  141. package/dist/utilities/index.d.mts +38 -0
  142. package/dist/utilities/index.d.ts +38 -0
  143. package/dist/utilities/index.js +41 -1
  144. package/dist/utilities/index.mjs +4 -3
  145. package/dist/utilities/shimmer-text.d.mts +42 -0
  146. package/dist/utilities/shimmer-text.d.ts +42 -0
  147. package/dist/utilities/shimmer-text.js +62 -0
  148. package/dist/utilities/shimmer-text.mjs +6 -0
  149. package/dist/utils/cn.js +41 -1
  150. package/dist/utils/cn.mjs +6 -5
  151. package/dist/utils/index.js +41 -1
  152. package/dist/utils/index.mjs +27 -25
  153. package/dist/utils/merge-classes.js +41 -1
  154. package/dist/utils/merge-classes.mjs +27 -25
  155. package/dist/utils/tv.js +41 -1
  156. package/dist/utils/tv.mjs +6 -5
  157. package/dist/utils/tw-merge-config.js +41 -1
  158. package/dist/utils/tw-merge-config.mjs +5 -4
  159. 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-YLA7KS3I.mjs";
3
+ } from "../chunk-AI6SQS6Z.mjs";
4
4
  import "../chunk-GQT3YUX3.mjs";
5
- import "../chunk-YW4DIYUX.mjs";
6
- import "../chunk-VDS6DP26.mjs";
7
- import "../chunk-TRZPE5UW.mjs";
8
- import "../chunk-NKYWOWNW.mjs";
9
- import "../chunk-4V3RQUZU.mjs";
10
- import "../chunk-SGV526OS.mjs";
11
- import "../chunk-Z65VJL4Y.mjs";
12
- import "../chunk-FQECQOZE.mjs";
13
- import "../chunk-E34EWEJV.mjs";
14
- import "../chunk-EJDFNA7Y.mjs";
15
- import "../chunk-5PWGYVAP.mjs";
16
- import "../chunk-JS2FQJMX.mjs";
17
- import "../chunk-QQVGHMSD.mjs";
18
- import "../chunk-SSU66MWA.mjs";
19
- import "../chunk-3L7WFLSH.mjs";
20
- import "../chunk-FUKRIH5Z.mjs";
21
- import "../chunk-NPGKX3MZ.mjs";
22
- import "../chunk-3INHRVXM.mjs";
23
- import "../chunk-WDM42WDU.mjs";
24
- import "../chunk-JGY6VQQQ.mjs";
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-6US6AURX.mjs";
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-HYWP3BX7.mjs";
41
+ import "../chunk-SLRWKURF.mjs";
40
42
  import "../chunk-IAS3SFA4.mjs";
41
43
  import "../chunk-JUEOCLA3.mjs";
42
44
  import "../chunk-3LKKH4AR.mjs";
@@ -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
  user
3
- } from "../chunk-YLA7KS3I.mjs";
3
+ } from "../chunk-AI6SQS6Z.mjs";
4
4
  import "../chunk-GQT3YUX3.mjs";
5
- import "../chunk-YW4DIYUX.mjs";
6
- import "../chunk-VDS6DP26.mjs";
7
- import "../chunk-TRZPE5UW.mjs";
8
- import "../chunk-NKYWOWNW.mjs";
9
- import "../chunk-4V3RQUZU.mjs";
10
- import "../chunk-SGV526OS.mjs";
11
- import "../chunk-Z65VJL4Y.mjs";
12
- import "../chunk-FQECQOZE.mjs";
13
- import "../chunk-E34EWEJV.mjs";
14
- import "../chunk-EJDFNA7Y.mjs";
15
- import "../chunk-5PWGYVAP.mjs";
16
- import "../chunk-JS2FQJMX.mjs";
17
- import "../chunk-QQVGHMSD.mjs";
18
- import "../chunk-SSU66MWA.mjs";
19
- import "../chunk-3L7WFLSH.mjs";
20
- import "../chunk-FUKRIH5Z.mjs";
21
- import "../chunk-NPGKX3MZ.mjs";
22
- import "../chunk-3INHRVXM.mjs";
23
- import "../chunk-WDM42WDU.mjs";
24
- import "../chunk-JGY6VQQQ.mjs";
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-6US6AURX.mjs";
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-HYWP3BX7.mjs";
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,