@nextui-org/theme 2.1.2 → 2.1.4

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 (18) hide show
  1. package/dist/{chunk-PBGVMEDL.mjs → chunk-PJV3MWBL.mjs} +24 -8
  2. package/dist/{chunk-GF5XUX5Z.mjs → chunk-SN5GEHHN.mjs} +13 -8
  3. package/dist/{chunk-NVPBHMUQ.mjs → chunk-X3O5NF4F.mjs} +4 -7
  4. package/dist/components/index.js +41 -23
  5. package/dist/components/index.mjs +3 -3
  6. package/dist/components/input.d.ts +0 -20
  7. package/dist/components/input.js +24 -8
  8. package/dist/components/input.mjs +1 -1
  9. package/dist/components/popover.d.ts +24 -0
  10. package/dist/components/popover.js +13 -8
  11. package/dist/components/popover.mjs +1 -1
  12. package/dist/components/select.d.ts +2 -16
  13. package/dist/components/select.js +4 -7
  14. package/dist/components/select.mjs +1 -1
  15. package/dist/index.js +41 -23
  16. package/dist/index.mjs +3 -3
  17. package/dist/types.d.ts +1 -1
  18. package/package.json +1 -1
package/dist/{chunk-PBGVMEDL.mjs → chunk-PJV3MWBL.mjs} RENAMED
@@ -131,19 +131,14 @@ var input = tv({
131
131
  },
132
132
  labelPlacement: {
133
133
  outside: {
134
- base: "data-[has-helper=true]:pb-4",
135
134
  label: "text-foreground pb-1.5",
136
- mainWrapper: "flex flex-col",
137
- description: "absolute left-1",
138
- errorMessage: "absolute left-1"
135
+ mainWrapper: "flex flex-col"
139
136
  },
140
137
  "outside-left": {
141
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
138
+ base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
142
139
  inputWrapper: "flex-1",
143
140
  mainWrapper: "flex flex-col",
144
- label: "text-foreground pr-2",
145
- description: "absolute left-1",
146
- errorMessage: "absolute left-1"
141
+ label: "text-foreground pr-2"
147
142
  },
148
143
  inside: {
149
144
  label: "text-tiny cursor-text",
@@ -618,6 +613,27 @@ var input = tv({
618
613
  "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
619
614
  ]
620
615
  }
616
+ },
617
+ {
618
+ labelPlacement: "outside-left",
619
+ size: "sm",
620
+ class: {
621
+ label: "group-data-[has-helper=true]:pt-2"
622
+ }
623
+ },
624
+ {
625
+ labelPlacement: "outside-left",
626
+ size: "md",
627
+ class: {
628
+ label: "group-data-[has-helper=true]:pt-3"
629
+ }
630
+ },
631
+ {
632
+ labelPlacement: "outside-left",
633
+ size: "lg",
634
+ class: {
635
+ label: "group-data-[has-helper=true]:pt-4"
636
+ }
621
637
  }
622
638
  ]
623
639
  });
package/dist/{chunk-GF5XUX5Z.mjs → chunk-SN5GEHHN.mjs} RENAMED
@@ -32,7 +32,6 @@ var popover = tv({
32
32
  "z-[-1]",
33
33
  "absolute",
34
34
  "rotate-45",
35
- "bg-inherit",
36
35
  "w-2.5",
37
36
  "h-2.5",
38
37
  "rounded-sm",
@@ -71,25 +70,31 @@ var popover = tv({
71
70
  color: {
72
71
  default: {
73
72
  base: "bg-content1",
74
- arrow: "shadow-small"
73
+ arrow: "shadow-small bg-content1"
75
74
  },
76
75
  foreground: {
77
- base: colorVariants.solid.foreground
76
+ base: colorVariants.solid.foreground,
77
+ arrow: "bg-foreground"
78
78
  },
79
79
  primary: {
80
- base: colorVariants.solid.primary
80
+ base: colorVariants.solid.primary,
81
+ arrow: "bg-primary"
81
82
  },
82
83
  secondary: {
83
- base: colorVariants.solid.secondary
84
+ base: colorVariants.solid.secondary,
85
+ arrow: "bg-secondary"
84
86
  },
85
87
  success: {
86
- base: colorVariants.solid.success
88
+ base: colorVariants.solid.success,
89
+ arrow: "bg-success"
87
90
  },
88
91
  warning: {
89
- base: colorVariants.solid.warning
92
+ base: colorVariants.solid.warning,
93
+ arrow: "bg-warning"
90
94
  },
91
95
  danger: {
92
- base: colorVariants.solid.danger
96
+ base: colorVariants.solid.danger,
97
+ arrow: "bg-danger"
93
98
  }
94
99
  },
95
100
  radius: {
package/dist/{chunk-NVPBHMUQ.mjs → chunk-X3O5NF4F.mjs} RENAMED
@@ -10,6 +10,7 @@ var select = tv({
10
10
  slots: {
11
11
  base: "group inline-flex flex-col relative w-full",
12
12
  label: "block text-small font-medium text-foreground-500 pointer-events-none",
13
+ mainWrapper: "w-full flex flex-col",
13
14
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
14
15
  innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
15
16
  selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -117,15 +118,11 @@ var select = tv({
117
118
  labelPlacement: {
118
119
  outside: {
119
120
  base: "data-[has-helper=true]:pb-4 flex flex-col",
120
- label: "text-foreground pb-1.5",
121
- description: "absolute left-1",
122
- errorMessage: "absolute left-1"
121
+ label: "text-foreground pb-1.5"
123
122
  },
124
123
  "outside-left": {
125
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
126
- label: "text-foreground pr-2",
127
- description: "absolute left-1",
128
- errorMessage: "absolute left-1"
124
+ base: "flex-row items-center flex-nowrap items-start",
125
+ label: "text-foreground pr-2"
129
126
  },
130
127
  inside: {
131
128
  label: "text-tiny cursor-pointer",
package/dist/components/index.js CHANGED
@@ -1213,7 +1213,6 @@ var popover = tv({
1213
1213
  "z-[-1]",
1214
1214
  "absolute",
1215
1215
  "rotate-45",
1216
- "bg-inherit",
1217
1216
  "w-2.5",
1218
1217
  "h-2.5",
1219
1218
  "rounded-sm",
@@ -1252,25 +1251,31 @@ var popover = tv({
1252
1251
  color: {
1253
1252
  default: {
1254
1253
  base: "bg-content1",
1255
- arrow: "shadow-small"
1254
+ arrow: "shadow-small bg-content1"
1256
1255
  },
1257
1256
  foreground: {
1258
- base: colorVariants.solid.foreground
1257
+ base: colorVariants.solid.foreground,
1258
+ arrow: "bg-foreground"
1259
1259
  },
1260
1260
  primary: {
1261
- base: colorVariants.solid.primary
1261
+ base: colorVariants.solid.primary,
1262
+ arrow: "bg-primary"
1262
1263
  },
1263
1264
  secondary: {
1264
- base: colorVariants.solid.secondary
1265
+ base: colorVariants.solid.secondary,
1266
+ arrow: "bg-secondary"
1265
1267
  },
1266
1268
  success: {
1267
- base: colorVariants.solid.success
1269
+ base: colorVariants.solid.success,
1270
+ arrow: "bg-success"
1268
1271
  },
1269
1272
  warning: {
1270
- base: colorVariants.solid.warning
1273
+ base: colorVariants.solid.warning,
1274
+ arrow: "bg-warning"
1271
1275
  },
1272
1276
  danger: {
1273
- base: colorVariants.solid.danger
1277
+ base: colorVariants.solid.danger,
1278
+ arrow: "bg-danger"
1274
1279
  }
1275
1280
  },
1276
1281
  radius: {
@@ -3689,19 +3694,14 @@ var input = tv({
3689
3694
  },
3690
3695
  labelPlacement: {
3691
3696
  outside: {
3692
- base: "data-[has-helper=true]:pb-4",
3693
3697
  label: "text-foreground pb-1.5",
3694
- mainWrapper: "flex flex-col",
3695
- description: "absolute left-1",
3696
- errorMessage: "absolute left-1"
3698
+ mainWrapper: "flex flex-col"
3697
3699
  },
3698
3700
  "outside-left": {
3699
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
3701
+ base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
3700
3702
  inputWrapper: "flex-1",
3701
3703
  mainWrapper: "flex flex-col",
3702
- label: "text-foreground pr-2",
3703
- description: "absolute left-1",
3704
- errorMessage: "absolute left-1"
3704
+ label: "text-foreground pr-2"
3705
3705
  },
3706
3706
  inside: {
3707
3707
  label: "text-tiny cursor-text",
@@ -4176,6 +4176,27 @@ var input = tv({
4176
4176
  "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
4177
4177
  ]
4178
4178
  }
4179
+ },
4180
+ {
4181
+ labelPlacement: "outside-left",
4182
+ size: "sm",
4183
+ class: {
4184
+ label: "group-data-[has-helper=true]:pt-2"
4185
+ }
4186
+ },
4187
+ {
4188
+ labelPlacement: "outside-left",
4189
+ size: "md",
4190
+ class: {
4191
+ label: "group-data-[has-helper=true]:pt-3"
4192
+ }
4193
+ },
4194
+ {
4195
+ labelPlacement: "outside-left",
4196
+ size: "lg",
4197
+ class: {
4198
+ label: "group-data-[has-helper=true]:pt-4"
4199
+ }
4179
4200
  }
4180
4201
  ]
4181
4202
  });
@@ -5693,6 +5714,7 @@ var select = tv({
5693
5714
  slots: {
5694
5715
  base: "group inline-flex flex-col relative w-full",
5695
5716
  label: "block text-small font-medium text-foreground-500 pointer-events-none",
5717
+ mainWrapper: "w-full flex flex-col",
5696
5718
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
5697
5719
  innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
5698
5720
  selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -5800,15 +5822,11 @@ var select = tv({
5800
5822
  labelPlacement: {
5801
5823
  outside: {
5802
5824
  base: "data-[has-helper=true]:pb-4 flex flex-col",
5803
- label: "text-foreground pb-1.5",
5804
- description: "absolute left-1",
5805
- errorMessage: "absolute left-1"
5825
+ label: "text-foreground pb-1.5"
5806
5826
  },
5807
5827
  "outside-left": {
5808
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
5809
- label: "text-foreground pr-2",
5810
- description: "absolute left-1",
5811
- errorMessage: "absolute left-1"
5828
+ base: "flex-row items-center flex-nowrap items-start",
5829
+ label: "text-foreground pr-2"
5812
5830
  },
5813
5831
  inside: {
5814
5832
  label: "text-tiny cursor-pointer",
package/dist/components/index.mjs CHANGED
@@ -16,7 +16,7 @@ import {
16
16
  } from "../chunk-O24TFHPZ.mjs";
17
17
  import {
18
18
  popover
19
- } from "../chunk-GF5XUX5Z.mjs";
19
+ } from "../chunk-SN5GEHHN.mjs";
20
20
  import {
21
21
  progress
22
22
  } from "../chunk-LQGOKGQV.mjs";
@@ -29,7 +29,7 @@ import {
29
29
  } from "../chunk-4JBYJQSP.mjs";
30
30
  import {
31
31
  select
32
- } from "../chunk-NVPBHMUQ.mjs";
32
+ } from "../chunk-X3O5NF4F.mjs";
33
33
  import {
34
34
  skeleton
35
35
  } from "../chunk-EUS2SEYI.mjs";
@@ -41,7 +41,7 @@ import {
41
41
  } from "../chunk-EC4F6RJF.mjs";
42
42
  import {
43
43
  input
44
- } from "../chunk-PBGVMEDL.mjs";
44
+ } from "../chunk-PJV3MWBL.mjs";
45
45
  import {
46
46
  kbd
47
47
  } from "../chunk-XY766PDD.mjs";
package/dist/components/input.d.ts CHANGED
@@ -80,19 +80,14 @@ declare const input: tailwind_variants.TVReturnType<{
80
80
  };
81
81
  labelPlacement: {
82
82
  outside: {
83
- base: string;
84
83
  label: string;
85
84
  mainWrapper: string;
86
- description: string;
87
- errorMessage: string;
88
85
  };
89
86
  "outside-left": {
90
87
  base: string;
91
88
  inputWrapper: string;
92
89
  mainWrapper: string;
93
90
  label: string;
94
- description: string;
95
- errorMessage: string;
96
91
  };
97
92
  inside: {
98
93
  label: string;
@@ -221,19 +216,14 @@ declare const input: tailwind_variants.TVReturnType<{
221
216
  };
222
217
  labelPlacement: {
223
218
  outside: {
224
- base: string;
225
219
  label: string;
226
220
  mainWrapper: string;
227
- description: string;
228
- errorMessage: string;
229
221
  };
230
222
  "outside-left": {
231
223
  base: string;
232
224
  inputWrapper: string;
233
225
  mainWrapper: string;
234
226
  label: string;
235
- description: string;
236
- errorMessage: string;
237
227
  };
238
228
  inside: {
239
229
  label: string;
@@ -351,19 +341,14 @@ declare const input: tailwind_variants.TVReturnType<{
351
341
  };
352
342
  labelPlacement: {
353
343
  outside: {
354
- base: string;
355
344
  label: string;
356
345
  mainWrapper: string;
357
- description: string;
358
- errorMessage: string;
359
346
  };
360
347
  "outside-left": {
361
348
  base: string;
362
349
  inputWrapper: string;
363
350
  mainWrapper: string;
364
351
  label: string;
365
- description: string;
366
- errorMessage: string;
367
352
  };
368
353
  inside: {
369
354
  label: string;
@@ -481,19 +466,14 @@ declare const input: tailwind_variants.TVReturnType<{
481
466
  };
482
467
  labelPlacement: {
483
468
  outside: {
484
- base: string;
485
469
  label: string;
486
470
  mainWrapper: string;
487
- description: string;
488
- errorMessage: string;
489
471
  };
490
472
  "outside-left": {
491
473
  base: string;
492
474
  inputWrapper: string;
493
475
  mainWrapper: string;
494
476
  label: string;
495
- description: string;
496
- errorMessage: string;
497
477
  };
498
478
  inside: {
499
479
  label: string;
package/dist/components/input.js CHANGED
@@ -258,19 +258,14 @@ var input = tv({
258
258
  },
259
259
  labelPlacement: {
260
260
  outside: {
261
- base: "data-[has-helper=true]:pb-4",
262
261
  label: "text-foreground pb-1.5",
263
- mainWrapper: "flex flex-col",
264
- description: "absolute left-1",
265
- errorMessage: "absolute left-1"
262
+ mainWrapper: "flex flex-col"
266
263
  },
267
264
  "outside-left": {
268
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
265
+ base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
269
266
  inputWrapper: "flex-1",
270
267
  mainWrapper: "flex flex-col",
271
- label: "text-foreground pr-2",
272
- description: "absolute left-1",
273
- errorMessage: "absolute left-1"
268
+ label: "text-foreground pr-2"
274
269
  },
275
270
  inside: {
276
271
  label: "text-tiny cursor-text",
@@ -745,6 +740,27 @@ var input = tv({
745
740
  "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
746
741
  ]
747
742
  }
743
+ },
744
+ {
745
+ labelPlacement: "outside-left",
746
+ size: "sm",
747
+ class: {
748
+ label: "group-data-[has-helper=true]:pt-2"
749
+ }
750
+ },
751
+ {
752
+ labelPlacement: "outside-left",
753
+ size: "md",
754
+ class: {
755
+ label: "group-data-[has-helper=true]:pt-3"
756
+ }
757
+ },
758
+ {
759
+ labelPlacement: "outside-left",
760
+ size: "lg",
761
+ class: {
762
+ label: "group-data-[has-helper=true]:pt-4"
763
+ }
748
764
  }
749
765
  ]
750
766
  });
package/dist/components/input.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  input
3
- } from "../chunk-PBGVMEDL.mjs";
3
+ } from "../chunk-PJV3MWBL.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
package/dist/components/popover.d.ts CHANGED
@@ -36,21 +36,27 @@ declare const popover: tailwind_variants.TVReturnType<{
36
36
  };
37
37
  foreground: {
38
38
  base: string;
39
+ arrow: string;
39
40
  };
40
41
  primary: {
41
42
  base: string;
43
+ arrow: string;
42
44
  };
43
45
  secondary: {
44
46
  base: string;
47
+ arrow: string;
45
48
  };
46
49
  success: {
47
50
  base: string;
51
+ arrow: string;
48
52
  };
49
53
  warning: {
50
54
  base: string;
55
+ arrow: string;
51
56
  };
52
57
  danger: {
53
58
  base: string;
59
+ arrow: string;
54
60
  };
55
61
  };
56
62
  radius: {
@@ -125,21 +131,27 @@ declare const popover: tailwind_variants.TVReturnType<{
125
131
  };
126
132
  foreground: {
127
133
  base: string;
134
+ arrow: string;
128
135
  };
129
136
  primary: {
130
137
  base: string;
138
+ arrow: string;
131
139
  };
132
140
  secondary: {
133
141
  base: string;
142
+ arrow: string;
134
143
  };
135
144
  success: {
136
145
  base: string;
146
+ arrow: string;
137
147
  };
138
148
  warning: {
139
149
  base: string;
150
+ arrow: string;
140
151
  };
141
152
  danger: {
142
153
  base: string;
154
+ arrow: string;
143
155
  };
144
156
  };
145
157
  radius: {
@@ -209,21 +221,27 @@ declare const popover: tailwind_variants.TVReturnType<{
209
221
  };
210
222
  foreground: {
211
223
  base: string;
224
+ arrow: string;
212
225
  };
213
226
  primary: {
214
227
  base: string;
228
+ arrow: string;
215
229
  };
216
230
  secondary: {
217
231
  base: string;
232
+ arrow: string;
218
233
  };
219
234
  success: {
220
235
  base: string;
236
+ arrow: string;
221
237
  };
222
238
  warning: {
223
239
  base: string;
240
+ arrow: string;
224
241
  };
225
242
  danger: {
226
243
  base: string;
244
+ arrow: string;
227
245
  };
228
246
  };
229
247
  radius: {
@@ -293,21 +311,27 @@ declare const popover: tailwind_variants.TVReturnType<{
293
311
  };
294
312
  foreground: {
295
313
  base: string;
314
+ arrow: string;
296
315
  };
297
316
  primary: {
298
317
  base: string;
318
+ arrow: string;
299
319
  };
300
320
  secondary: {
301
321
  base: string;
322
+ arrow: string;
302
323
  };
303
324
  success: {
304
325
  base: string;
326
+ arrow: string;
305
327
  };
306
328
  warning: {
307
329
  base: string;
330
+ arrow: string;
308
331
  };
309
332
  danger: {
310
333
  base: string;
334
+ arrow: string;
311
335
  };
312
336
  };
313
337
  radius: {
package/dist/components/popover.js CHANGED
@@ -223,7 +223,6 @@ var popover = tv({
223
223
  "z-[-1]",
224
224
  "absolute",
225
225
  "rotate-45",
226
- "bg-inherit",
227
226
  "w-2.5",
228
227
  "h-2.5",
229
228
  "rounded-sm",
@@ -262,25 +261,31 @@ var popover = tv({
262
261
  color: {
263
262
  default: {
264
263
  base: "bg-content1",
265
- arrow: "shadow-small"
264
+ arrow: "shadow-small bg-content1"
266
265
  },
267
266
  foreground: {
268
- base: colorVariants.solid.foreground
267
+ base: colorVariants.solid.foreground,
268
+ arrow: "bg-foreground"
269
269
  },
270
270
  primary: {
271
- base: colorVariants.solid.primary
271
+ base: colorVariants.solid.primary,
272
+ arrow: "bg-primary"
272
273
  },
273
274
  secondary: {
274
- base: colorVariants.solid.secondary
275
+ base: colorVariants.solid.secondary,
276
+ arrow: "bg-secondary"
275
277
  },
276
278
  success: {
277
- base: colorVariants.solid.success
279
+ base: colorVariants.solid.success,
280
+ arrow: "bg-success"
278
281
  },
279
282
  warning: {
280
- base: colorVariants.solid.warning
283
+ base: colorVariants.solid.warning,
284
+ arrow: "bg-warning"
281
285
  },
282
286
  danger: {
283
- base: colorVariants.solid.danger
287
+ base: colorVariants.solid.danger,
288
+ arrow: "bg-danger"
284
289
  }
285
290
  },
286
291
  radius: {
package/dist/components/popover.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  popover
3
- } from "../chunk-GF5XUX5Z.mjs";
3
+ } from "../chunk-SN5GEHHN.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
package/dist/components/select.d.ts CHANGED
@@ -61,14 +61,10 @@ declare const select: tailwind_variants.TVReturnType<{
61
61
  outside: {
62
62
  base: string;
63
63
  label: string;
64
- description: string;
65
- errorMessage: string;
66
64
  };
67
65
  "outside-left": {
68
66
  base: string;
69
67
  label: string;
70
- description: string;
71
- errorMessage: string;
72
68
  };
73
69
  inside: {
74
70
  label: string;
@@ -133,6 +129,7 @@ declare const select: tailwind_variants.TVReturnType<{
133
129
  }, {
134
130
  base: string;
135
131
  label: string;
132
+ mainWrapper: string;
136
133
  trigger: string;
137
134
  innerWrapper: string;
138
135
  selectorIcon: string;
@@ -203,14 +200,10 @@ declare const select: tailwind_variants.TVReturnType<{
203
200
  outside: {
204
201
  base: string;
205
202
  label: string;
206
- description: string;
207
- errorMessage: string;
208
203
  };
209
204
  "outside-left": {
210
205
  base: string;
211
206
  label: string;
212
- description: string;
213
- errorMessage: string;
214
207
  };
215
208
  inside: {
216
209
  label: string;
@@ -331,14 +324,10 @@ declare const select: tailwind_variants.TVReturnType<{
331
324
  outside: {
332
325
  base: string;
333
326
  label: string;
334
- description: string;
335
- errorMessage: string;
336
327
  };
337
328
  "outside-left": {
338
329
  base: string;
339
330
  label: string;
340
- description: string;
341
- errorMessage: string;
342
331
  };
343
332
  inside: {
344
333
  label: string;
@@ -459,14 +448,10 @@ declare const select: tailwind_variants.TVReturnType<{
459
448
  outside: {
460
449
  base: string;
461
450
  label: string;
462
- description: string;
463
- errorMessage: string;
464
451
  };
465
452
  "outside-left": {
466
453
  base: string;
467
454
  label: string;
468
- description: string;
469
- errorMessage: string;
470
455
  };
471
456
  inside: {
472
457
  label: string;
@@ -531,6 +516,7 @@ declare const select: tailwind_variants.TVReturnType<{
531
516
  }, {
532
517
  base: string;
533
518
  label: string;
519
+ mainWrapper: string;
534
520
  trigger: string;
535
521
  innerWrapper: string;
536
522
  selectorIcon: string;
package/dist/components/select.js CHANGED
@@ -130,6 +130,7 @@ var select = tv({
130
130
  slots: {
131
131
  base: "group inline-flex flex-col relative w-full",
132
132
  label: "block text-small font-medium text-foreground-500 pointer-events-none",
133
+ mainWrapper: "w-full flex flex-col",
133
134
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
134
135
  innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
135
136
  selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -237,15 +238,11 @@ var select = tv({
237
238
  labelPlacement: {
238
239
  outside: {
239
240
  base: "data-[has-helper=true]:pb-4 flex flex-col",
240
- label: "text-foreground pb-1.5",
241
- description: "absolute left-1",
242
- errorMessage: "absolute left-1"
241
+ label: "text-foreground pb-1.5"
243
242
  },
244
243
  "outside-left": {
245
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
246
- label: "text-foreground pr-2",
247
- description: "absolute left-1",
248
- errorMessage: "absolute left-1"
244
+ base: "flex-row items-center flex-nowrap items-start",
245
+ label: "text-foreground pr-2"
249
246
  },
250
247
  inside: {
251
248
  label: "text-tiny cursor-pointer",
package/dist/components/select.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  select
3
- } from "../chunk-NVPBHMUQ.mjs";
3
+ } from "../chunk-X3O5NF4F.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
package/dist/index.js CHANGED
@@ -1245,7 +1245,6 @@ var popover = tv({
1245
1245
  "z-[-1]",
1246
1246
  "absolute",
1247
1247
  "rotate-45",
1248
- "bg-inherit",
1249
1248
  "w-2.5",
1250
1249
  "h-2.5",
1251
1250
  "rounded-sm",
@@ -1284,25 +1283,31 @@ var popover = tv({
1284
1283
  color: {
1285
1284
  default: {
1286
1285
  base: "bg-content1",
1287
- arrow: "shadow-small"
1286
+ arrow: "shadow-small bg-content1"
1288
1287
  },
1289
1288
  foreground: {
1290
- base: colorVariants.solid.foreground
1289
+ base: colorVariants.solid.foreground,
1290
+ arrow: "bg-foreground"
1291
1291
  },
1292
1292
  primary: {
1293
- base: colorVariants.solid.primary
1293
+ base: colorVariants.solid.primary,
1294
+ arrow: "bg-primary"
1294
1295
  },
1295
1296
  secondary: {
1296
- base: colorVariants.solid.secondary
1297
+ base: colorVariants.solid.secondary,
1298
+ arrow: "bg-secondary"
1297
1299
  },
1298
1300
  success: {
1299
- base: colorVariants.solid.success
1301
+ base: colorVariants.solid.success,
1302
+ arrow: "bg-success"
1300
1303
  },
1301
1304
  warning: {
1302
- base: colorVariants.solid.warning
1305
+ base: colorVariants.solid.warning,
1306
+ arrow: "bg-warning"
1303
1307
  },
1304
1308
  danger: {
1305
- base: colorVariants.solid.danger
1309
+ base: colorVariants.solid.danger,
1310
+ arrow: "bg-danger"
1306
1311
  }
1307
1312
  },
1308
1313
  radius: {
@@ -3721,19 +3726,14 @@ var input = tv({
3721
3726
  },
3722
3727
  labelPlacement: {
3723
3728
  outside: {
3724
- base: "data-[has-helper=true]:pb-4",
3725
3729
  label: "text-foreground pb-1.5",
3726
- mainWrapper: "flex flex-col",
3727
- description: "absolute left-1",
3728
- errorMessage: "absolute left-1"
3730
+ mainWrapper: "flex flex-col"
3729
3731
  },
3730
3732
  "outside-left": {
3731
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
3733
+ base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
3732
3734
  inputWrapper: "flex-1",
3733
3735
  mainWrapper: "flex flex-col",
3734
- label: "text-foreground pr-2",
3735
- description: "absolute left-1",
3736
- errorMessage: "absolute left-1"
3736
+ label: "text-foreground pr-2"
3737
3737
  },
3738
3738
  inside: {
3739
3739
  label: "text-tiny cursor-text",
@@ -4208,6 +4208,27 @@ var input = tv({
4208
4208
  "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
4209
4209
  ]
4210
4210
  }
4211
+ },
4212
+ {
4213
+ labelPlacement: "outside-left",
4214
+ size: "sm",
4215
+ class: {
4216
+ label: "group-data-[has-helper=true]:pt-2"
4217
+ }
4218
+ },
4219
+ {
4220
+ labelPlacement: "outside-left",
4221
+ size: "md",
4222
+ class: {
4223
+ label: "group-data-[has-helper=true]:pt-3"
4224
+ }
4225
+ },
4226
+ {
4227
+ labelPlacement: "outside-left",
4228
+ size: "lg",
4229
+ class: {
4230
+ label: "group-data-[has-helper=true]:pt-4"
4231
+ }
4211
4232
  }
4212
4233
  ]
4213
4234
  });
@@ -5725,6 +5746,7 @@ var select = tv({
5725
5746
  slots: {
5726
5747
  base: "group inline-flex flex-col relative w-full",
5727
5748
  label: "block text-small font-medium text-foreground-500 pointer-events-none",
5749
+ mainWrapper: "w-full flex flex-col",
5728
5750
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
5729
5751
  innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
5730
5752
  selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -5832,15 +5854,11 @@ var select = tv({
5832
5854
  labelPlacement: {
5833
5855
  outside: {
5834
5856
  base: "data-[has-helper=true]:pb-4 flex flex-col",
5835
- label: "text-foreground pb-1.5",
5836
- description: "absolute left-1",
5837
- errorMessage: "absolute left-1"
5857
+ label: "text-foreground pb-1.5"
5838
5858
  },
5839
5859
  "outside-left": {
5840
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
5841
- label: "text-foreground pr-2",
5842
- description: "absolute left-1",
5843
- errorMessage: "absolute left-1"
5860
+ base: "flex-row items-center flex-nowrap items-start",
5861
+ label: "text-foreground pr-2"
5844
5862
  },
5845
5863
  inside: {
5846
5864
  label: "text-tiny cursor-pointer",
package/dist/index.mjs CHANGED
@@ -16,7 +16,7 @@ import {
16
16
  } from "./chunk-O24TFHPZ.mjs";
17
17
  import {
18
18
  popover
19
- } from "./chunk-GF5XUX5Z.mjs";
19
+ } from "./chunk-SN5GEHHN.mjs";
20
20
  import {
21
21
  progress
22
22
  } from "./chunk-LQGOKGQV.mjs";
@@ -29,7 +29,7 @@ import {
29
29
  } from "./chunk-4JBYJQSP.mjs";
30
30
  import {
31
31
  select
32
- } from "./chunk-NVPBHMUQ.mjs";
32
+ } from "./chunk-X3O5NF4F.mjs";
33
33
  import {
34
34
  skeleton
35
35
  } from "./chunk-EUS2SEYI.mjs";
@@ -41,7 +41,7 @@ import {
41
41
  } from "./chunk-EC4F6RJF.mjs";
42
42
  import {
43
43
  input
44
- } from "./chunk-PBGVMEDL.mjs";
44
+ } from "./chunk-PJV3MWBL.mjs";
45
45
  import {
46
46
  kbd
47
47
  } from "./chunk-XY766PDD.mjs";
package/dist/types.d.ts CHANGED
@@ -11,7 +11,7 @@ type FontThemeUnit = BaseThemeUnit & {
11
11
  };
12
12
  declare const spacingScaleKeys: string[];
13
13
  declare const mappedSpacingScaleKeys: string[];
14
- type SpacingScaleKeys = typeof spacingScaleKeys[number];
14
+ type SpacingScaleKeys = (typeof spacingScaleKeys)[number];
15
15
  type SpacingScale = Partial<Record<SpacingScaleKeys, string>>;
16
16
  interface LayoutTheme {
17
17
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/theme",
3
- "version": "2.1.2",
3
+ "version": "2.1.4",
4
4
  "description": "The default theme for NextUI components",
5
5
  "keywords": [
6
6
  "theme",