@nextui-org/theme 2.2.0 → 2.2.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 (12) hide show
  1. package/dist/{chunk-BHDPFX6P.mjs → chunk-NPDZ7OMC.mjs} +3 -2
  2. package/dist/{chunk-BLAJANNW.mjs → chunk-VJTX4YUQ.mjs} +0 -12
  3. package/dist/components/calendar.js +3 -2
  4. package/dist/components/calendar.mjs +1 -1
  5. package/dist/components/date-picker.d.ts +183 -123
  6. package/dist/components/date-picker.js +0 -12
  7. package/dist/components/date-picker.mjs +1 -1
  8. package/dist/components/index.js +3 -14
  9. package/dist/components/index.mjs +2 -2
  10. package/dist/index.js +3 -14
  11. package/dist/index.mjs +2 -2
  12. package/package.json +1 -1
package/dist/{chunk-BHDPFX6P.mjs → chunk-NPDZ7OMC.mjs} RENAMED
@@ -10,7 +10,8 @@ var calendar = tv({
10
10
  slots: {
11
11
  base: [
12
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"
13
+ "rounded-large overflow-x-auto bg-default-50 dark:bg-background",
14
+ "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
14
15
  ],
15
16
  prevButton: [],
16
17
  nextButton: [],
@@ -24,7 +25,7 @@ var calendar = tv({
24
25
  ],
25
26
  header: "flex w-full items-center justify-center gap-2 z-10",
26
27
  title: "text-default-500 text-small font-medium",
27
- content: "w-fit",
28
+ content: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
28
29
  gridWrapper: "flex max-w-full overflow-hidden pb-2 h-auto relative",
29
30
  grid: "w-full border-collapse z-0",
30
31
  gridHeader: "bg-content1 shadow-[0px_20px_20px_0px_rgb(0_0_0/0.05)]",
package/dist/{chunk-BLAJANNW.mjs → chunk-VJTX4YUQ.mjs} RENAMED
@@ -13,18 +13,6 @@ var datePicker = tv({
13
13
  calendarContent: "w-[var(--calendar-width)]",
14
14
  timeInputLabel: "font-medium",
15
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
16
  }
29
17
  });
30
18
  var dateRangePicker = tv({
package/dist/components/calendar.js CHANGED
@@ -65,7 +65,8 @@ var calendar = tv({
65
65
  slots: {
66
66
  base: [
67
67
  "relative w-fit max-w-full shadow-small inline-block overflow-y-hidden",
68
- "rounded-large overflow-x-auto bg-default-50 dark:bg-background"
68
+ "rounded-large overflow-x-auto bg-default-50 dark:bg-background",
69
+ "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
69
70
  ],
70
71
  prevButton: [],
71
72
  nextButton: [],
@@ -79,7 +80,7 @@ var calendar = tv({
79
80
  ],
80
81
  header: "flex w-full items-center justify-center gap-2 z-10",
81
82
  title: "text-default-500 text-small font-medium",
82
- content: "w-fit",
83
+ content: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
83
84
  gridWrapper: "flex max-w-full overflow-hidden pb-2 h-auto relative",
84
85
  grid: "w-full border-collapse z-0",
85
86
  gridHeader: "bg-content1 shadow-[0px_20px_20px_0px_rgb(0_0_0/0.05)]",
package/dist/components/calendar.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  calendar
3
- } from "../chunk-BHDPFX6P.mjs";
3
+ } from "../chunk-NPDZ7OMC.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
package/dist/components/date-picker.d.ts CHANGED
@@ -1,6 +1,6 @@
1
+ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
1
2
  import * as tailwind_variants from 'tailwind-variants';
2
3
  import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
4
4
 
5
5
  /**
6
6
  * DatePicker wrapper **Tailwind Variants** component
@@ -8,14 +8,32 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
8
8
  * @example
9
9
  */
10
10
  declare const datePicker: tailwind_variants.TVReturnType<{
11
- hasMultipleMonths: {
12
- true: {
13
- calendar: string;
14
- calendarContent: string;
11
+ [key: string]: {
12
+ [key: string]: tailwind_variants.ClassValue | {
13
+ base?: tailwind_variants.ClassValue;
14
+ selectorIcon?: tailwind_variants.ClassValue;
15
+ popoverContent?: tailwind_variants.ClassValue;
16
+ selectorButton?: tailwind_variants.ClassValue;
17
+ calendar?: tailwind_variants.ClassValue;
18
+ calendarContent?: tailwind_variants.ClassValue;
19
+ timeInputLabel?: tailwind_variants.ClassValue;
20
+ timeInput?: tailwind_variants.ClassValue;
21
+ };
22
+ };
23
+ } | {
24
+ [x: string]: {
25
+ [x: string]: tailwind_variants.ClassValue | {
26
+ base?: tailwind_variants.ClassValue;
27
+ selectorIcon?: tailwind_variants.ClassValue;
28
+ popoverContent?: tailwind_variants.ClassValue;
29
+ selectorButton?: tailwind_variants.ClassValue;
30
+ calendar?: tailwind_variants.ClassValue;
31
+ calendarContent?: tailwind_variants.ClassValue;
32
+ timeInputLabel?: tailwind_variants.ClassValue;
33
+ timeInput?: tailwind_variants.ClassValue;
15
34
  };
16
- false: {};
17
35
  };
18
- }, {
36
+ } | {}, {
19
37
  base: string;
20
38
  selectorButton: string;
21
39
  selectorIcon: string;
@@ -24,31 +42,33 @@ declare const datePicker: tailwind_variants.TVReturnType<{
24
42
  calendarContent: string;
25
43
  timeInputLabel: string;
26
44
  timeInput: string;
27
- }, undefined, tailwind_variants_dist_config.TVConfig<{
28
- hasMultipleMonths: {
29
- true: {
30
- calendar: string;
31
- calendarContent: string;
32
- };
33
- false: {};
34
- };
35
- }, {
36
- hasMultipleMonths: {
37
- true: {
38
- calendar: string;
39
- calendarContent: string;
45
+ }, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
46
+ [key: string]: {
47
+ [key: string]: tailwind_variants.ClassValue | {
48
+ base?: tailwind_variants.ClassValue;
49
+ selectorIcon?: tailwind_variants.ClassValue;
50
+ popoverContent?: tailwind_variants.ClassValue;
51
+ selectorButton?: tailwind_variants.ClassValue;
52
+ calendar?: tailwind_variants.ClassValue;
53
+ calendarContent?: tailwind_variants.ClassValue;
54
+ timeInputLabel?: tailwind_variants.ClassValue;
55
+ timeInput?: tailwind_variants.ClassValue;
40
56
  };
41
- false: {};
42
57
  };
43
- }>, {
44
- hasMultipleMonths: {
45
- true: {
46
- calendar: string;
47
- calendarContent: string;
58
+ } | {}>, {
59
+ [key: string]: {
60
+ [key: string]: tailwind_variants.ClassValue | {
61
+ base?: tailwind_variants.ClassValue;
62
+ selectorIcon?: tailwind_variants.ClassValue;
63
+ popoverContent?: tailwind_variants.ClassValue;
64
+ selectorButton?: tailwind_variants.ClassValue;
65
+ calendar?: tailwind_variants.ClassValue;
66
+ calendarContent?: tailwind_variants.ClassValue;
67
+ timeInputLabel?: tailwind_variants.ClassValue;
68
+ timeInput?: tailwind_variants.ClassValue;
48
69
  };
49
- false: {};
50
70
  };
51
- }, {
71
+ } | {}, {
52
72
  base: string;
53
73
  selectorButton: string;
54
74
  selectorIcon: string;
@@ -57,15 +77,7 @@ declare const datePicker: tailwind_variants.TVReturnType<{
57
77
  calendarContent: string;
58
78
  timeInputLabel: string;
59
79
  timeInput: string;
60
- }, tailwind_variants.TVReturnType<{
61
- hasMultipleMonths: {
62
- true: {
63
- calendar: string;
64
- calendarContent: string;
65
- };
66
- false: {};
67
- };
68
- }, {
80
+ }, tailwind_variants.TVReturnType<unknown, {
69
81
  base: string;
70
82
  selectorButton: string;
71
83
  selectorIcon: string;
@@ -74,23 +86,20 @@ declare const datePicker: tailwind_variants.TVReturnType<{
74
86
  calendarContent: string;
75
87
  timeInputLabel: string;
76
88
  timeInput: string;
77
- }, undefined, tailwind_variants_dist_config.TVConfig<{
78
- hasMultipleMonths: {
79
- true: {
80
- calendar: string;
81
- calendarContent: string;
82
- };
83
- false: {};
84
- };
85
- }, {
86
- hasMultipleMonths: {
87
- true: {
88
- calendar: string;
89
- calendarContent: string;
89
+ }, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
90
+ [key: string]: {
91
+ [key: string]: tailwind_variants.ClassValue | {
92
+ base?: tailwind_variants.ClassValue;
93
+ selectorIcon?: tailwind_variants.ClassValue;
94
+ popoverContent?: tailwind_variants.ClassValue;
95
+ selectorButton?: tailwind_variants.ClassValue;
96
+ calendar?: tailwind_variants.ClassValue;
97
+ calendarContent?: tailwind_variants.ClassValue;
98
+ timeInputLabel?: tailwind_variants.ClassValue;
99
+ timeInput?: tailwind_variants.ClassValue;
90
100
  };
91
- false: {};
92
101
  };
93
- }>, unknown, unknown, undefined>>;
102
+ } | {}>, unknown, unknown, undefined>>;
94
103
  declare const dateRangePicker: tailwind_variants.TVReturnType<{
95
104
  [key: string]: {
96
105
  [key: string]: tailwind_variants.ClassValue | {
@@ -101,21 +110,24 @@ declare const dateRangePicker: tailwind_variants.TVReturnType<{
101
110
  };
102
111
  };
103
112
  } | {
104
- hasMultipleMonths: {
105
- true: tailwind_variants.ClassValue | {
113
+ [x: string]: {
114
+ [x: string]: tailwind_variants.ClassValue | {
106
115
  separator?: tailwind_variants.ClassValue;
107
116
  calendar?: tailwind_variants.ClassValue;
108
117
  bottomContent?: tailwind_variants.ClassValue;
109
118
  timeInputWrapper?: tailwind_variants.ClassValue;
110
119
  };
111
- false: tailwind_variants.ClassValue | {
120
+ };
121
+ } | {
122
+ [x: string]: {
123
+ [x: string]: tailwind_variants.ClassValue | {
112
124
  separator?: tailwind_variants.ClassValue;
113
125
  calendar?: tailwind_variants.ClassValue;
114
126
  bottomContent?: tailwind_variants.ClassValue;
115
127
  timeInputWrapper?: tailwind_variants.ClassValue;
116
128
  };
117
129
  };
118
- }, {
130
+ } | {}, {
119
131
  calendar: string;
120
132
  bottomContent: string;
121
133
  timeInputWrapper: string;
@@ -130,37 +142,76 @@ declare const dateRangePicker: tailwind_variants.TVReturnType<{
130
142
  };
131
143
  };
132
144
  } | {
133
- hasMultipleMonths: {
134
- true: tailwind_variants.ClassValue | {
145
+ [x: string]: {
146
+ [x: string]: tailwind_variants.ClassValue | {
135
147
  separator?: tailwind_variants.ClassValue;
136
148
  calendar?: tailwind_variants.ClassValue;
137
149
  bottomContent?: tailwind_variants.ClassValue;
138
150
  timeInputWrapper?: tailwind_variants.ClassValue;
139
151
  };
140
- false: tailwind_variants.ClassValue | {
152
+ };
153
+ } | {
154
+ [x: string]: {
155
+ [x: string]: tailwind_variants.ClassValue | {
141
156
  separator?: tailwind_variants.ClassValue;
142
157
  calendar?: tailwind_variants.ClassValue;
143
158
  bottomContent?: tailwind_variants.ClassValue;
144
159
  timeInputWrapper?: tailwind_variants.ClassValue;
145
160
  };
146
161
  };
147
- }, {
148
- hasMultipleMonths: {
149
- true: {
150
- calendar: string;
151
- calendarContent: string;
162
+ } | {}, {
163
+ [key: string]: {
164
+ [key: string]: tailwind_variants.ClassValue | {
165
+ base?: tailwind_variants.ClassValue;
166
+ selectorIcon?: tailwind_variants.ClassValue;
167
+ popoverContent?: tailwind_variants.ClassValue;
168
+ selectorButton?: tailwind_variants.ClassValue;
169
+ calendar?: tailwind_variants.ClassValue;
170
+ calendarContent?: tailwind_variants.ClassValue;
171
+ timeInputLabel?: tailwind_variants.ClassValue;
172
+ timeInput?: tailwind_variants.ClassValue;
173
+ };
174
+ };
175
+ } | {
176
+ [x: string]: {
177
+ [x: string]: tailwind_variants.ClassValue | {
178
+ base?: tailwind_variants.ClassValue;
179
+ selectorIcon?: tailwind_variants.ClassValue;
180
+ popoverContent?: tailwind_variants.ClassValue;
181
+ selectorButton?: tailwind_variants.ClassValue;
182
+ calendar?: tailwind_variants.ClassValue;
183
+ calendarContent?: tailwind_variants.ClassValue;
184
+ timeInputLabel?: tailwind_variants.ClassValue;
185
+ timeInput?: tailwind_variants.ClassValue;
152
186
  };
153
- false: {};
154
187
  };
155
- }>, {
156
- hasMultipleMonths: {
157
- true: {
158
- calendar: string;
159
- calendarContent: string;
188
+ } | {}>, {
189
+ [key: string]: {
190
+ [key: string]: tailwind_variants.ClassValue | {
191
+ base?: tailwind_variants.ClassValue;
192
+ selectorIcon?: tailwind_variants.ClassValue;
193
+ popoverContent?: tailwind_variants.ClassValue;
194
+ selectorButton?: tailwind_variants.ClassValue;
195
+ calendar?: tailwind_variants.ClassValue;
196
+ calendarContent?: tailwind_variants.ClassValue;
197
+ timeInputLabel?: tailwind_variants.ClassValue;
198
+ timeInput?: tailwind_variants.ClassValue;
199
+ };
200
+ };
201
+ } | {
202
+ [x: string]: {
203
+ [x: string]: tailwind_variants.ClassValue | {
204
+ base?: tailwind_variants.ClassValue;
205
+ selectorIcon?: tailwind_variants.ClassValue;
206
+ popoverContent?: tailwind_variants.ClassValue;
207
+ selectorButton?: tailwind_variants.ClassValue;
208
+ calendar?: tailwind_variants.ClassValue;
209
+ calendarContent?: tailwind_variants.ClassValue;
210
+ timeInputLabel?: tailwind_variants.ClassValue;
211
+ timeInput?: tailwind_variants.ClassValue;
160
212
  };
161
- false: {};
162
213
  };
163
- }, {
214
+ } | {}, {
164
215
  base: string;
165
216
  selectorButton: string;
166
217
  selectorIcon: string;
@@ -170,14 +221,32 @@ declare const dateRangePicker: tailwind_variants.TVReturnType<{
170
221
  timeInputLabel: string;
171
222
  timeInput: string;
172
223
  }, tailwind_variants.TVReturnType<{
173
- hasMultipleMonths: {
174
- true: {
175
- calendar: string;
176
- calendarContent: string;
224
+ [key: string]: {
225
+ [key: string]: tailwind_variants.ClassValue | {
226
+ base?: tailwind_variants.ClassValue;
227
+ selectorIcon?: tailwind_variants.ClassValue;
228
+ popoverContent?: tailwind_variants.ClassValue;
229
+ selectorButton?: tailwind_variants.ClassValue;
230
+ calendar?: tailwind_variants.ClassValue;
231
+ calendarContent?: tailwind_variants.ClassValue;
232
+ timeInputLabel?: tailwind_variants.ClassValue;
233
+ timeInput?: tailwind_variants.ClassValue;
177
234
  };
178
- false: {};
179
235
  };
180
- }, {
236
+ } | {
237
+ [x: string]: {
238
+ [x: string]: tailwind_variants.ClassValue | {
239
+ base?: tailwind_variants.ClassValue;
240
+ selectorIcon?: tailwind_variants.ClassValue;
241
+ popoverContent?: tailwind_variants.ClassValue;
242
+ selectorButton?: tailwind_variants.ClassValue;
243
+ calendar?: tailwind_variants.ClassValue;
244
+ calendarContent?: tailwind_variants.ClassValue;
245
+ timeInputLabel?: tailwind_variants.ClassValue;
246
+ timeInput?: tailwind_variants.ClassValue;
247
+ };
248
+ };
249
+ } | {}, {
181
250
  base: string;
182
251
  selectorButton: string;
183
252
  selectorIcon: string;
@@ -186,31 +255,33 @@ declare const dateRangePicker: tailwind_variants.TVReturnType<{
186
255
  calendarContent: string;
187
256
  timeInputLabel: string;
188
257
  timeInput: string;
189
- }, undefined, tailwind_variants_dist_config.TVConfig<{
190
- hasMultipleMonths: {
191
- true: {
192
- calendar: string;
193
- calendarContent: string;
194
- };
195
- false: {};
196
- };
197
- }, {
198
- hasMultipleMonths: {
199
- true: {
200
- calendar: string;
201
- calendarContent: string;
258
+ }, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
259
+ [key: string]: {
260
+ [key: string]: tailwind_variants.ClassValue | {
261
+ base?: tailwind_variants.ClassValue;
262
+ selectorIcon?: tailwind_variants.ClassValue;
263
+ popoverContent?: tailwind_variants.ClassValue;
264
+ selectorButton?: tailwind_variants.ClassValue;
265
+ calendar?: tailwind_variants.ClassValue;
266
+ calendarContent?: tailwind_variants.ClassValue;
267
+ timeInputLabel?: tailwind_variants.ClassValue;
268
+ timeInput?: tailwind_variants.ClassValue;
202
269
  };
203
- false: {};
204
270
  };
205
- }>, {
206
- hasMultipleMonths: {
207
- true: {
208
- calendar: string;
209
- calendarContent: string;
271
+ } | {}>, {
272
+ [key: string]: {
273
+ [key: string]: tailwind_variants.ClassValue | {
274
+ base?: tailwind_variants.ClassValue;
275
+ selectorIcon?: tailwind_variants.ClassValue;
276
+ popoverContent?: tailwind_variants.ClassValue;
277
+ selectorButton?: tailwind_variants.ClassValue;
278
+ calendar?: tailwind_variants.ClassValue;
279
+ calendarContent?: tailwind_variants.ClassValue;
280
+ timeInputLabel?: tailwind_variants.ClassValue;
281
+ timeInput?: tailwind_variants.ClassValue;
210
282
  };
211
- false: {};
212
283
  };
213
- }, {
284
+ } | {}, {
214
285
  base: string;
215
286
  selectorButton: string;
216
287
  selectorIcon: string;
@@ -219,15 +290,7 @@ declare const dateRangePicker: tailwind_variants.TVReturnType<{
219
290
  calendarContent: string;
220
291
  timeInputLabel: string;
221
292
  timeInput: string;
222
- }, tailwind_variants.TVReturnType<{
223
- hasMultipleMonths: {
224
- true: {
225
- calendar: string;
226
- calendarContent: string;
227
- };
228
- false: {};
229
- };
230
- }, {
293
+ }, tailwind_variants.TVReturnType<unknown, {
231
294
  base: string;
232
295
  selectorButton: string;
233
296
  selectorIcon: string;
@@ -236,23 +299,20 @@ declare const dateRangePicker: tailwind_variants.TVReturnType<{
236
299
  calendarContent: string;
237
300
  timeInputLabel: string;
238
301
  timeInput: string;
239
- }, undefined, tailwind_variants_dist_config.TVConfig<{
240
- hasMultipleMonths: {
241
- true: {
242
- calendar: string;
243
- calendarContent: string;
244
- };
245
- false: {};
246
- };
247
- }, {
248
- hasMultipleMonths: {
249
- true: {
250
- calendar: string;
251
- calendarContent: string;
302
+ }, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
303
+ [key: string]: {
304
+ [key: string]: tailwind_variants.ClassValue | {
305
+ base?: tailwind_variants.ClassValue;
306
+ selectorIcon?: tailwind_variants.ClassValue;
307
+ popoverContent?: tailwind_variants.ClassValue;
308
+ selectorButton?: tailwind_variants.ClassValue;
309
+ calendar?: tailwind_variants.ClassValue;
310
+ calendarContent?: tailwind_variants.ClassValue;
311
+ timeInputLabel?: tailwind_variants.ClassValue;
312
+ timeInput?: tailwind_variants.ClassValue;
252
313
  };
253
- false: {};
254
314
  };
255
- }>, unknown, unknown, undefined>>>;
315
+ } | {}>, unknown, unknown, undefined>>>;
256
316
  /** Base */
257
317
  type DatePickerReturnType = ReturnType<typeof datePicker>;
258
318
  type DatePickerVariantProps = VariantProps<typeof datePicker>;
package/dist/components/date-picker.js CHANGED
@@ -63,18 +63,6 @@ var datePicker = tv({
63
63
  calendarContent: "w-[var(--calendar-width)]",
64
64
  timeInputLabel: "font-medium",
65
65
  timeInput: "px-5 pb-4 flex-wrap gap-x-6"
66
- },
67
- variants: {
68
- hasMultipleMonths: {
69
- true: {
70
- calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
71
- calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
72
- },
73
- false: {}
74
- }
75
- },
76
- defaultVariants: {
77
- hasMultipleMonths: false
78
66
  }
79
67
  });
80
68
  var dateRangePicker = tv({
package/dist/components/date-picker.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  datePicker,
3
3
  dateRangePicker
4
- } from "../chunk-BLAJANNW.mjs";
4
+ } from "../chunk-VJTX4YUQ.mjs";
5
5
  import "../chunk-GMMETTYU.mjs";
6
6
  export {
7
7
  datePicker,
package/dist/components/index.js CHANGED
@@ -7953,7 +7953,8 @@ var calendar = tv({
7953
7953
  slots: {
7954
7954
  base: [
7955
7955
  "relative w-fit max-w-full shadow-small inline-block overflow-y-hidden",
7956
- "rounded-large overflow-x-auto bg-default-50 dark:bg-background"
7956
+ "rounded-large overflow-x-auto bg-default-50 dark:bg-background",
7957
+ "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
7957
7958
  ],
7958
7959
  prevButton: [],
7959
7960
  nextButton: [],
@@ -7967,7 +7968,7 @@ var calendar = tv({
7967
7968
  ],
7968
7969
  header: "flex w-full items-center justify-center gap-2 z-10",
7969
7970
  title: "text-default-500 text-small font-medium",
7970
- content: "w-fit",
7971
+ content: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
7971
7972
  gridWrapper: "flex max-w-full overflow-hidden pb-2 h-auto relative",
7972
7973
  grid: "w-full border-collapse z-0",
7973
7974
  gridHeader: "bg-content1 shadow-[0px_20px_20px_0px_rgb(0_0_0/0.05)]",
@@ -8732,18 +8733,6 @@ var datePicker = tv({
8732
8733
  calendarContent: "w-[var(--calendar-width)]",
8733
8734
  timeInputLabel: "font-medium",
8734
8735
  timeInput: "px-5 pb-4 flex-wrap gap-x-6"
8735
- },
8736
- variants: {
8737
- hasMultipleMonths: {
8738
- true: {
8739
- calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
8740
- calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
8741
- },
8742
- false: {}
8743
- }
8744
- },
8745
- defaultVariants: {
8746
- hasMultipleMonths: false
8747
8736
  }
8748
8737
  });
8749
8738
  var dateRangePicker = tv({
package/dist/components/index.mjs CHANGED
@@ -84,7 +84,7 @@ import {
84
84
  } from "../chunk-JQTFOIV7.mjs";
85
85
  import {
86
86
  calendar
87
- } from "../chunk-BHDPFX6P.mjs";
87
+ } from "../chunk-NPDZ7OMC.mjs";
88
88
  import {
89
89
  card
90
90
  } from "../chunk-X7N3NQ6S.mjs";
@@ -107,7 +107,7 @@ import {
107
107
  import {
108
108
  datePicker,
109
109
  dateRangePicker
110
- } from "../chunk-BLAJANNW.mjs";
110
+ } from "../chunk-VJTX4YUQ.mjs";
111
111
  import {
112
112
  accordion,
113
113
  accordionItem
package/dist/index.js CHANGED
@@ -7984,7 +7984,8 @@ var calendar = tv({
7984
7984
  slots: {
7985
7985
  base: [
7986
7986
  "relative w-fit max-w-full shadow-small inline-block overflow-y-hidden",
7987
- "rounded-large overflow-x-auto bg-default-50 dark:bg-background"
7987
+ "rounded-large overflow-x-auto bg-default-50 dark:bg-background",
7988
+ "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
7988
7989
  ],
7989
7990
  prevButton: [],
7990
7991
  nextButton: [],
@@ -7998,7 +7999,7 @@ var calendar = tv({
7998
7999
  ],
7999
8000
  header: "flex w-full items-center justify-center gap-2 z-10",
8000
8001
  title: "text-default-500 text-small font-medium",
8001
- content: "w-fit",
8002
+ content: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
8002
8003
  gridWrapper: "flex max-w-full overflow-hidden pb-2 h-auto relative",
8003
8004
  grid: "w-full border-collapse z-0",
8004
8005
  gridHeader: "bg-content1 shadow-[0px_20px_20px_0px_rgb(0_0_0/0.05)]",
@@ -8763,18 +8764,6 @@ var datePicker = tv({
8763
8764
  calendarContent: "w-[var(--calendar-width)]",
8764
8765
  timeInputLabel: "font-medium",
8765
8766
  timeInput: "px-5 pb-4 flex-wrap gap-x-6"
8766
- },
8767
- variants: {
8768
- hasMultipleMonths: {
8769
- true: {
8770
- calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
8771
- calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
8772
- },
8773
- false: {}
8774
- }
8775
- },
8776
- defaultVariants: {
8777
- hasMultipleMonths: false
8778
8767
  }
8779
8768
  });
8780
8769
  var dateRangePicker = tv({
package/dist/index.mjs CHANGED
@@ -84,7 +84,7 @@ import {
84
84
  } from "./chunk-JQTFOIV7.mjs";
85
85
  import {
86
86
  calendar
87
- } from "./chunk-BHDPFX6P.mjs";
87
+ } from "./chunk-NPDZ7OMC.mjs";
88
88
  import {
89
89
  card
90
90
  } from "./chunk-X7N3NQ6S.mjs";
@@ -107,7 +107,7 @@ import {
107
107
  import {
108
108
  datePicker,
109
109
  dateRangePicker
110
- } from "./chunk-BLAJANNW.mjs";
110
+ } from "./chunk-VJTX4YUQ.mjs";
111
111
  import {
112
112
  accordion,
113
113
  accordionItem
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/theme",
3
- "version": "2.2.0",
3
+ "version": "2.2.1",
4
4
  "description": "The default theme for NextUI components",
5
5
  "keywords": [
6
6
  "theme",