@nextui-org/theme 2.1.17 → 2.2.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 (167) hide show
  1. package/README.md +1 -1
  2. package/dist/{chunk-XY766PDD.mjs → chunk-3FZU25GR.mjs} +2 -1
  3. package/dist/{chunk-CVU6I4IJ.mjs → chunk-4ZM6AI3H.mjs} +1 -1
  4. package/dist/{chunk-LQGOKGQV.mjs → chunk-524WVPFR.mjs} +1 -1
  5. package/dist/{chunk-RJKUWMDJ.mjs → chunk-6XJJCV76.mjs} +1 -1
  6. package/dist/{chunk-S7W5DQP2.mjs → chunk-726LN7M3.mjs} +1 -1
  7. package/dist/{chunk-PXVLYT7W.mjs → chunk-7ELFOVMX.mjs} +1 -1
  8. package/dist/{chunk-FXXH62BP.mjs → chunk-7ODIBITJ.mjs} +9 -9
  9. package/dist/chunk-7TJINK3S.mjs +390 -0
  10. package/dist/{chunk-G2RPAV6S.mjs → chunk-AC6F4DT6.mjs} +23 -4
  11. package/dist/{chunk-GNLIYZAQ.mjs → chunk-AGUZRGXC.mjs} +1 -1
  12. package/dist/{chunk-U4EMZ2CQ.mjs → chunk-AO2AAOEJ.mjs} +2 -2
  13. package/dist/{chunk-3BNHFA72.mjs → chunk-AT4OXKKK.mjs} +1 -1
  14. package/dist/chunk-BHDPFX6P.mjs +400 -0
  15. package/dist/chunk-BLAJANNW.mjs +43 -0
  16. package/dist/{chunk-5EJVI4V3.mjs → chunk-CTY7IP65.mjs} +29 -13
  17. package/dist/{chunk-DXTDUHS5.mjs → chunk-CUUGEIPA.mjs} +1 -1
  18. package/dist/chunk-D2XMP2NC.mjs +6 -0
  19. package/dist/{chunk-4JBYJQSP.mjs → chunk-ECP4S2VZ.mjs} +1 -1
  20. package/dist/{chunk-B55QBA5E.mjs → chunk-FRI2VDCA.mjs} +1 -1
  21. package/dist/{chunk-6AEINX52.mjs → chunk-GMMETTYU.mjs} +2 -16
  22. package/dist/{chunk-Y5VJSYKV.mjs → chunk-GMUSZ3YF.mjs} +1 -1
  23. package/dist/{chunk-FHNC7F3W.mjs → chunk-HGSHFC5N.mjs} +7 -1
  24. package/dist/{chunk-G3PB7L4N.mjs → chunk-HPFX3B3F.mjs} +1 -30
  25. package/dist/{chunk-VZI6SR6H.mjs → chunk-HUBDRSA4.mjs} +1 -2
  26. package/dist/{chunk-33DU6C7I.mjs → chunk-I6ESTKKY.mjs} +9 -9
  27. package/dist/{chunk-EGP3AT4R.mjs → chunk-IP3D7KVB.mjs} +3 -1
  28. package/dist/{chunk-Q3TEEYQJ.mjs → chunk-JQTFOIV7.mjs} +1 -1
  29. package/dist/{chunk-JBHEJMGV.mjs → chunk-KCOC3H6R.mjs} +1 -1
  30. package/dist/{chunk-ZWJMJMVY.mjs → chunk-KVPPQD2E.mjs} +27 -5
  31. package/dist/{chunk-WBNF66V7.mjs → chunk-LDBYFTHC.mjs} +1 -1
  32. package/dist/{chunk-GOHT67J3.mjs → chunk-MUWHEIW6.mjs} +13 -6
  33. package/dist/{chunk-2SNOAR5H.mjs → chunk-NAUU2OUH.mjs} +1 -1
  34. package/dist/{chunk-QYW2VWAB.mjs → chunk-NYSEAAK5.mjs} +4 -4
  35. package/dist/{chunk-LENRVMCD.mjs → chunk-OQIS4MXV.mjs} +1 -1
  36. package/dist/{chunk-NAY2XKLY.mjs → chunk-PSEUPXFL.mjs} +1 -1
  37. package/dist/{chunk-SPRRISBY.mjs → chunk-RNAP5C4C.mjs} +1 -1
  38. package/dist/{chunk-L37EV5TN.mjs → chunk-S573WUYY.mjs} +1 -1
  39. package/dist/{chunk-777XXWYS.mjs → chunk-SEKJ6A6T.mjs} +19 -2
  40. package/dist/{chunk-YSXRNNDV.mjs → chunk-UODOTC2G.mjs} +1 -1
  41. package/dist/{chunk-77O7KLUI.mjs → chunk-V5ZTBGGO.mjs} +1 -1
  42. package/dist/{chunk-MUPUMXL7.mjs → chunk-VDRJHB4F.mjs} +7 -4
  43. package/dist/{chunk-EC4F6RJF.mjs → chunk-W6DVXJB3.mjs} +1 -1
  44. package/dist/{chunk-XPLXQDB3.mjs → chunk-WAAJG22Y.mjs} +1 -1
  45. package/dist/chunk-WBQAMGXK.mjs +0 -0
  46. package/dist/{chunk-TDMF44G6.mjs → chunk-X7N3NQ6S.mjs} +1 -1
  47. package/dist/{chunk-5QVKTCUZ.mjs → chunk-YSA7EQBH.mjs} +12 -47
  48. package/dist/components/accordion.js +2 -67
  49. package/dist/components/accordion.mjs +2 -3
  50. package/dist/components/autocomplete.js +2 -67
  51. package/dist/components/autocomplete.mjs +2 -3
  52. package/dist/components/avatar.d.ts +14 -4
  53. package/dist/components/avatar.js +8 -70
  54. package/dist/components/avatar.mjs +2 -3
  55. package/dist/components/badge.js +2 -67
  56. package/dist/components/badge.mjs +2 -3
  57. package/dist/components/breadcrumbs.js +2 -67
  58. package/dist/components/breadcrumbs.mjs +2 -3
  59. package/dist/components/button.d.ts +35 -35
  60. package/dist/components/button.js +10 -75
  61. package/dist/components/button.mjs +2 -3
  62. package/dist/components/calendar.d.ts +495 -0
  63. package/dist/components/calendar.js +455 -0
  64. package/dist/components/calendar.mjs +11 -0
  65. package/dist/components/card.js +2 -67
  66. package/dist/components/card.mjs +2 -3
  67. package/dist/components/checkbox.js +5 -70
  68. package/dist/components/checkbox.mjs +2 -3
  69. package/dist/components/chip.js +24 -70
  70. package/dist/components/chip.mjs +2 -3
  71. package/dist/components/circular-progress.js +2 -67
  72. package/dist/components/circular-progress.mjs +2 -3
  73. package/dist/components/code.js +2 -67
  74. package/dist/components/code.mjs +2 -3
  75. package/dist/components/date-input.d.ts +815 -0
  76. package/dist/components/date-input.js +439 -0
  77. package/dist/components/date-input.mjs +7 -0
  78. package/dist/components/date-picker.d.ts +265 -0
  79. package/dist/components/date-picker.js +93 -0
  80. package/dist/components/date-picker.mjs +9 -0
  81. package/dist/components/divider.js +2 -67
  82. package/dist/components/divider.mjs +2 -3
  83. package/dist/components/drip.d.ts +2 -32
  84. package/dist/components/drip.js +2 -67
  85. package/dist/components/drip.mjs +2 -3
  86. package/dist/components/dropdown.d.ts +4 -64
  87. package/dist/components/dropdown.js +2 -67
  88. package/dist/components/dropdown.mjs +2 -3
  89. package/dist/components/image.js +2 -67
  90. package/dist/components/image.mjs +2 -3
  91. package/dist/components/index.d.ts +4 -1
  92. package/dist/components/index.js +959 -115
  93. package/dist/components/index.mjs +72 -59
  94. package/dist/components/input.js +14 -72
  95. package/dist/components/input.mjs +2 -3
  96. package/dist/components/kbd.js +3 -67
  97. package/dist/components/kbd.mjs +2 -3
  98. package/dist/components/link.js +2 -67
  99. package/dist/components/link.mjs +2 -3
  100. package/dist/components/listbox.js +2 -67
  101. package/dist/components/listbox.mjs +2 -3
  102. package/dist/components/menu.d.ts +2 -2
  103. package/dist/components/menu.js +2 -67
  104. package/dist/components/menu.mjs +2 -3
  105. package/dist/components/modal.js +4 -67
  106. package/dist/components/modal.mjs +2 -3
  107. package/dist/components/navbar.js +2 -67
  108. package/dist/components/navbar.mjs +2 -3
  109. package/dist/components/pagination.js +2 -67
  110. package/dist/components/pagination.mjs +2 -3
  111. package/dist/components/popover.d.ts +42 -0
  112. package/dist/components/popover.js +8 -67
  113. package/dist/components/popover.mjs +2 -3
  114. package/dist/components/progress.js +2 -67
  115. package/dist/components/progress.mjs +2 -3
  116. package/dist/components/radio.js +2 -67
  117. package/dist/components/radio.mjs +2 -3
  118. package/dist/components/scroll-shadow.js +2 -67
  119. package/dist/components/scroll-shadow.mjs +2 -3
  120. package/dist/components/select.js +30 -79
  121. package/dist/components/select.mjs +2 -3
  122. package/dist/components/skeleton.js +3 -68
  123. package/dist/components/skeleton.mjs +2 -3
  124. package/dist/components/slider.js +2 -67
  125. package/dist/components/slider.mjs +2 -3
  126. package/dist/components/snippet.js +2 -67
  127. package/dist/components/snippet.mjs +2 -3
  128. package/dist/components/spacer.js +2 -67
  129. package/dist/components/spacer.mjs +2 -3
  130. package/dist/components/spinner.d.ts +1 -1
  131. package/dist/components/spinner.js +2 -67
  132. package/dist/components/spinner.mjs +2 -3
  133. package/dist/components/table.js +28 -71
  134. package/dist/components/table.mjs +2 -3
  135. package/dist/components/tabs.d.ts +115 -0
  136. package/dist/components/tabs.js +20 -68
  137. package/dist/components/tabs.mjs +2 -3
  138. package/dist/components/toggle.js +10 -75
  139. package/dist/components/toggle.mjs +2 -3
  140. package/dist/components/user.d.ts +1 -1
  141. package/dist/components/user.js +2 -67
  142. package/dist/components/user.mjs +2 -3
  143. package/dist/default-layout.js +1 -2
  144. package/dist/default-layout.mjs +1 -1
  145. package/dist/index.d.ts +5 -2
  146. package/dist/index.js +1150 -428
  147. package/dist/index.mjs +78 -69
  148. package/dist/plugin.js +6 -177
  149. package/dist/plugin.mjs +5 -6
  150. package/dist/types.d.ts +1 -11
  151. package/dist/types.js +0 -64
  152. package/dist/types.mjs +1 -8
  153. package/dist/utilities/index.d.ts +0 -30
  154. package/dist/utilities/index.js +0 -30
  155. package/dist/utilities/index.mjs +2 -2
  156. package/dist/utilities/transition.d.ts +2 -31
  157. package/dist/utilities/transition.js +4 -31
  158. package/dist/utilities/transition.mjs +3 -1
  159. package/dist/utils/theme.d.ts +1 -3
  160. package/dist/utils/theme.js +0 -110
  161. package/dist/utils/theme.mjs +1 -6
  162. package/dist/utils/tv.js +2 -67
  163. package/dist/utils/tv.mjs +1 -2
  164. package/package.json +5 -5
  165. package/dist/chunk-DGMET46Q.mjs +0 -63
  166. package/dist/chunk-WA5F6AED.mjs +0 -57
  167. /package/dist/{chunk-T6HAGWX5.mjs → chunk-UVXYPGDZ.mjs} +0 -0
@@ -0,0 +1,400 @@
1
+ import {
2
+ tv
3
+ } from "./chunk-GMMETTYU.mjs";
4
+ import {
5
+ dataFocusVisibleClasses
6
+ } from "./chunk-XHQUSKIE.mjs";
7
+
8
+ // src/components/calendar.ts
9
+ var calendar = tv({
10
+ slots: {
11
+ base: [
12
+ "relative w-fit max-w-full shadow-small inline-block overflow-y-hidden",
13
+ "rounded-large overflow-x-auto bg-default-50 dark:bg-background"
14
+ ],
15
+ prevButton: [],
16
+ nextButton: [],
17
+ headerWrapper: [
18
+ "px-4 py-2 flex items-center justify-between gap-2 bg-content1",
19
+ "[&_.chevron-icon]:flex-none",
20
+ "after:content-['']",
21
+ "after:bg-content1 origin-top",
22
+ "after:w-full after:h-0",
23
+ "after:absolute after:top-0 after:left-0"
24
+ ],
25
+ header: "flex w-full items-center justify-center gap-2 z-10",
26
+ title: "text-default-500 text-small font-medium",
27
+ content: "w-fit",
28
+ gridWrapper: "flex max-w-full overflow-hidden pb-2 h-auto relative",
29
+ grid: "w-full border-collapse z-0",
30
+ gridHeader: "bg-content1 shadow-[0px_20px_20px_0px_rgb(0_0_0/0.05)]",
31
+ gridHeaderRow: "px-4 pb-2 flex justify-center text-default-400",
32
+ gridHeaderCell: "flex w-8 justify-center items-center font-medium text-small",
33
+ gridBody: "",
34
+ gridBodyRow: "flex justify-center items-center first:mt-2",
35
+ cell: "py-0.5 px-0",
36
+ cellButton: [
37
+ "w-8 h-8 flex items-center text-foreground justify-center rounded-full",
38
+ "box-border appearance-none select-none whitespace-nowrap font-normal",
39
+ "subpixel-antialiased overflow-hidden tap-highlight-transparent",
40
+ "data-[disabled=true]:text-default-300",
41
+ "data-[disabled=true]:cursor-default",
42
+ "data-[readonly=true]:cursor-default",
43
+ "data-[disabled=true]:transition-none",
44
+ "data-[unavailable=true]:text-default-300",
45
+ "data-[unavailable=true]:cursor-default",
46
+ "data-[unavailable=true]:line-through",
47
+ ...dataFocusVisibleClasses
48
+ ],
49
+ pickerWrapper: "absolute inset-x-0 top-0 flex w-full h-[var(--picker-height)] justify-center opacity-0 pointer-events-none",
50
+ pickerMonthList: "items-start",
51
+ pickerYearList: "items-center",
52
+ pickerHighlight: "h-8 bg-default-200 absolute w-[calc(100%_-_16px)] rounded-medium z-0 top-1/2 -translate-y-1/2 pointer-events-none",
53
+ pickerItem: [
54
+ "w-full flex text-foreground items-center h-8 leading-[32px] min-h-[32px] snap-center text-large z-20",
55
+ "data-[pressed=true]:opacity-50",
56
+ ...dataFocusVisibleClasses
57
+ ],
58
+ helperWrapper: "px-4 pb-2 max-w-[270px] flex justify-start flex-wrap items-center",
59
+ errorMessage: "text-small text-danger break-words max-w-full"
60
+ },
61
+ variants: {
62
+ color: {
63
+ foreground: {},
64
+ primary: {},
65
+ secondary: {},
66
+ success: {},
67
+ warning: {},
68
+ danger: {}
69
+ },
70
+ isRange: {
71
+ true: {
72
+ cellButton: [
73
+ "relative",
74
+ "overflow-visible",
75
+ "before:content-[''] before:absolute before:inset-0 before:z-[-1] before:rounded-none",
76
+ "data-[outside-month=true]:before:hidden",
77
+ "data-[selected=true]:data-[range-selection=true]:data-[outside-month=true]:bg-transparent",
78
+ "data-[selected=true]:data-[range-selection=true]:data-[outside-month=true]:text-default-300",
79
+ "data-[range-start=true]:before:rounded-l-full",
80
+ "data-[selection-start=true]:before:rounded-l-full",
81
+ "data-[range-end=true]:before:rounded-r-full",
82
+ "data-[selection-end=true]:before:rounded-r-full",
83
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:rounded-full",
84
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:rounded-full"
85
+ ]
86
+ },
87
+ false: {}
88
+ },
89
+ hideDisabledDates: {
90
+ true: {
91
+ cellButton: "data-[disabled=true]:opacity-0"
92
+ },
93
+ false: {}
94
+ },
95
+ isHeaderWrapperExpanded: {
96
+ true: {
97
+ headerWrapper: ["[&_.chevron-icon]:rotate-180", "after:h-full", "after:z-0"],
98
+ pickerWrapper: "opacity-100 pointer-events-auto z-10",
99
+ gridWrapper: "h-[var(--picker-height)] overflow-y-hidden",
100
+ grid: "opacity-0 pointer-events-none",
101
+ nextButton: "opacity-0 pointer-events-none",
102
+ prevButton: "opacity-0 pointer-events-none"
103
+ },
104
+ false: {}
105
+ },
106
+ showMonthAndYearPickers: {
107
+ true: {
108
+ base: "[--picker-height:224px]",
109
+ header: "h-8 bg-default-100 rounded-full"
110
+ },
111
+ false: {}
112
+ },
113
+ showShadow: {
114
+ true: {
115
+ cellButton: "data-[selected=true]:shadow-md"
116
+ },
117
+ false: {
118
+ cellButton: "shadow-none data-[selected=true]:shadow-none"
119
+ }
120
+ },
121
+ disableAnimation: {
122
+ true: {
123
+ cellButton: "transition-none"
124
+ },
125
+ false: {
126
+ headerWrapper: ["[&_.chevron-icon]:transition-transform", "after:transition-height"],
127
+ grid: "transition-opacity",
128
+ cellButton: ["origin-center transition-[transform,background-color,color] !duration-150"],
129
+ pickerWrapper: "transition-opacity !duration-250",
130
+ pickerItem: "transition-opacity"
131
+ }
132
+ }
133
+ },
134
+ defaultVariants: {
135
+ color: "primary",
136
+ showShadow: false,
137
+ hideDisabledDates: false,
138
+ showMonthAndYearPickers: false,
139
+ disableAnimation: false
140
+ },
141
+ compoundVariants: [
142
+ {
143
+ isRange: false,
144
+ color: "foreground",
145
+ class: {
146
+ cellButton: [
147
+ "data-[hover=true]:bg-default-200",
148
+ "data-[selected=true]:bg-foreground",
149
+ "data-[selected=true]:text-background",
150
+ "data-[hover=true]:bg-foreground-200",
151
+ "data-[hover=true]:text-foreground-600",
152
+ "data-[selected=true]:data-[hover=true]:bg-foreground",
153
+ "data-[selected=true]:data-[hover=true]:text-background"
154
+ ]
155
+ }
156
+ },
157
+ {
158
+ isRange: false,
159
+ color: "primary",
160
+ class: {
161
+ cellButton: [
162
+ "data-[selected=true]:bg-primary",
163
+ "data-[selected=true]:text-primary-foreground",
164
+ "data-[hover=true]:bg-primary-50",
165
+ "data-[hover=true]:text-primary-400",
166
+ "data-[selected=true]:data-[hover=true]:bg-primary",
167
+ "data-[selected=true]:data-[hover=true]:text-primary-foreground"
168
+ ]
169
+ }
170
+ },
171
+ {
172
+ isRange: false,
173
+ color: "secondary",
174
+ class: {
175
+ cellButton: [
176
+ "data-[selected=true]:bg-secondary",
177
+ "data-[selected=true]:text-secondary-foreground",
178
+ "data-[hover=true]:bg-secondary-50",
179
+ "data-[hover=true]:text-secondary-400",
180
+ "data-[selected=true]:data-[hover=true]:bg-secondary",
181
+ "data-[selected=true]:data-[hover=true]:text-secondary-foreground"
182
+ ]
183
+ }
184
+ },
185
+ {
186
+ isRange: false,
187
+ color: "success",
188
+ class: {
189
+ cellButton: [
190
+ "data-[selected=true]:bg-success",
191
+ "data-[selected=true]:text-success-foreground",
192
+ "data-[hover=true]:bg-success-100",
193
+ "data-[hover=true]:text-success-600",
194
+ "dark:data-[hover=true]:bg-success-50",
195
+ "dark:data-[hover=true]:text-success-500",
196
+ "data-[selected=true]:data-[hover=true]:bg-success",
197
+ "dark:data-[selected=true]:data-[hover=true]:bg-success",
198
+ "dark:data-[selected=true]:data-[hover=true]:text-success-foreground",
199
+ "data-[selected=true]:data-[hover=true]:text-success-foreground"
200
+ ]
201
+ }
202
+ },
203
+ {
204
+ isRange: false,
205
+ color: "warning",
206
+ class: {
207
+ cellButton: [
208
+ "data-[selected=true]:bg-warning",
209
+ "data-[selected=true]:text-warning-foreground",
210
+ "data-[hover=true]:bg-warning-100",
211
+ "data-[hover=true]:text-warning-600",
212
+ "dark:data-[hover=true]:bg-warning-50",
213
+ "dark:data-[hover=true]:text-warning-500",
214
+ "data-[selected=true]:data-[hover=true]:bg-warning",
215
+ "dark:data-[selected=true]:data-[hover=true]:bg-warning",
216
+ "dark:data-[selected=true]:data-[hover=true]:text-warning-foreground",
217
+ "data-[selected=true]:data-[hover=true]:text-warning-foreground"
218
+ ]
219
+ }
220
+ },
221
+ {
222
+ isRange: false,
223
+ color: "danger",
224
+ class: {
225
+ cellButton: [
226
+ "data-[selected=true]:bg-danger",
227
+ "data-[selected=true]:text-danger-foreground",
228
+ "data-[hover=true]:bg-danger-100",
229
+ "data-[hover=true]:text-danger-500",
230
+ "dark:data-[hover=true]:bg-danger-50",
231
+ "dark:data-[hover=true]:text-danger-500",
232
+ "data-[selected=true]:data-[hover=true]:bg-danger",
233
+ "dark:data-[selected=true]:data-[hover=true]:bg-danger",
234
+ "dark:data-[selected=true]:data-[hover=true]:text-danger-foreground",
235
+ "data-[selected=true]:data-[hover=true]:text-danger-foreground"
236
+ ]
237
+ }
238
+ },
239
+ {
240
+ isRange: true,
241
+ color: "foreground",
242
+ class: {
243
+ cellButton: [
244
+ "data-[selected=true]:data-[range-selection=true]:before:bg-foreground/10",
245
+ "data-[selected=true]:data-[range-selection=true]:text-foreground",
246
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:bg-foreground",
247
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:text-background",
248
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:bg-foreground",
249
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:text-background"
250
+ ]
251
+ }
252
+ },
253
+ {
254
+ isRange: true,
255
+ color: "primary",
256
+ class: {
257
+ cellButton: [
258
+ "data-[selected=true]:data-[range-selection=true]:before:bg-primary-50",
259
+ "data-[selected=true]:data-[range-selection=true]:text-primary",
260
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:bg-primary",
261
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:text-primary-foreground",
262
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:bg-primary",
263
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:text-primary-foreground"
264
+ ]
265
+ }
266
+ },
267
+ {
268
+ isRange: true,
269
+ color: "secondary",
270
+ class: {
271
+ cellButton: [
272
+ "data-[selected=true]:data-[range-selection=true]:before:bg-secondary-50",
273
+ "data-[selected=true]:data-[range-selection=true]:text-secondary",
274
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:bg-secondary",
275
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:text-secondary-foreground",
276
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:bg-secondary",
277
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:text-secondary-foreground"
278
+ ]
279
+ }
280
+ },
281
+ {
282
+ isRange: true,
283
+ color: "success",
284
+ class: {
285
+ cellButton: [
286
+ "data-[selected=true]:data-[range-selection=true]:before:bg-success-100",
287
+ "data-[selected=true]:data-[range-selection=true]:text-success-600",
288
+ "dark:data-[selected=true]:data-[range-selection=true]:before:bg-success-50",
289
+ "dark:data-[selected=true]:data-[range-selection=true]:text-success-500",
290
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:bg-success",
291
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:text-success-foreground",
292
+ "dark:data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:text-success-foreground",
293
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:bg-success",
294
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:text-success-foreground",
295
+ "dark:data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:text-success-foreground"
296
+ ]
297
+ }
298
+ },
299
+ {
300
+ isRange: true,
301
+ color: "warning",
302
+ class: {
303
+ cellButton: [
304
+ "data-[selected=true]:data-[range-selection=true]:before:bg-warning-100",
305
+ "dark:data-[selected=true]:data-[range-selection=true]:before:bg-warning-50",
306
+ "data-[selected=true]:data-[range-selection=true]:text-warning-500",
307
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:bg-warning",
308
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:text-warning-foreground",
309
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:bg-warning",
310
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:text-warning-foreground"
311
+ ]
312
+ }
313
+ },
314
+ {
315
+ isRange: true,
316
+ color: "danger",
317
+ class: {
318
+ cellButton: [
319
+ "data-[selected=true]:data-[range-selection=true]:before:bg-danger-50",
320
+ "data-[selected=true]:data-[range-selection=true]:text-danger-500",
321
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:bg-danger",
322
+ "data-[selected=true]:data-[selection-start=true]:data-[range-selection=true]:text-danger-foreground",
323
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:bg-danger",
324
+ "data-[selected=true]:data-[selection-end=true]:data-[range-selection=true]:text-danger-foreground"
325
+ ]
326
+ }
327
+ },
328
+ {
329
+ showShadow: true,
330
+ color: "foreground",
331
+ class: {
332
+ cellButton: "data-[selected=true]:shadow-foreground/40"
333
+ }
334
+ },
335
+ {
336
+ showShadow: true,
337
+ color: "primary",
338
+ class: {
339
+ cellButton: "data-[selected=true]:shadow-primary/40"
340
+ }
341
+ },
342
+ {
343
+ showShadow: true,
344
+ color: "secondary",
345
+ class: {
346
+ cellButton: "data-[selected=true]:shadow-secondary/40"
347
+ }
348
+ },
349
+ {
350
+ showShadow: true,
351
+ color: "success",
352
+ class: {
353
+ cellButton: "data-[selected=true]:shadow-success/40"
354
+ }
355
+ },
356
+ {
357
+ showShadow: true,
358
+ color: "warning",
359
+ class: {
360
+ cellButton: "data-[selected=true]:shadow-warning/40"
361
+ }
362
+ },
363
+ {
364
+ showShadow: true,
365
+ color: "danger",
366
+ class: {
367
+ cellButton: "data-[selected=true]:shadow-danger/40"
368
+ }
369
+ },
370
+ {
371
+ showShadow: true,
372
+ isRange: true,
373
+ class: {
374
+ cellButton: [
375
+ "data-[selected=true]:shadow-none",
376
+ "data-[selected=true]:data-[selection-start=true]:shadow-md",
377
+ "data-[selected=true]:data-[selection-end=true]:shadow-md"
378
+ ]
379
+ }
380
+ }
381
+ ],
382
+ compoundSlots: [
383
+ {
384
+ slots: ["prevButton", "nextButton"],
385
+ class: ["text-medium", "text-default-400"]
386
+ },
387
+ {
388
+ slots: ["pickerMonthList", "pickerYearList"],
389
+ class: [
390
+ "flex flex-col px-4 overflow-y-scroll scrollbar-hide snap-y snap-mandatory",
391
+ "[--scroll-shadow-size:100px]",
392
+ "[mask-image:linear-gradient(#000,#000,transparent_0,#000_var(--scroll-shadow-size),#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]"
393
+ ]
394
+ }
395
+ ]
396
+ });
397
+
398
+ export {
399
+ calendar
400
+ };
@@ -0,0 +1,43 @@
1
+ import {
2
+ tv
3
+ } from "./chunk-GMMETTYU.mjs";
4
+
5
+ // src/components/date-picker.ts
6
+ var datePicker = tv({
7
+ slots: {
8
+ base: "group w-full",
9
+ selectorButton: "-mr-2 text-inherit",
10
+ selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
11
+ popoverContent: "p-0 w-full",
12
+ calendar: "w-[var(--calendar-width)] shadow-none",
13
+ calendarContent: "w-[var(--calendar-width)]",
14
+ timeInputLabel: "font-medium",
15
+ timeInput: "px-5 pb-4 flex-wrap gap-x-6"
16
+ },
17
+ variants: {
18
+ hasMultipleMonths: {
19
+ true: {
20
+ calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
21
+ calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
22
+ },
23
+ false: {}
24
+ }
25
+ },
26
+ defaultVariants: {
27
+ hasMultipleMonths: false
28
+ }
29
+ });
30
+ var dateRangePicker = tv({
31
+ extend: datePicker,
32
+ slots: {
33
+ calendar: "group",
34
+ bottomContent: "flex flex-col gap-y-2",
35
+ timeInputWrapper: "flex flex-col group-data-[has-multiple-months=true]:flex-row",
36
+ separator: "-mx-1 text-inherit"
37
+ }
38
+ });
39
+
40
+ export {
41
+ datePicker,
42
+ dateRangePicker
43
+ };
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tv
3
- } from "./chunk-6AEINX52.mjs";
3
+ } from "./chunk-GMMETTYU.mjs";
4
4
  import {
5
5
  dataFocusVisibleClasses
6
6
  } from "./chunk-XHQUSKIE.mjs";
@@ -14,6 +14,7 @@ var select = tv({
14
14
  "absolute",
15
15
  "z-10",
16
16
  "origin-top-left",
17
+ "rtl:origin-top-right",
17
18
  "subpixel-antialiased",
18
19
  "text-small",
19
20
  "text-foreground-500",
@@ -21,10 +22,10 @@ var select = tv({
21
22
  ],
22
23
  mainWrapper: "w-full flex flex-col",
23
24
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
24
- innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
25
- selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
26
- spinner: "absolute right-3",
27
- value: ["text-foreground-500", "font-normal", "w-full", "text-left"],
25
+ innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.6))] min-h-4 items-center gap-1.5 box-border",
26
+ selectorIcon: "absolute right-3 rtl:left-3 rtl:right-[unset] w-4 h-4",
27
+ spinner: "absolute right-3 rtl:left-3 rtl:right-[unset]",
28
+ value: ["text-foreground-500", "font-normal", "w-full", "text-left", "rtl:text-right"],
28
29
  listboxWrapper: "scroll-py-6 max-h-64 w-full",
29
30
  listbox: "",
30
31
  popoverContent: "w-full p-1 overflow-hidden",
@@ -98,15 +99,15 @@ var select = tv({
98
99
  size: {
99
100
  sm: {
100
101
  label: "text-tiny",
101
- trigger: "h-unit-8 min-h-unit-8 px-2 rounded-small",
102
+ trigger: "h-8 min-h-8 px-2 rounded-small",
102
103
  value: "text-small"
103
104
  },
104
105
  md: {
105
- trigger: "h-unit-10 min-h-unit-10 rounded-medium",
106
+ trigger: "h-10 min-h-10 rounded-medium",
106
107
  value: "text-small"
107
108
  },
108
109
  lg: {
109
- trigger: "h-unit-12 min-h-unit-12 rounded-large",
110
+ trigger: "h-12 min-h-12 rounded-large",
110
111
  value: "text-medium"
111
112
  }
112
113
  },
@@ -133,7 +134,7 @@ var select = tv({
133
134
  },
134
135
  "outside-left": {
135
136
  base: "flex-row items-center flex-nowrap items-start",
136
- label: "relative pr-2 text-foreground"
137
+ label: "relative pr-2 rtl:pl-2 rtl:pr-[unset] text-foreground"
137
138
  },
138
139
  inside: {
139
140
  label: "text-tiny cursor-pointer",
@@ -184,6 +185,7 @@ var select = tv({
184
185
  label: [
185
186
  "will-change-auto",
186
187
  "origin-top-left",
188
+ "rtl:origin-top-right",
187
189
  "!duration-200",
188
190
  "!ease-out",
189
191
  "transition-[transform,color,left,opacity]",
@@ -504,14 +506,14 @@ var select = tv({
504
506
  labelPlacement: "inside",
505
507
  size: "sm",
506
508
  class: {
507
- trigger: "h-12 min-h-unit-12 py-1.5 px-3"
509
+ trigger: "h-12 min-h-12 py-1.5 px-3"
508
510
  }
509
511
  },
510
512
  {
511
513
  labelPlacement: "inside",
512
514
  size: "md",
513
515
  class: {
514
- trigger: "h-14 min-h-unit-14 py-2"
516
+ trigger: "h-14 min-h-14 py-2"
515
517
  }
516
518
  },
517
519
  {
@@ -519,7 +521,7 @@ var select = tv({
519
521
  size: "lg",
520
522
  class: {
521
523
  label: "text-small",
522
- trigger: "h-16 min-h-unit-16 py-2.5 gap-0"
524
+ trigger: "h-16 min-h-16 py-2.5 gap-0"
523
525
  }
524
526
  },
525
527
  {
@@ -533,7 +535,15 @@ var select = tv({
533
535
  isMultiline: false,
534
536
  class: {
535
537
  base: "group relative justify-end",
536
- label: ["pb-0", "z-20", "top-1/2", "-translate-y-1/2", "group-data-[filled=true]:left-0"]
538
+ label: [
539
+ "pb-0",
540
+ "z-20",
541
+ "top-1/2",
542
+ "-translate-y-1/2",
543
+ "group-data-[filled=true]:left-0",
544
+ "rtl:group-data-[filled=true]:right-0",
545
+ "rtl:group-data-[filled=true]:left-[unset]"
546
+ ]
537
547
  }
538
548
  },
539
549
  {
@@ -654,6 +664,8 @@ var select = tv({
654
664
  class: {
655
665
  label: [
656
666
  "left-2",
667
+ "rtl:right-2",
668
+ "rtl:left-[unset]",
657
669
  "text-tiny",
658
670
  "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
659
671
  ],
@@ -667,6 +679,8 @@ var select = tv({
667
679
  class: {
668
680
  label: [
669
681
  "left-3",
682
+ "rtl:right-3",
683
+ "rtl:left-[unset]",
670
684
  "text-small",
671
685
  "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
672
686
  ],
@@ -680,6 +694,8 @@ var select = tv({
680
694
  class: {
681
695
  label: [
682
696
  "left-3",
697
+ "rtl:right-3",
698
+ "rtl:left-[unset]",
683
699
  "text-medium",
684
700
  "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
685
701
  ],
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tv
3
- } from "./chunk-6AEINX52.mjs";
3
+ } from "./chunk-GMMETTYU.mjs";
4
4
  import {
5
5
  dataFocusVisibleClasses
6
6
  } from "./chunk-XHQUSKIE.mjs";
@@ -0,0 +1,6 @@
1
+ // src/utils/theme.ts
2
+ var isBaseTheme = (theme) => theme === "light" || theme === "dark";
3
+
4
+ export {
5
+ isBaseTheme
6
+ };
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tv
3
- } from "./chunk-6AEINX52.mjs";
3
+ } from "./chunk-GMMETTYU.mjs";
4
4
 
5
5
  // src/components/scroll-shadow.ts
6
6
  var verticalShadow = [
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-2PIR7DFM.mjs";
4
4
  import {
5
5
  tv
6
- } from "./chunk-6AEINX52.mjs";
6
+ } from "./chunk-GMMETTYU.mjs";
7
7
 
8
8
  // src/components/snippet.ts
9
9
  var snippet = tv({
@@ -1,7 +1,3 @@
1
- import {
2
- mappedSpacingScaleKeys
3
- } from "./chunk-WA5F6AED.mjs";
4
-
5
1
  // src/utils/tv.ts
6
2
  import { tv as tvBase } from "tailwind-variants";
7
3
  var COMMON_UNITS = ["small", "medium", "large"];
@@ -15,7 +11,7 @@ var tv = (options, config) => {
15
11
  theme: {
16
12
  ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
17
13
  opacity: ["disabled"],
18
- spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
14
+ spacing: ["divider"],
19
15
  borderWidth: COMMON_UNITS,
20
16
  borderRadius: COMMON_UNITS
21
17
  },
@@ -23,17 +19,7 @@ var tv = (options, config) => {
23
19
  ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
24
20
  shadow: [{ shadow: COMMON_UNITS }],
25
21
  "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
26
- "bg-image": ["bg-stripe-gradient"],
27
- "min-w": [
28
- {
29
- "min-w": ["unit", ...mappedSpacingScaleKeys]
30
- }
31
- ],
32
- "min-h": [
33
- {
34
- "min-h": ["unit", ...mappedSpacingScaleKeys]
35
- }
36
- ]
22
+ "bg-image": ["bg-stripe-gradient"]
37
23
  }
38
24
  }
39
25
  });
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tv
3
- } from "./chunk-6AEINX52.mjs";
3
+ } from "./chunk-GMMETTYU.mjs";
4
4
  import {
5
5
  dataFocusVisibleClasses
6
6
  } from "./chunk-XHQUSKIE.mjs";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-2PIR7DFM.mjs";
4
4
  import {
5
5
  tv
6
- } from "./chunk-6AEINX52.mjs";
6
+ } from "./chunk-GMMETTYU.mjs";
7
7
  import {
8
8
  dataFocusVisibleClasses
9
9
  } from "./chunk-XHQUSKIE.mjs";
@@ -145,6 +145,12 @@ var popover = tv({
145
145
  true: {
146
146
  base: "animate-none"
147
147
  }
148
+ },
149
+ isDropdownDisabled: {
150
+ true: {
151
+ trigger: "opacity-disabled pointer-events-none"
152
+ },
153
+ false: {}
148
154
  }
149
155
  },
150
156
  defaultVariants: {