@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.
- package/dist/{chunk-3ANIDDEW.mjs → chunk-IDHWVJY2.mjs} +1 -1
- package/dist/{chunk-MXL6JCUG.mjs → chunk-KOCBDPPO.mjs} +29 -6
- package/dist/{chunk-HNRFZTEX.mjs → chunk-TK7HBD3N.mjs} +2 -1
- package/dist/components/date-input.d.ts +7 -0
- package/dist/components/date-input.js +2 -1
- package/dist/components/date-input.mjs +1 -1
- package/dist/components/index.js +32 -8
- package/dist/components/index.mjs +3 -3
- package/dist/components/input.d.ts +21 -7
- package/dist/components/input.js +29 -6
- package/dist/components/input.mjs +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/select.mjs +1 -1
- package/dist/index.js +32 -8
- package/dist/index.mjs +3 -3
- package/package.json +1 -1
|
@@ -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: "
|
|
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:
|
|
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: [
|
|
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-
|
|
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-
|
|
435
|
+
label: "text-medium",
|
|
435
436
|
inputWrapper: "h-16 py-2.5 gap-0"
|
|
436
437
|
}
|
|
437
438
|
},
|
package/dist/components/index.js
CHANGED
|
@@ -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: "
|
|
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:
|
|
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: [
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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: {
|
package/dist/components/input.js
CHANGED
|
@@ -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: "
|
|
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:
|
|
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: [
|
|
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
|
});
|
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: "
|
|
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:
|
|
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: [
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
114
|
+
} from "./chunk-TK7HBD3N.mjs";
|
|
115
115
|
import {
|
|
116
116
|
datePicker,
|
|
117
117
|
dateRangePicker
|