@sytechui/theme 2.5.0 → 2.6.1

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 (170) 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-TRZPE5UW.mjs → chunk-2BUT7L7P.mjs} +1 -1
  6. package/dist/{chunk-6US6AURX.mjs → chunk-2WQ76NXU.mjs} +8 -4
  7. package/dist/{chunk-FQECQOZE.mjs → chunk-4CEUCYJO.mjs} +1 -1
  8. package/dist/{chunk-3INHRVXM.mjs → chunk-7QDYFNL6.mjs} +1 -1
  9. package/dist/{chunk-SSU66MWA.mjs → chunk-7ZVSC6V6.mjs} +1 -1
  10. package/dist/{chunk-4V3RQUZU.mjs → chunk-BHGZZQCH.mjs} +1 -1
  11. package/dist/{chunk-Q5TYW2HJ.mjs → chunk-CPSLANMP.mjs} +2 -2
  12. package/dist/chunk-DBDK3IF7.mjs +31 -0
  13. package/dist/{chunk-3L7WFLSH.mjs → chunk-EOYBTX52.mjs} +1 -1
  14. package/dist/{chunk-NPGKX3MZ.mjs → chunk-FBI452W6.mjs} +1 -1
  15. package/dist/{chunk-JNXXF3DG.mjs → chunk-FFKHVGFX.mjs} +1 -1
  16. package/dist/chunk-FJOYYPB2.mjs +42 -0
  17. package/dist/{chunk-QQVGHMSD.mjs → chunk-FLCPUBBE.mjs} +1 -1
  18. package/dist/{chunk-VDS6DP26.mjs → chunk-FNHXMO5W.mjs} +1 -1
  19. package/dist/{chunk-5PWGYVAP.mjs → chunk-FZM5ZZP2.mjs} +1 -1
  20. package/dist/{chunk-FUKRIH5Z.mjs → chunk-GQMW4NEU.mjs} +1 -1
  21. package/dist/{chunk-Z65VJL4Y.mjs → chunk-JV5J6JHS.mjs} +1 -1
  22. package/dist/{chunk-SGV526OS.mjs → chunk-K3TTKHSU.mjs} +1 -1
  23. package/dist/{chunk-EJDFNA7Y.mjs → chunk-KCPJHUUJ.mjs} +1 -1
  24. package/dist/{chunk-IB36XVBI.mjs → chunk-LYTXO6TG.mjs} +579 -12
  25. package/dist/{chunk-NKYWOWNW.mjs → chunk-QP5CGENQ.mjs} +1 -1
  26. package/dist/{chunk-HYWP3BX7.mjs → chunk-SLRWKURF.mjs} +9 -0
  27. package/dist/{chunk-E34EWEJV.mjs → chunk-SRSOCM2C.mjs} +1 -1
  28. package/dist/{chunk-IAAKK6MJ.mjs → chunk-TOGBVQYA.mjs} +6 -6
  29. package/dist/{chunk-JS2FQJMX.mjs → chunk-VK7USAMR.mjs} +1 -1
  30. package/dist/{chunk-YW4DIYUX.mjs → chunk-ZLTZIM6X.mjs} +1 -1
  31. package/dist/colors/common.mjs +3 -3
  32. package/dist/colors/index.mjs +5 -5
  33. package/dist/colors/semantic.mjs +4 -4
  34. package/dist/colors.mjs +5 -5
  35. package/dist/components/accordion.js +41 -1
  36. package/dist/components/accordion.mjs +30 -28
  37. package/dist/components/alert.js +41 -1
  38. package/dist/components/alert.mjs +30 -28
  39. package/dist/components/autocomplete.js +41 -1
  40. package/dist/components/autocomplete.mjs +6 -5
  41. package/dist/components/avatar.js +41 -1
  42. package/dist/components/avatar.mjs +30 -28
  43. package/dist/components/badge.js +41 -1
  44. package/dist/components/badge.mjs +30 -28
  45. package/dist/components/bottom-bar.d.mts +3 -3
  46. package/dist/components/bottom-bar.d.ts +3 -3
  47. package/dist/components/bottom-bar.js +52 -11
  48. package/dist/components/bottom-bar.mjs +30 -28
  49. package/dist/components/breadcrumbs.js +41 -1
  50. package/dist/components/breadcrumbs.mjs +30 -28
  51. package/dist/components/button.js +41 -1
  52. package/dist/components/button.mjs +30 -28
  53. package/dist/components/calendar.js +41 -1
  54. package/dist/components/calendar.mjs +30 -28
  55. package/dist/components/card.js +41 -1
  56. package/dist/components/card.mjs +30 -28
  57. package/dist/components/checkbox.js +41 -1
  58. package/dist/components/checkbox.mjs +30 -28
  59. package/dist/components/chip.js +41 -1
  60. package/dist/components/chip.mjs +30 -28
  61. package/dist/components/code.js +41 -1
  62. package/dist/components/code.mjs +30 -28
  63. package/dist/components/date-input.js +41 -1
  64. package/dist/components/date-input.mjs +6 -5
  65. package/dist/components/date-picker.js +41 -1
  66. package/dist/components/date-picker.mjs +6 -5
  67. package/dist/components/divider.js +41 -1
  68. package/dist/components/divider.mjs +6 -5
  69. package/dist/components/drawer.js +41 -1
  70. package/dist/components/drawer.mjs +6 -5
  71. package/dist/components/drip.js +41 -1
  72. package/dist/components/drip.mjs +6 -5
  73. package/dist/components/drop-zone.js +41 -1
  74. package/dist/components/drop-zone.mjs +30 -28
  75. package/dist/components/dropdown.js +41 -1
  76. package/dist/components/dropdown.mjs +30 -28
  77. package/dist/components/form.js +41 -1
  78. package/dist/components/form.mjs +6 -5
  79. package/dist/components/image.js +41 -1
  80. package/dist/components/image.mjs +6 -5
  81. package/dist/components/index.d.mts +2 -0
  82. package/dist/components/index.d.ts +2 -0
  83. package/dist/components/index.js +645 -11
  84. package/dist/components/index.mjs +40 -33
  85. package/dist/components/input-otp.js +41 -1
  86. package/dist/components/input-otp.mjs +30 -28
  87. package/dist/components/input.js +41 -1
  88. package/dist/components/input.mjs +30 -28
  89. package/dist/components/kbd.js +41 -1
  90. package/dist/components/kbd.mjs +6 -5
  91. package/dist/components/link.js +41 -1
  92. package/dist/components/link.mjs +30 -28
  93. package/dist/components/listbox.js +41 -1
  94. package/dist/components/listbox.mjs +30 -28
  95. package/dist/components/menu.js +41 -1
  96. package/dist/components/menu.mjs +30 -28
  97. package/dist/components/modal.js +41 -1
  98. package/dist/components/modal.mjs +30 -28
  99. package/dist/components/navbar.js +41 -1
  100. package/dist/components/navbar.mjs +30 -28
  101. package/dist/components/number-input.js +41 -1
  102. package/dist/components/number-input.mjs +30 -28
  103. package/dist/components/pagination.js +41 -1
  104. package/dist/components/pagination.mjs +30 -28
  105. package/dist/components/popover.js +41 -1
  106. package/dist/components/popover.mjs +30 -28
  107. package/dist/components/progress.js +41 -1
  108. package/dist/components/progress.mjs +6 -5
  109. package/dist/components/radio.js +41 -1
  110. package/dist/components/radio.mjs +30 -28
  111. package/dist/components/scroll-area.js +41 -1
  112. package/dist/components/scroll-area.mjs +6 -5
  113. package/dist/components/scroll-shadow.js +41 -1
  114. package/dist/components/scroll-shadow.mjs +6 -5
  115. package/dist/components/select.js +41 -1
  116. package/dist/components/select.mjs +30 -28
  117. package/dist/components/shimmer-text.d.mts +46 -0
  118. package/dist/components/shimmer-text.d.ts +46 -0
  119. package/dist/components/shimmer-text.js +301 -0
  120. package/dist/components/shimmer-text.mjs +15 -0
  121. package/dist/components/skeleton.js +41 -1
  122. package/dist/components/skeleton.mjs +6 -5
  123. package/dist/components/slider.js +41 -1
  124. package/dist/components/slider.mjs +30 -28
  125. package/dist/components/snippet.js +41 -1
  126. package/dist/components/snippet.mjs +30 -28
  127. package/dist/components/spacer.js +41 -1
  128. package/dist/components/spacer.mjs +6 -5
  129. package/dist/components/spinner.js +41 -1
  130. package/dist/components/spinner.mjs +6 -5
  131. package/dist/components/stepper.d.mts +288 -0
  132. package/dist/components/stepper.d.ts +288 -0
  133. package/dist/components/stepper.js +849 -0
  134. package/dist/components/stepper.mjs +53 -0
  135. package/dist/components/table.js +41 -1
  136. package/dist/components/table.mjs +30 -28
  137. package/dist/components/tabs.js +41 -1
  138. package/dist/components/tabs.mjs +30 -28
  139. package/dist/components/toast.js +41 -1
  140. package/dist/components/toast.mjs +30 -28
  141. package/dist/components/toggle.js +41 -1
  142. package/dist/components/toggle.mjs +30 -28
  143. package/dist/components/user.js +41 -1
  144. package/dist/components/user.mjs +30 -28
  145. package/dist/index.d.mts +2 -0
  146. package/dist/index.d.ts +2 -0
  147. package/dist/index.js +654 -11
  148. package/dist/index.mjs +40 -33
  149. package/dist/plugin.js +50 -1
  150. package/dist/plugin.mjs +10 -9
  151. package/dist/utilities/index.d.mts +38 -0
  152. package/dist/utilities/index.d.ts +38 -0
  153. package/dist/utilities/index.js +41 -1
  154. package/dist/utilities/index.mjs +3 -2
  155. package/dist/utilities/shimmer-text.d.mts +42 -0
  156. package/dist/utilities/shimmer-text.d.ts +42 -0
  157. package/dist/utilities/shimmer-text.js +62 -0
  158. package/dist/utilities/shimmer-text.mjs +6 -0
  159. package/dist/utils/cn.js +41 -1
  160. package/dist/utils/cn.mjs +5 -4
  161. package/dist/utils/index.js +41 -1
  162. package/dist/utils/index.mjs +30 -28
  163. package/dist/utils/merge-classes.js +41 -1
  164. package/dist/utils/merge-classes.mjs +30 -28
  165. package/dist/utils/tv.js +41 -1
  166. package/dist/utils/tv.mjs +5 -4
  167. package/dist/utils/tw-merge-config.js +41 -1
  168. package/dist/utils/tw-merge-config.mjs +4 -3
  169. package/package.json +1 -1
  170. package/dist/{chunk-6TOTQSJE.mjs → chunk-IAS3SFA4.mjs} +6 -6
package/dist/index.mjs CHANGED
@@ -39,76 +39,80 @@ import {
39
39
  select,
40
40
  slider,
41
41
  snippet,
42
+ stepper,
42
43
  table,
43
44
  tabs,
44
45
  toast,
45
46
  toastRegion,
46
47
  toggle,
47
48
  user
48
- } from "./chunk-IB36XVBI.mjs";
49
+ } from "./chunk-LYTXO6TG.mjs";
50
+ import {
51
+ scrollShadow
52
+ } from "./chunk-K3TTKHSU.mjs";
53
+ import {
54
+ shimmerText
55
+ } from "./chunk-DBDK3IF7.mjs";
49
56
  import {
50
57
  skeleton
51
- } from "./chunk-Z65VJL4Y.mjs";
58
+ } from "./chunk-JV5J6JHS.mjs";
52
59
  import {
53
60
  spacer
54
- } from "./chunk-VDS6DP26.mjs";
61
+ } from "./chunk-FNHXMO5W.mjs";
55
62
  import {
56
63
  spinner
57
- } from "./chunk-TRZPE5UW.mjs";
64
+ } from "./chunk-2BUT7L7P.mjs";
58
65
  import {
59
66
  circularProgress,
60
67
  progress
61
- } from "./chunk-NKYWOWNW.mjs";
68
+ } from "./chunk-QP5CGENQ.mjs";
62
69
  import {
63
70
  scrollArea
64
- } from "./chunk-4V3RQUZU.mjs";
71
+ } from "./chunk-BHGZZQCH.mjs";
65
72
  import {
66
- scrollShadow
67
- } from "./chunk-SGV526OS.mjs";
73
+ image
74
+ } from "./chunk-FZM5ZZP2.mjs";
68
75
  import {
69
76
  kbd
70
- } from "./chunk-FQECQOZE.mjs";
77
+ } from "./chunk-4CEUCYJO.mjs";
78
+ import {
79
+ dateInput
80
+ } from "./chunk-VK7USAMR.mjs";
71
81
  import {
72
82
  datePicker,
73
83
  dateRangePicker
74
- } from "./chunk-QQVGHMSD.mjs";
84
+ } from "./chunk-FLCPUBBE.mjs";
75
85
  import {
76
86
  divider
77
- } from "./chunk-SSU66MWA.mjs";
87
+ } from "./chunk-7ZVSC6V6.mjs";
78
88
  import {
79
89
  drawer
80
- } from "./chunk-3L7WFLSH.mjs";
90
+ } from "./chunk-EOYBTX52.mjs";
81
91
  import {
82
92
  drip
83
- } from "./chunk-E34EWEJV.mjs";
93
+ } from "./chunk-SRSOCM2C.mjs";
84
94
  import {
85
95
  form
86
- } from "./chunk-EJDFNA7Y.mjs";
87
- import {
88
- image
89
- } from "./chunk-5PWGYVAP.mjs";
90
- import {
91
- dateInput
92
- } from "./chunk-JS2FQJMX.mjs";
96
+ } from "./chunk-KCPJHUUJ.mjs";
93
97
  import {
94
98
  colorVariants
95
99
  } from "./chunk-GQT3YUX3.mjs";
96
100
  import {
97
101
  autocomplete
98
- } from "./chunk-FUKRIH5Z.mjs";
102
+ } from "./chunk-GQMW4NEU.mjs";
99
103
  import {
100
104
  cn
101
- } from "./chunk-YW4DIYUX.mjs";
105
+ } from "./chunk-ZLTZIM6X.mjs";
102
106
  import {
103
107
  tv
104
- } from "./chunk-NPGKX3MZ.mjs";
108
+ } from "./chunk-FBI452W6.mjs";
105
109
  import {
106
110
  COMMON_UNITS,
107
111
  twMergeConfig
108
- } from "./chunk-3INHRVXM.mjs";
112
+ } from "./chunk-7QDYFNL6.mjs";
109
113
  import {
110
114
  heroui
111
- } from "./chunk-IAAKK6MJ.mjs";
115
+ } from "./chunk-TOGBVQYA.mjs";
112
116
  import {
113
117
  absoluteFullClasses,
114
118
  baseStyles,
@@ -121,20 +125,20 @@ import {
121
125
  translateCenterClasses
122
126
  } from "./chunk-JGY6VQQQ.mjs";
123
127
  import "./chunk-D2XMP2NC.mjs";
124
- import "./chunk-HYWP3BX7.mjs";
125
- import "./chunk-6US6AURX.mjs";
128
+ import "./chunk-2WQ76NXU.mjs";
129
+ import "./chunk-GSRZWDGA.mjs";
126
130
  import "./chunk-AWXUGVFR.mjs";
127
131
  import "./chunk-MPVWW3DX.mjs";
128
132
  import "./chunk-WH6SPIFG.mjs";
133
+ import "./chunk-FJOYYPB2.mjs";
129
134
  import "./chunk-RUIUXVZ4.mjs";
130
- import "./chunk-GSRZWDGA.mjs";
131
135
  import "./chunk-WQEDQHKX.mjs";
132
136
  import {
133
137
  colors
134
- } from "./chunk-Q5TYW2HJ.mjs";
138
+ } from "./chunk-CPSLANMP.mjs";
135
139
  import {
136
140
  semanticColors
137
- } from "./chunk-JNXXF3DG.mjs";
141
+ } from "./chunk-FFKHVGFX.mjs";
138
142
  import "./chunk-5ICJA2GK.mjs";
139
143
  import "./chunk-M63AFAHO.mjs";
140
144
  import {
@@ -143,17 +147,18 @@ import {
143
147
  lightLayout
144
148
  } from "./chunk-HUBDRSA4.mjs";
145
149
  import "./chunk-WBQAMGXK.mjs";
150
+ import "./chunk-SLRWKURF.mjs";
146
151
  import {
147
152
  commonColors
148
- } from "./chunk-6TOTQSJE.mjs";
153
+ } from "./chunk-IAS3SFA4.mjs";
154
+ import "./chunk-JUEOCLA3.mjs";
149
155
  import "./chunk-3LKKH4AR.mjs";
156
+ import "./chunk-T3GWIVAM.mjs";
150
157
  import "./chunk-OR5PUD24.mjs";
151
158
  import "./chunk-DCEG5LGX.mjs";
152
159
  import "./chunk-L2OL7R23.mjs";
153
160
  import "./chunk-YZYGFPNK.mjs";
154
- import "./chunk-JUEOCLA3.mjs";
155
161
  import "./chunk-GHZ36ATJ.mjs";
156
- import "./chunk-T3GWIVAM.mjs";
157
162
  export {
158
163
  COMMON_UNITS,
159
164
  absoluteFullClasses,
@@ -228,11 +233,13 @@ export {
228
233
  scrollShadow,
229
234
  select,
230
235
  semanticColors,
236
+ shimmerText,
231
237
  skeleton,
232
238
  slider,
233
239
  snippet,
234
240
  spacer,
235
241
  spinner,
242
+ stepper,
236
243
  table,
237
244
  tabs,
238
245
  toast,
package/dist/plugin.js CHANGED
@@ -384,6 +384,7 @@ var colors = {
384
384
  var animations = {
385
385
  animation: {
386
386
  shimmer: "shimmer 2s infinite",
387
+ "shimmer-text": "shimmer-text var(--shimmer-duration, 2s) linear var(--shimmer-iteration, infinite) var(--shimmer-direction, normal)",
387
388
  "drip-expand": "drip-expand 420ms linear",
388
389
  "spinner-ease-spin": "spinner-spin 0.8s ease infinite",
389
390
  "spinner-linear-spin": "spinner-spin 0.8s linear infinite",
@@ -402,6 +403,14 @@ var animations = {
402
403
  transform: "translateX(200%)"
403
404
  }
404
405
  },
406
+ "shimmer-text": {
407
+ "0%": {
408
+ backgroundPosition: "100% 0"
409
+ },
410
+ "100%": {
411
+ backgroundPosition: "0 0"
412
+ }
413
+ },
405
414
  "spinner-spin": {
406
415
  "0%": {
407
416
  transform: "rotate(0deg)"
@@ -655,13 +664,53 @@ var animation_default = {
655
664
  }
656
665
  };
657
666
 
667
+ // src/utilities/shimmer-text.ts
668
+ var readableText = {
669
+ animation: "none !important",
670
+ "background-image": "none",
671
+ "-webkit-text-fill-color": "currentColor"
672
+ };
673
+ var shimmer_text_default = {
674
+ ".sytech-shimmer-text": {
675
+ color: "currentColor",
676
+ "--shimmer-angle": "20deg",
677
+ "--shimmer-spread": "calc(3ch + 40px)",
678
+ "--shimmer-iteration": "infinite",
679
+ "--shimmer-direction": "normal",
680
+ "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
681
+ "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)))",
682
+ "background-repeat": "no-repeat",
683
+ "background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
684
+ "background-position": "100% 0",
685
+ "background-clip": "text",
686
+ "-webkit-background-clip": "text",
687
+ "-webkit-text-fill-color": "transparent"
688
+ },
689
+ "&:where([dir='rtl'], [dir='rtl'] *)": {
690
+ "--shimmer-direction": "reverse"
691
+ },
692
+ "&.sytech-shimmer-text-reverse": {
693
+ "--shimmer-direction": "reverse"
694
+ },
695
+ "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
696
+ "--shimmer-direction": "normal"
697
+ },
698
+ "@media (prefers-reduced-motion: reduce)": readableText
699
+ },
700
+ ".sytech-shimmer-text-once": {
701
+ "--shimmer-iteration": "1"
702
+ },
703
+ ".sytech-shimmer-text-disabled": readableText
704
+ };
705
+
658
706
  // src/utilities/index.ts
659
707
  var utilities = {
660
708
  ...custom_default,
661
709
  ...transition_default,
662
710
  ...scrollbar_hide_default,
663
711
  ...text_default,
664
- ...animation_default
712
+ ...animation_default,
713
+ ...shimmer_text_default
665
714
  };
666
715
 
667
716
  // src/utils/theme.ts
package/dist/plugin.mjs CHANGED
@@ -1,30 +1,31 @@
1
1
  import {
2
2
  heroui
3
- } from "./chunk-IAAKK6MJ.mjs";
3
+ } from "./chunk-TOGBVQYA.mjs";
4
4
  import "./chunk-JGY6VQQQ.mjs";
5
5
  import "./chunk-D2XMP2NC.mjs";
6
- import "./chunk-HYWP3BX7.mjs";
7
- import "./chunk-6US6AURX.mjs";
6
+ import "./chunk-2WQ76NXU.mjs";
7
+ import "./chunk-GSRZWDGA.mjs";
8
8
  import "./chunk-AWXUGVFR.mjs";
9
9
  import "./chunk-MPVWW3DX.mjs";
10
10
  import "./chunk-WH6SPIFG.mjs";
11
+ import "./chunk-FJOYYPB2.mjs";
11
12
  import "./chunk-RUIUXVZ4.mjs";
12
- import "./chunk-GSRZWDGA.mjs";
13
13
  import "./chunk-WQEDQHKX.mjs";
14
- import "./chunk-Q5TYW2HJ.mjs";
15
- import "./chunk-JNXXF3DG.mjs";
14
+ import "./chunk-CPSLANMP.mjs";
15
+ import "./chunk-FFKHVGFX.mjs";
16
16
  import "./chunk-5ICJA2GK.mjs";
17
17
  import "./chunk-M63AFAHO.mjs";
18
18
  import "./chunk-HUBDRSA4.mjs";
19
- import "./chunk-6TOTQSJE.mjs";
19
+ import "./chunk-SLRWKURF.mjs";
20
+ import "./chunk-IAS3SFA4.mjs";
21
+ import "./chunk-JUEOCLA3.mjs";
20
22
  import "./chunk-3LKKH4AR.mjs";
23
+ import "./chunk-T3GWIVAM.mjs";
21
24
  import "./chunk-OR5PUD24.mjs";
22
25
  import "./chunk-DCEG5LGX.mjs";
23
26
  import "./chunk-L2OL7R23.mjs";
24
27
  import "./chunk-YZYGFPNK.mjs";
25
- import "./chunk-JUEOCLA3.mjs";
26
28
  import "./chunk-GHZ36ATJ.mjs";
27
- import "./chunk-T3GWIVAM.mjs";
28
29
  export {
29
30
  heroui
30
31
  };
@@ -1,4 +1,42 @@
1
1
  declare const utilities: {
2
+ ".sytech-shimmer-text": {
3
+ color: string;
4
+ "--shimmer-angle": string;
5
+ "--shimmer-spread": string;
6
+ "--shimmer-iteration": string;
7
+ "--shimmer-direction": string;
8
+ "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
9
+ "background-image": string;
10
+ "background-repeat": string;
11
+ "background-size": string;
12
+ "background-position": string;
13
+ "background-clip": string;
14
+ "-webkit-background-clip": string;
15
+ "-webkit-text-fill-color": string;
16
+ };
17
+ "&:where([dir='rtl'], [dir='rtl'] *)": {
18
+ "--shimmer-direction": string;
19
+ };
20
+ "&.sytech-shimmer-text-reverse": {
21
+ "--shimmer-direction": string;
22
+ };
23
+ "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
24
+ "--shimmer-direction": string;
25
+ };
26
+ "@media (prefers-reduced-motion: reduce)": {
27
+ animation: string;
28
+ "background-image": string;
29
+ "-webkit-text-fill-color": string;
30
+ };
31
+ };
32
+ ".sytech-shimmer-text-once": {
33
+ "--shimmer-iteration": string;
34
+ };
35
+ ".sytech-shimmer-text-disabled": {
36
+ animation: string;
37
+ "background-image": string;
38
+ "-webkit-text-fill-color": string;
39
+ };
2
40
  ".spinner-bar-animation": {
3
41
  animation: string;
4
42
  "animation-delay": string;
@@ -1,4 +1,42 @@
1
1
  declare const utilities: {
2
+ ".sytech-shimmer-text": {
3
+ color: string;
4
+ "--shimmer-angle": string;
5
+ "--shimmer-spread": string;
6
+ "--shimmer-iteration": string;
7
+ "--shimmer-direction": string;
8
+ "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
9
+ "background-image": string;
10
+ "background-repeat": string;
11
+ "background-size": string;
12
+ "background-position": string;
13
+ "background-clip": string;
14
+ "-webkit-background-clip": string;
15
+ "-webkit-text-fill-color": string;
16
+ };
17
+ "&:where([dir='rtl'], [dir='rtl'] *)": {
18
+ "--shimmer-direction": string;
19
+ };
20
+ "&.sytech-shimmer-text-reverse": {
21
+ "--shimmer-direction": string;
22
+ };
23
+ "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
24
+ "--shimmer-direction": string;
25
+ };
26
+ "@media (prefers-reduced-motion: reduce)": {
27
+ animation: string;
28
+ "background-image": string;
29
+ "-webkit-text-fill-color": string;
30
+ };
31
+ };
32
+ ".sytech-shimmer-text-once": {
33
+ "--shimmer-iteration": string;
34
+ };
35
+ ".sytech-shimmer-text-disabled": {
36
+ animation: string;
37
+ "background-image": string;
38
+ "-webkit-text-fill-color": string;
39
+ };
2
40
  ".spinner-bar-animation": {
3
41
  animation: string;
4
42
  "animation-delay": string;
@@ -175,13 +175,53 @@ var animation_default = {
175
175
  }
176
176
  };
177
177
 
178
+ // src/utilities/shimmer-text.ts
179
+ var readableText = {
180
+ animation: "none !important",
181
+ "background-image": "none",
182
+ "-webkit-text-fill-color": "currentColor"
183
+ };
184
+ var shimmer_text_default = {
185
+ ".sytech-shimmer-text": {
186
+ color: "currentColor",
187
+ "--shimmer-angle": "20deg",
188
+ "--shimmer-spread": "calc(3ch + 40px)",
189
+ "--shimmer-iteration": "infinite",
190
+ "--shimmer-direction": "normal",
191
+ "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
192
+ "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)))",
193
+ "background-repeat": "no-repeat",
194
+ "background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
195
+ "background-position": "100% 0",
196
+ "background-clip": "text",
197
+ "-webkit-background-clip": "text",
198
+ "-webkit-text-fill-color": "transparent"
199
+ },
200
+ "&:where([dir='rtl'], [dir='rtl'] *)": {
201
+ "--shimmer-direction": "reverse"
202
+ },
203
+ "&.sytech-shimmer-text-reverse": {
204
+ "--shimmer-direction": "reverse"
205
+ },
206
+ "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
207
+ "--shimmer-direction": "normal"
208
+ },
209
+ "@media (prefers-reduced-motion: reduce)": readableText
210
+ },
211
+ ".sytech-shimmer-text-once": {
212
+ "--shimmer-iteration": "1"
213
+ },
214
+ ".sytech-shimmer-text-disabled": readableText
215
+ };
216
+
178
217
  // src/utilities/index.ts
179
218
  var utilities = {
180
219
  ...custom_default,
181
220
  ...transition_default,
182
221
  ...scrollbar_hide_default,
183
222
  ...text_default,
184
- ...animation_default
223
+ ...animation_default,
224
+ ...shimmer_text_default
185
225
  };
186
226
  // Annotate the CommonJS export names for ESM import in node:
187
227
  0 && (module.exports = {
@@ -1,11 +1,12 @@
1
1
  import {
2
2
  utilities
3
- } from "../chunk-6US6AURX.mjs";
3
+ } from "../chunk-2WQ76NXU.mjs";
4
+ import "../chunk-GSRZWDGA.mjs";
4
5
  import "../chunk-AWXUGVFR.mjs";
5
6
  import "../chunk-MPVWW3DX.mjs";
6
7
  import "../chunk-WH6SPIFG.mjs";
8
+ import "../chunk-FJOYYPB2.mjs";
7
9
  import "../chunk-RUIUXVZ4.mjs";
8
- import "../chunk-GSRZWDGA.mjs";
9
10
  export {
10
11
  utilities
11
12
  };
@@ -0,0 +1,42 @@
1
+ declare const _default: {
2
+ ".sytech-shimmer-text": {
3
+ color: string;
4
+ "--shimmer-angle": string;
5
+ "--shimmer-spread": string;
6
+ "--shimmer-iteration": string;
7
+ "--shimmer-direction": string;
8
+ "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
9
+ "background-image": string;
10
+ "background-repeat": string;
11
+ "background-size": string;
12
+ "background-position": string;
13
+ "background-clip": string;
14
+ "-webkit-background-clip": string;
15
+ "-webkit-text-fill-color": string;
16
+ };
17
+ "&:where([dir='rtl'], [dir='rtl'] *)": {
18
+ "--shimmer-direction": string;
19
+ };
20
+ "&.sytech-shimmer-text-reverse": {
21
+ "--shimmer-direction": string;
22
+ };
23
+ "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
24
+ "--shimmer-direction": string;
25
+ };
26
+ "@media (prefers-reduced-motion: reduce)": {
27
+ animation: string;
28
+ "background-image": string;
29
+ "-webkit-text-fill-color": string;
30
+ };
31
+ };
32
+ ".sytech-shimmer-text-once": {
33
+ "--shimmer-iteration": string;
34
+ };
35
+ ".sytech-shimmer-text-disabled": {
36
+ animation: string;
37
+ "background-image": string;
38
+ "-webkit-text-fill-color": string;
39
+ };
40
+ };
41
+
42
+ export { _default as default };
@@ -0,0 +1,42 @@
1
+ declare const _default: {
2
+ ".sytech-shimmer-text": {
3
+ color: string;
4
+ "--shimmer-angle": string;
5
+ "--shimmer-spread": string;
6
+ "--shimmer-iteration": string;
7
+ "--shimmer-direction": string;
8
+ "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
9
+ "background-image": string;
10
+ "background-repeat": string;
11
+ "background-size": string;
12
+ "background-position": string;
13
+ "background-clip": string;
14
+ "-webkit-background-clip": string;
15
+ "-webkit-text-fill-color": string;
16
+ };
17
+ "&:where([dir='rtl'], [dir='rtl'] *)": {
18
+ "--shimmer-direction": string;
19
+ };
20
+ "&.sytech-shimmer-text-reverse": {
21
+ "--shimmer-direction": string;
22
+ };
23
+ "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
24
+ "--shimmer-direction": string;
25
+ };
26
+ "@media (prefers-reduced-motion: reduce)": {
27
+ animation: string;
28
+ "background-image": string;
29
+ "-webkit-text-fill-color": string;
30
+ };
31
+ };
32
+ ".sytech-shimmer-text-once": {
33
+ "--shimmer-iteration": string;
34
+ };
35
+ ".sytech-shimmer-text-disabled": {
36
+ animation: string;
37
+ "background-image": string;
38
+ "-webkit-text-fill-color": string;
39
+ };
40
+ };
41
+
42
+ export { _default as default };
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/utilities/shimmer-text.ts
21
+ var shimmer_text_exports = {};
22
+ __export(shimmer_text_exports, {
23
+ default: () => shimmer_text_default
24
+ });
25
+ module.exports = __toCommonJS(shimmer_text_exports);
26
+ var readableText = {
27
+ animation: "none !important",
28
+ "background-image": "none",
29
+ "-webkit-text-fill-color": "currentColor"
30
+ };
31
+ var shimmer_text_default = {
32
+ ".sytech-shimmer-text": {
33
+ color: "currentColor",
34
+ "--shimmer-angle": "20deg",
35
+ "--shimmer-spread": "calc(3ch + 40px)",
36
+ "--shimmer-iteration": "infinite",
37
+ "--shimmer-direction": "normal",
38
+ "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
39
+ "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)))",
40
+ "background-repeat": "no-repeat",
41
+ "background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
42
+ "background-position": "100% 0",
43
+ "background-clip": "text",
44
+ "-webkit-background-clip": "text",
45
+ "-webkit-text-fill-color": "transparent"
46
+ },
47
+ "&:where([dir='rtl'], [dir='rtl'] *)": {
48
+ "--shimmer-direction": "reverse"
49
+ },
50
+ "&.sytech-shimmer-text-reverse": {
51
+ "--shimmer-direction": "reverse"
52
+ },
53
+ "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
54
+ "--shimmer-direction": "normal"
55
+ },
56
+ "@media (prefers-reduced-motion: reduce)": readableText
57
+ },
58
+ ".sytech-shimmer-text-once": {
59
+ "--shimmer-iteration": "1"
60
+ },
61
+ ".sytech-shimmer-text-disabled": readableText
62
+ };
@@ -0,0 +1,6 @@
1
+ import {
2
+ shimmer_text_default
3
+ } from "../chunk-FJOYYPB2.mjs";
4
+ export {
5
+ shimmer_text_default as default
6
+ };
package/dist/utils/cn.js CHANGED
@@ -176,13 +176,53 @@ var animation_default = {
176
176
  }
177
177
  };
178
178
 
179
+ // src/utilities/shimmer-text.ts
180
+ var readableText = {
181
+ animation: "none !important",
182
+ "background-image": "none",
183
+ "-webkit-text-fill-color": "currentColor"
184
+ };
185
+ var shimmer_text_default = {
186
+ ".sytech-shimmer-text": {
187
+ color: "currentColor",
188
+ "--shimmer-angle": "20deg",
189
+ "--shimmer-spread": "calc(3ch + 40px)",
190
+ "--shimmer-iteration": "infinite",
191
+ "--shimmer-direction": "normal",
192
+ "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
193
+ "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)))",
194
+ "background-repeat": "no-repeat",
195
+ "background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
196
+ "background-position": "100% 0",
197
+ "background-clip": "text",
198
+ "-webkit-background-clip": "text",
199
+ "-webkit-text-fill-color": "transparent"
200
+ },
201
+ "&:where([dir='rtl'], [dir='rtl'] *)": {
202
+ "--shimmer-direction": "reverse"
203
+ },
204
+ "&.sytech-shimmer-text-reverse": {
205
+ "--shimmer-direction": "reverse"
206
+ },
207
+ "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
208
+ "--shimmer-direction": "normal"
209
+ },
210
+ "@media (prefers-reduced-motion: reduce)": readableText
211
+ },
212
+ ".sytech-shimmer-text-once": {
213
+ "--shimmer-iteration": "1"
214
+ },
215
+ ".sytech-shimmer-text-disabled": readableText
216
+ };
217
+
179
218
  // src/utilities/index.ts
180
219
  var utilities = {
181
220
  ...custom_default,
182
221
  ...transition_default,
183
222
  ...scrollbar_hide_default,
184
223
  ...text_default,
185
- ...animation_default
224
+ ...animation_default,
225
+ ...shimmer_text_default
186
226
  };
187
227
 
188
228
  // src/utils/tw-merge-config.ts
package/dist/utils/cn.mjs CHANGED
@@ -1,13 +1,14 @@
1
1
  import {
2
2
  cn
3
- } from "../chunk-YW4DIYUX.mjs";
4
- import "../chunk-3INHRVXM.mjs";
5
- import "../chunk-6US6AURX.mjs";
3
+ } from "../chunk-ZLTZIM6X.mjs";
4
+ import "../chunk-7QDYFNL6.mjs";
5
+ import "../chunk-2WQ76NXU.mjs";
6
+ import "../chunk-GSRZWDGA.mjs";
6
7
  import "../chunk-AWXUGVFR.mjs";
7
8
  import "../chunk-MPVWW3DX.mjs";
8
9
  import "../chunk-WH6SPIFG.mjs";
10
+ import "../chunk-FJOYYPB2.mjs";
9
11
  import "../chunk-RUIUXVZ4.mjs";
10
- import "../chunk-GSRZWDGA.mjs";
11
12
  export {
12
13
  cn
13
14
  };