@nextui-org/theme 2.3.0-beta.17 → 2.3.0-beta.18

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.
@@ -523,7 +523,7 @@ var select = tv({
523
523
  labelPlacement: "inside",
524
524
  size: "lg",
525
525
  class: {
526
- label: "text-small",
526
+ label: "text-medium",
527
527
  trigger: "h-16 min-h-16 py-2.5 gap-0"
528
528
  }
529
529
  },
@@ -35,10 +35,10 @@ var input = tv({
35
35
  "p-2",
36
36
  "-m-2",
37
37
  "z-10",
38
- "hidden",
39
38
  "absolute",
40
39
  "end-3",
41
40
  "start-auto",
41
+ "pointer-events-none",
42
42
  "appearance-none",
43
43
  "outline-none",
44
44
  "select-none",
@@ -127,6 +127,7 @@ var input = tv({
127
127
  clearButton: "text-large"
128
128
  },
129
129
  lg: {
130
+ label: "text-medium",
130
131
  inputWrapper: "h-12 min-h-12 rounded-large",
131
132
  input: "text-medium",
132
133
  clearButton: "text-large"
@@ -160,7 +161,7 @@ var input = tv({
160
161
  label: "relative text-foreground pe-2 ps-2 pointer-events-auto"
161
162
  },
162
163
  inside: {
163
- label: "text-tiny cursor-text",
164
+ label: "cursor-text",
164
165
  inputWrapper: "flex-col items-start justify-center gap-0",
165
166
  innerWrapper: "group-data-[has-label=true]:items-end"
166
167
  }
@@ -174,7 +175,11 @@ var input = tv({
174
175
  isClearable: {
175
176
  true: {
176
177
  input: "peer pe-6 input-search-cancel-button-none",
177
- clearButton: "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"
178
+ clearButton: [
179
+ "peer-data-[filled=true]:pointer-events-auto",
180
+ "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block",
181
+ "peer-data-[filled=true]:scale-100"
182
+ ]
178
183
  }
179
184
  },
180
185
  isDisabled: {
@@ -200,7 +205,8 @@ var input = tv({
200
205
  label: "relative",
201
206
  inputWrapper: "!h-auto",
202
207
  innerWrapper: "items-start group-data-[has-label=true]:items-start",
203
- input: "resize-none data-[hide-scroll=true]:scrollbar-hide"
208
+ input: "resize-none data-[hide-scroll=true]:scrollbar-hide",
209
+ clearButton: "absolute top-2 right-2 rtl:right-auto rtl:left-2 z-10"
204
210
  }
205
211
  },
206
212
  disableAnimation: {
@@ -218,7 +224,14 @@ var input = tv({
218
224
  "motion-reduce:transition-none",
219
225
  "transition-[transform,color,left,opacity]"
220
226
  ],
221
- clearButton: ["transition-opacity", "motion-reduce:transition-none"]
227
+ clearButton: [
228
+ "scale-90",
229
+ "ease-out",
230
+ "duration-150",
231
+ "transition-[opacity,transform]",
232
+ "motion-reduce:transition-none",
233
+ "motion-reduce:scale-100"
234
+ ]
222
235
  }
223
236
  }
224
237
  },
@@ -547,7 +560,6 @@ var input = tv({
547
560
  labelPlacement: "inside",
548
561
  size: "lg",
549
562
  class: {
550
- label: "text-small",
551
563
  inputWrapper: "h-16 py-2.5 gap-0"
552
564
  }
553
565
  },
@@ -815,6 +827,17 @@ var input = tv({
815
827
  class: {
816
828
  inputWrapper: "data-[has-multiple-rows=true]:rounded-large"
817
829
  }
830
+ },
831
+ {
832
+ isClearable: true,
833
+ isMultiline: true,
834
+ class: {
835
+ clearButton: [
836
+ "group-data-[has-value=true]:opacity-70 group-data-[has-value=true]:block",
837
+ "group-data-[has-value=true]:scale-100",
838
+ "group-data-[has-value=true]:pointer-events-auto"
839
+ ]
840
+ }
818
841
  }
819
842
  ]
820
843
  });
@@ -126,6 +126,7 @@ var dateInput = tv({
126
126
  clearButton: "text-large"
127
127
  },
128
128
  lg: {
129
+ label: "text-medium",
129
130
  input: "text-medium",
130
131
  inputWrapper: "h-12 min-h-12 rounded-large"
131
132
  }
@@ -363,7 +364,7 @@ var dateInput = tv({
363
364
  labelPlacement: "inside",
364
365
  size: "lg",
365
366
  class: {
366
- label: "text-small",
367
+ label: "text-medium",
367
368
  inputWrapper: "h-16 py-2.5 gap-0"
368
369
  }
369
370
  },
@@ -54,6 +54,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
54
54
  clearButton: string;
55
55
  };
56
56
  lg: {
57
+ label: string;
57
58
  input: string;
58
59
  inputWrapper: string;
59
60
  };
@@ -174,6 +175,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
174
175
  clearButton: string;
175
176
  };
176
177
  lg: {
178
+ label: string;
177
179
  input: string;
178
180
  inputWrapper: string;
179
181
  };
@@ -284,6 +286,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
284
286
  clearButton: string;
285
287
  };
286
288
  lg: {
289
+ label: string;
287
290
  input: string;
288
291
  inputWrapper: string;
289
292
  };
@@ -394,6 +397,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
394
397
  clearButton: string;
395
398
  };
396
399
  lg: {
400
+ label: string;
397
401
  input: string;
398
402
  inputWrapper: string;
399
403
  };
@@ -514,6 +518,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
514
518
  clearButton: string;
515
519
  };
516
520
  lg: {
521
+ label: string;
517
522
  input: string;
518
523
  inputWrapper: string;
519
524
  };
@@ -634,6 +639,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
634
639
  clearButton: string;
635
640
  };
636
641
  lg: {
642
+ label: string;
637
643
  input: string;
638
644
  inputWrapper: string;
639
645
  };
@@ -744,6 +750,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
744
750
  clearButton: string;
745
751
  };
746
752
  lg: {
753
+ label: string;
747
754
  input: string;
748
755
  inputWrapper: string;
749
756
  };
@@ -194,6 +194,7 @@ var dateInput = tv({
194
194
  clearButton: "text-large"
195
195
  },
196
196
  lg: {
197
+ label: "text-medium",
197
198
  input: "text-medium",
198
199
  inputWrapper: "h-12 min-h-12 rounded-large"
199
200
  }
@@ -431,7 +432,7 @@ var dateInput = tv({
431
432
  labelPlacement: "inside",
432
433
  size: "lg",
433
434
  class: {
434
- label: "text-small",
435
+ label: "text-medium",
435
436
  inputWrapper: "h-16 py-2.5 gap-0"
436
437
  }
437
438
  },
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  dateInput
3
- } from "../chunk-HNRFZTEX.mjs";
3
+ } from "../chunk-TK7HBD3N.mjs";
4
4
  import "../chunk-UWE6H66T.mjs";
5
5
  import "../chunk-GIXI35A3.mjs";
6
6
  export {
@@ -4237,10 +4237,10 @@ var input = tv({
4237
4237
  "p-2",
4238
4238
  "-m-2",
4239
4239
  "z-10",
4240
- "hidden",
4241
4240
  "absolute",
4242
4241
  "end-3",
4243
4242
  "start-auto",
4243
+ "pointer-events-none",
4244
4244
  "appearance-none",
4245
4245
  "outline-none",
4246
4246
  "select-none",
@@ -4329,6 +4329,7 @@ var input = tv({
4329
4329
  clearButton: "text-large"
4330
4330
  },
4331
4331
  lg: {
4332
+ label: "text-medium",
4332
4333
  inputWrapper: "h-12 min-h-12 rounded-large",
4333
4334
  input: "text-medium",
4334
4335
  clearButton: "text-large"
@@ -4362,7 +4363,7 @@ var input = tv({
4362
4363
  label: "relative text-foreground pe-2 ps-2 pointer-events-auto"
4363
4364
  },
4364
4365
  inside: {
4365
- label: "text-tiny cursor-text",
4366
+ label: "cursor-text",
4366
4367
  inputWrapper: "flex-col items-start justify-center gap-0",
4367
4368
  innerWrapper: "group-data-[has-label=true]:items-end"
4368
4369
  }
@@ -4376,7 +4377,11 @@ var input = tv({
4376
4377
  isClearable: {
4377
4378
  true: {
4378
4379
  input: "peer pe-6 input-search-cancel-button-none",
4379
- clearButton: "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"
4380
+ clearButton: [
4381
+ "peer-data-[filled=true]:pointer-events-auto",
4382
+ "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block",
4383
+ "peer-data-[filled=true]:scale-100"
4384
+ ]
4380
4385
  }
4381
4386
  },
4382
4387
  isDisabled: {
@@ -4402,7 +4407,8 @@ var input = tv({
4402
4407
  label: "relative",
4403
4408
  inputWrapper: "!h-auto",
4404
4409
  innerWrapper: "items-start group-data-[has-label=true]:items-start",
4405
- input: "resize-none data-[hide-scroll=true]:scrollbar-hide"
4410
+ input: "resize-none data-[hide-scroll=true]:scrollbar-hide",
4411
+ clearButton: "absolute top-2 right-2 rtl:right-auto rtl:left-2 z-10"
4406
4412
  }
4407
4413
  },
4408
4414
  disableAnimation: {
@@ -4420,7 +4426,14 @@ var input = tv({
4420
4426
  "motion-reduce:transition-none",
4421
4427
  "transition-[transform,color,left,opacity]"
4422
4428
  ],
4423
- clearButton: ["transition-opacity", "motion-reduce:transition-none"]
4429
+ clearButton: [
4430
+ "scale-90",
4431
+ "ease-out",
4432
+ "duration-150",
4433
+ "transition-[opacity,transform]",
4434
+ "motion-reduce:transition-none",
4435
+ "motion-reduce:scale-100"
4436
+ ]
4424
4437
  }
4425
4438
  }
4426
4439
  },
@@ -4749,7 +4762,6 @@ var input = tv({
4749
4762
  labelPlacement: "inside",
4750
4763
  size: "lg",
4751
4764
  class: {
4752
- label: "text-small",
4753
4765
  inputWrapper: "h-16 py-2.5 gap-0"
4754
4766
  }
4755
4767
  },
@@ -5017,6 +5029,17 @@ var input = tv({
5017
5029
  class: {
5018
5030
  inputWrapper: "data-[has-multiple-rows=true]:rounded-large"
5019
5031
  }
5032
+ },
5033
+ {
5034
+ isClearable: true,
5035
+ isMultiline: true,
5036
+ class: {
5037
+ clearButton: [
5038
+ "group-data-[has-value=true]:opacity-70 group-data-[has-value=true]:block",
5039
+ "group-data-[has-value=true]:scale-100",
5040
+ "group-data-[has-value=true]:pointer-events-auto"
5041
+ ]
5042
+ }
5020
5043
  }
5021
5044
  ]
5022
5045
  });
@@ -7138,7 +7161,7 @@ var select = tv({
7138
7161
  labelPlacement: "inside",
7139
7162
  size: "lg",
7140
7163
  class: {
7141
- label: "text-small",
7164
+ label: "text-medium",
7142
7165
  trigger: "h-16 min-h-16 py-2.5 gap-0"
7143
7166
  }
7144
7167
  },
@@ -8996,6 +9019,7 @@ var dateInput = tv({
8996
9019
  clearButton: "text-large"
8997
9020
  },
8998
9021
  lg: {
9022
+ label: "text-medium",
8999
9023
  input: "text-medium",
9000
9024
  inputWrapper: "h-12 min-h-12 rounded-large"
9001
9025
  }
@@ -9233,7 +9257,7 @@ var dateInput = tv({
9233
9257
  labelPlacement: "inside",
9234
9258
  size: "lg",
9235
9259
  class: {
9236
- label: "text-small",
9260
+ label: "text-medium",
9237
9261
  inputWrapper: "h-16 py-2.5 gap-0"
9238
9262
  }
9239
9263
  },
@@ -27,7 +27,7 @@ import {
27
27
  } from "../chunk-AN5I7NTT.mjs";
28
28
  import {
29
29
  select
30
- } from "../chunk-3ANIDDEW.mjs";
30
+ } from "../chunk-IDHWVJY2.mjs";
31
31
  import {
32
32
  skeleton
33
33
  } from "../chunk-OAHW4NON.mjs";
@@ -88,7 +88,7 @@ import {
88
88
  } from "../chunk-6CPZ7K75.mjs";
89
89
  import {
90
90
  input
91
- } from "../chunk-MXL6JCUG.mjs";
91
+ } from "../chunk-KOCBDPPO.mjs";
92
92
  import {
93
93
  button,
94
94
  buttonGroup
@@ -111,7 +111,7 @@ import {
111
111
  } from "../chunk-JE6SPRGQ.mjs";
112
112
  import {
113
113
  dateInput
114
- } from "../chunk-HNRFZTEX.mjs";
114
+ } from "../chunk-TK7HBD3N.mjs";
115
115
  import {
116
116
  datePicker,
117
117
  dateRangePicker
@@ -59,6 +59,7 @@ declare const input: tailwind_variants.TVReturnType<{
59
59
  clearButton: string;
60
60
  };
61
61
  lg: {
62
+ label: string;
62
63
  inputWrapper: string;
63
64
  input: string;
64
65
  clearButton: string;
@@ -106,7 +107,7 @@ declare const input: tailwind_variants.TVReturnType<{
106
107
  isClearable: {
107
108
  true: {
108
109
  input: string;
109
- clearButton: string;
110
+ clearButton: string[];
110
111
  };
111
112
  };
112
113
  isDisabled: {
@@ -133,6 +134,7 @@ declare const input: tailwind_variants.TVReturnType<{
133
134
  inputWrapper: string;
134
135
  innerWrapper: string;
135
136
  input: string;
137
+ clearButton: string;
136
138
  };
137
139
  };
138
140
  disableAnimation: {
@@ -197,6 +199,7 @@ declare const input: tailwind_variants.TVReturnType<{
197
199
  clearButton: string;
198
200
  };
199
201
  lg: {
202
+ label: string;
200
203
  inputWrapper: string;
201
204
  input: string;
202
205
  clearButton: string;
@@ -244,7 +247,7 @@ declare const input: tailwind_variants.TVReturnType<{
244
247
  isClearable: {
245
248
  true: {
246
249
  input: string;
247
- clearButton: string;
250
+ clearButton: string[];
248
251
  };
249
252
  };
250
253
  isDisabled: {
@@ -271,6 +274,7 @@ declare const input: tailwind_variants.TVReturnType<{
271
274
  inputWrapper: string;
272
275
  innerWrapper: string;
273
276
  input: string;
277
+ clearButton: string;
274
278
  };
275
279
  };
276
280
  disableAnimation: {
@@ -324,6 +328,7 @@ declare const input: tailwind_variants.TVReturnType<{
324
328
  clearButton: string;
325
329
  };
326
330
  lg: {
331
+ label: string;
327
332
  inputWrapper: string;
328
333
  input: string;
329
334
  clearButton: string;
@@ -371,7 +376,7 @@ declare const input: tailwind_variants.TVReturnType<{
371
376
  isClearable: {
372
377
  true: {
373
378
  input: string;
374
- clearButton: string;
379
+ clearButton: string[];
375
380
  };
376
381
  };
377
382
  isDisabled: {
@@ -398,6 +403,7 @@ declare const input: tailwind_variants.TVReturnType<{
398
403
  inputWrapper: string;
399
404
  innerWrapper: string;
400
405
  input: string;
406
+ clearButton: string;
401
407
  };
402
408
  };
403
409
  disableAnimation: {
@@ -451,6 +457,7 @@ declare const input: tailwind_variants.TVReturnType<{
451
457
  clearButton: string;
452
458
  };
453
459
  lg: {
460
+ label: string;
454
461
  inputWrapper: string;
455
462
  input: string;
456
463
  clearButton: string;
@@ -498,7 +505,7 @@ declare const input: tailwind_variants.TVReturnType<{
498
505
  isClearable: {
499
506
  true: {
500
507
  input: string;
501
- clearButton: string;
508
+ clearButton: string[];
502
509
  };
503
510
  };
504
511
  isDisabled: {
@@ -525,6 +532,7 @@ declare const input: tailwind_variants.TVReturnType<{
525
532
  inputWrapper: string;
526
533
  innerWrapper: string;
527
534
  input: string;
535
+ clearButton: string;
528
536
  };
529
537
  };
530
538
  disableAnimation: {
@@ -589,6 +597,7 @@ declare const input: tailwind_variants.TVReturnType<{
589
597
  clearButton: string;
590
598
  };
591
599
  lg: {
600
+ label: string;
592
601
  inputWrapper: string;
593
602
  input: string;
594
603
  clearButton: string;
@@ -636,7 +645,7 @@ declare const input: tailwind_variants.TVReturnType<{
636
645
  isClearable: {
637
646
  true: {
638
647
  input: string;
639
- clearButton: string;
648
+ clearButton: string[];
640
649
  };
641
650
  };
642
651
  isDisabled: {
@@ -663,6 +672,7 @@ declare const input: tailwind_variants.TVReturnType<{
663
672
  inputWrapper: string;
664
673
  innerWrapper: string;
665
674
  input: string;
675
+ clearButton: string;
666
676
  };
667
677
  };
668
678
  disableAnimation: {
@@ -727,6 +737,7 @@ declare const input: tailwind_variants.TVReturnType<{
727
737
  clearButton: string;
728
738
  };
729
739
  lg: {
740
+ label: string;
730
741
  inputWrapper: string;
731
742
  input: string;
732
743
  clearButton: string;
@@ -774,7 +785,7 @@ declare const input: tailwind_variants.TVReturnType<{
774
785
  isClearable: {
775
786
  true: {
776
787
  input: string;
777
- clearButton: string;
788
+ clearButton: string[];
778
789
  };
779
790
  };
780
791
  isDisabled: {
@@ -801,6 +812,7 @@ declare const input: tailwind_variants.TVReturnType<{
801
812
  inputWrapper: string;
802
813
  innerWrapper: string;
803
814
  input: string;
815
+ clearButton: string;
804
816
  };
805
817
  };
806
818
  disableAnimation: {
@@ -854,6 +866,7 @@ declare const input: tailwind_variants.TVReturnType<{
854
866
  clearButton: string;
855
867
  };
856
868
  lg: {
869
+ label: string;
857
870
  inputWrapper: string;
858
871
  input: string;
859
872
  clearButton: string;
@@ -901,7 +914,7 @@ declare const input: tailwind_variants.TVReturnType<{
901
914
  isClearable: {
902
915
  true: {
903
916
  input: string;
904
- clearButton: string;
917
+ clearButton: string[];
905
918
  };
906
919
  };
907
920
  isDisabled: {
@@ -928,6 +941,7 @@ declare const input: tailwind_variants.TVReturnType<{
928
941
  inputWrapper: string;
929
942
  innerWrapper: string;
930
943
  input: string;
944
+ clearButton: string;
931
945
  };
932
946
  };
933
947
  disableAnimation: {
@@ -116,10 +116,10 @@ var input = tv({
116
116
  "p-2",
117
117
  "-m-2",
118
118
  "z-10",
119
- "hidden",
120
119
  "absolute",
121
120
  "end-3",
122
121
  "start-auto",
122
+ "pointer-events-none",
123
123
  "appearance-none",
124
124
  "outline-none",
125
125
  "select-none",
@@ -208,6 +208,7 @@ var input = tv({
208
208
  clearButton: "text-large"
209
209
  },
210
210
  lg: {
211
+ label: "text-medium",
211
212
  inputWrapper: "h-12 min-h-12 rounded-large",
212
213
  input: "text-medium",
213
214
  clearButton: "text-large"
@@ -241,7 +242,7 @@ var input = tv({
241
242
  label: "relative text-foreground pe-2 ps-2 pointer-events-auto"
242
243
  },
243
244
  inside: {
244
- label: "text-tiny cursor-text",
245
+ label: "cursor-text",
245
246
  inputWrapper: "flex-col items-start justify-center gap-0",
246
247
  innerWrapper: "group-data-[has-label=true]:items-end"
247
248
  }
@@ -255,7 +256,11 @@ var input = tv({
255
256
  isClearable: {
256
257
  true: {
257
258
  input: "peer pe-6 input-search-cancel-button-none",
258
- clearButton: "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"
259
+ clearButton: [
260
+ "peer-data-[filled=true]:pointer-events-auto",
261
+ "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block",
262
+ "peer-data-[filled=true]:scale-100"
263
+ ]
259
264
  }
260
265
  },
261
266
  isDisabled: {
@@ -281,7 +286,8 @@ var input = tv({
281
286
  label: "relative",
282
287
  inputWrapper: "!h-auto",
283
288
  innerWrapper: "items-start group-data-[has-label=true]:items-start",
284
- input: "resize-none data-[hide-scroll=true]:scrollbar-hide"
289
+ input: "resize-none data-[hide-scroll=true]:scrollbar-hide",
290
+ clearButton: "absolute top-2 right-2 rtl:right-auto rtl:left-2 z-10"
285
291
  }
286
292
  },
287
293
  disableAnimation: {
@@ -299,7 +305,14 @@ var input = tv({
299
305
  "motion-reduce:transition-none",
300
306
  "transition-[transform,color,left,opacity]"
301
307
  ],
302
- clearButton: ["transition-opacity", "motion-reduce:transition-none"]
308
+ clearButton: [
309
+ "scale-90",
310
+ "ease-out",
311
+ "duration-150",
312
+ "transition-[opacity,transform]",
313
+ "motion-reduce:transition-none",
314
+ "motion-reduce:scale-100"
315
+ ]
303
316
  }
304
317
  }
305
318
  },
@@ -628,7 +641,6 @@ var input = tv({
628
641
  labelPlacement: "inside",
629
642
  size: "lg",
630
643
  class: {
631
- label: "text-small",
632
644
  inputWrapper: "h-16 py-2.5 gap-0"
633
645
  }
634
646
  },
@@ -896,6 +908,17 @@ var input = tv({
896
908
  class: {
897
909
  inputWrapper: "data-[has-multiple-rows=true]:rounded-large"
898
910
  }
911
+ },
912
+ {
913
+ isClearable: true,
914
+ isMultiline: true,
915
+ class: {
916
+ clearButton: [
917
+ "group-data-[has-value=true]:opacity-70 group-data-[has-value=true]:block",
918
+ "group-data-[has-value=true]:scale-100",
919
+ "group-data-[has-value=true]:pointer-events-auto"
920
+ ]
921
+ }
899
922
  }
900
923
  ]
901
924
  });
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  input
3
- } from "../chunk-MXL6JCUG.mjs";
3
+ } from "../chunk-KOCBDPPO.mjs";
4
4
  import "../chunk-CWYZ2GEH.mjs";
5
5
  import "../chunk-GQT3YUX3.mjs";
6
6
  import "../chunk-46U6G7UJ.mjs";
@@ -595,7 +595,7 @@ var select = tv({
595
595
  labelPlacement: "inside",
596
596
  size: "lg",
597
597
  class: {
598
- label: "text-small",
598
+ label: "text-medium",
599
599
  trigger: "h-16 min-h-16 py-2.5 gap-0"
600
600
  }
601
601
  },
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  select
3
- } from "../chunk-3ANIDDEW.mjs";
3
+ } from "../chunk-IDHWVJY2.mjs";
4
4
  import "../chunk-CWYZ2GEH.mjs";
5
5
  import "../chunk-GQT3YUX3.mjs";
6
6
  import "../chunk-46U6G7UJ.mjs";
package/dist/index.js CHANGED
@@ -4298,10 +4298,10 @@ var input = tv({
4298
4298
  "p-2",
4299
4299
  "-m-2",
4300
4300
  "z-10",
4301
- "hidden",
4302
4301
  "absolute",
4303
4302
  "end-3",
4304
4303
  "start-auto",
4304
+ "pointer-events-none",
4305
4305
  "appearance-none",
4306
4306
  "outline-none",
4307
4307
  "select-none",
@@ -4390,6 +4390,7 @@ var input = tv({
4390
4390
  clearButton: "text-large"
4391
4391
  },
4392
4392
  lg: {
4393
+ label: "text-medium",
4393
4394
  inputWrapper: "h-12 min-h-12 rounded-large",
4394
4395
  input: "text-medium",
4395
4396
  clearButton: "text-large"
@@ -4423,7 +4424,7 @@ var input = tv({
4423
4424
  label: "relative text-foreground pe-2 ps-2 pointer-events-auto"
4424
4425
  },
4425
4426
  inside: {
4426
- label: "text-tiny cursor-text",
4427
+ label: "cursor-text",
4427
4428
  inputWrapper: "flex-col items-start justify-center gap-0",
4428
4429
  innerWrapper: "group-data-[has-label=true]:items-end"
4429
4430
  }
@@ -4437,7 +4438,11 @@ var input = tv({
4437
4438
  isClearable: {
4438
4439
  true: {
4439
4440
  input: "peer pe-6 input-search-cancel-button-none",
4440
- clearButton: "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"
4441
+ clearButton: [
4442
+ "peer-data-[filled=true]:pointer-events-auto",
4443
+ "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block",
4444
+ "peer-data-[filled=true]:scale-100"
4445
+ ]
4441
4446
  }
4442
4447
  },
4443
4448
  isDisabled: {
@@ -4463,7 +4468,8 @@ var input = tv({
4463
4468
  label: "relative",
4464
4469
  inputWrapper: "!h-auto",
4465
4470
  innerWrapper: "items-start group-data-[has-label=true]:items-start",
4466
- input: "resize-none data-[hide-scroll=true]:scrollbar-hide"
4471
+ input: "resize-none data-[hide-scroll=true]:scrollbar-hide",
4472
+ clearButton: "absolute top-2 right-2 rtl:right-auto rtl:left-2 z-10"
4467
4473
  }
4468
4474
  },
4469
4475
  disableAnimation: {
@@ -4481,7 +4487,14 @@ var input = tv({
4481
4487
  "motion-reduce:transition-none",
4482
4488
  "transition-[transform,color,left,opacity]"
4483
4489
  ],
4484
- clearButton: ["transition-opacity", "motion-reduce:transition-none"]
4490
+ clearButton: [
4491
+ "scale-90",
4492
+ "ease-out",
4493
+ "duration-150",
4494
+ "transition-[opacity,transform]",
4495
+ "motion-reduce:transition-none",
4496
+ "motion-reduce:scale-100"
4497
+ ]
4485
4498
  }
4486
4499
  }
4487
4500
  },
@@ -4810,7 +4823,6 @@ var input = tv({
4810
4823
  labelPlacement: "inside",
4811
4824
  size: "lg",
4812
4825
  class: {
4813
- label: "text-small",
4814
4826
  inputWrapper: "h-16 py-2.5 gap-0"
4815
4827
  }
4816
4828
  },
@@ -5078,6 +5090,17 @@ var input = tv({
5078
5090
  class: {
5079
5091
  inputWrapper: "data-[has-multiple-rows=true]:rounded-large"
5080
5092
  }
5093
+ },
5094
+ {
5095
+ isClearable: true,
5096
+ isMultiline: true,
5097
+ class: {
5098
+ clearButton: [
5099
+ "group-data-[has-value=true]:opacity-70 group-data-[has-value=true]:block",
5100
+ "group-data-[has-value=true]:scale-100",
5101
+ "group-data-[has-value=true]:pointer-events-auto"
5102
+ ]
5103
+ }
5081
5104
  }
5082
5105
  ]
5083
5106
  });
@@ -7199,7 +7222,7 @@ var select = tv({
7199
7222
  labelPlacement: "inside",
7200
7223
  size: "lg",
7201
7224
  class: {
7202
- label: "text-small",
7225
+ label: "text-medium",
7203
7226
  trigger: "h-16 min-h-16 py-2.5 gap-0"
7204
7227
  }
7205
7228
  },
@@ -9057,6 +9080,7 @@ var dateInput = tv({
9057
9080
  clearButton: "text-large"
9058
9081
  },
9059
9082
  lg: {
9083
+ label: "text-medium",
9060
9084
  input: "text-medium",
9061
9085
  inputWrapper: "h-12 min-h-12 rounded-large"
9062
9086
  }
@@ -9294,7 +9318,7 @@ var dateInput = tv({
9294
9318
  labelPlacement: "inside",
9295
9319
  size: "lg",
9296
9320
  class: {
9297
- label: "text-small",
9321
+ label: "text-medium",
9298
9322
  inputWrapper: "h-16 py-2.5 gap-0"
9299
9323
  }
9300
9324
  },
package/dist/index.mjs CHANGED
@@ -27,7 +27,7 @@ import {
27
27
  } from "./chunk-AN5I7NTT.mjs";
28
28
  import {
29
29
  select
30
- } from "./chunk-3ANIDDEW.mjs";
30
+ } from "./chunk-IDHWVJY2.mjs";
31
31
  import {
32
32
  skeleton
33
33
  } from "./chunk-OAHW4NON.mjs";
@@ -88,7 +88,7 @@ import {
88
88
  } from "./chunk-6CPZ7K75.mjs";
89
89
  import {
90
90
  input
91
- } from "./chunk-MXL6JCUG.mjs";
91
+ } from "./chunk-KOCBDPPO.mjs";
92
92
  import {
93
93
  button,
94
94
  buttonGroup
@@ -111,7 +111,7 @@ import {
111
111
  } from "./chunk-JE6SPRGQ.mjs";
112
112
  import {
113
113
  dateInput
114
- } from "./chunk-HNRFZTEX.mjs";
114
+ } from "./chunk-TK7HBD3N.mjs";
115
115
  import {
116
116
  datePicker,
117
117
  dateRangePicker
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/theme",
3
- "version": "2.3.0-beta.17",
3
+ "version": "2.3.0-beta.18",
4
4
  "description": "The default theme for NextUI components",
5
5
  "keywords": [
6
6
  "theme",