@nextui-org/theme 0.0.0-dev-v2-20230624215649 → 0.0.0-dev-v2-20230625145649

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.
@@ -70,7 +70,8 @@ var popover = tv({
70
70
  },
71
71
  color: {
72
72
  default: {
73
- base: "bg-content1 border border-boundary"
73
+ base: "bg-content1 border border-boundary",
74
+ arrow: "border border-boundary"
74
75
  },
75
76
  foreground: {
76
77
  base: colorVariants.solid.foreground
@@ -126,10 +127,10 @@ var popover = tv({
126
127
  backdrop: {
127
128
  transparent: {},
128
129
  opaque: {
129
- backdrop: "bg-black/50 backdrop-opacity-50"
130
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
130
131
  },
131
132
  blur: {
132
- backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
133
+ backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
133
134
  }
134
135
  },
135
136
  triggerScaleOnOpen: {
@@ -21,11 +21,14 @@ var base = {
21
21
  DEFAULT: "rgba(17, 17, 17, 0.15)"
22
22
  },
23
23
  boundary: {
24
- DEFAULT: twColors.zinc[100]
24
+ DEFAULT: twColors.zinc[200]
25
25
  },
26
26
  focus: {
27
27
  DEFAULT: commonColors.blue[500]
28
28
  },
29
+ overlay: {
30
+ DEFAULT: "#000000"
31
+ },
29
32
  content1: {
30
33
  DEFAULT: "#FFFFFF",
31
34
  foreground: "#11181C"
@@ -54,6 +57,9 @@ var base = {
54
57
  focus: {
55
58
  DEFAULT: commonColors.blue[500]
56
59
  },
60
+ overlay: {
61
+ DEFAULT: "#000000"
62
+ },
57
63
  divider: {
58
64
  DEFAULT: "rgba(255, 255, 255, 0.15)"
59
65
  },
@@ -51,11 +51,10 @@ var dropdownItem = tv({
51
51
  "py-0.5",
52
52
  "rounded",
53
53
  "font-sans",
54
- "opacity-60",
55
- "text-inherit",
54
+ "text-foreground-500",
56
55
  "text-xs",
57
56
  "border",
58
- "border-default-200",
57
+ "border-boundary",
59
58
  "group-hover:border-current"
60
59
  ]
61
60
  },
@@ -88,20 +87,6 @@ var dropdownItem = tv({
88
87
  warning: {},
89
88
  danger: {}
90
89
  },
91
- showDivider: {
92
- true: {
93
- base: [
94
- "mt-2",
95
- "before-content-['']",
96
- "before:absolute",
97
- "before:-top-1.5",
98
- "before:left-0",
99
- "before:right-0",
100
- "before:h-px",
101
- "before:bg-divider"
102
- ]
103
- }
104
- },
105
90
  isDisabled: {
106
91
  true: {
107
92
  base: "opacity-50 pointer-events-none"
@@ -376,23 +361,8 @@ var dropdownSection = tv({
376
361
  slots: {
377
362
  base: "relative mb-2",
378
363
  heading: "pl-1 text-xs text-foreground-500",
379
- group: "pt-1"
380
- },
381
- variants: {
382
- showDivider: {
383
- true: {
384
- heading: [
385
- "mt-2",
386
- "before-content-['']",
387
- "before:absolute",
388
- "before:-top-1",
389
- "before:left-0",
390
- "before:right-0",
391
- "before:h-px",
392
- "before:bg-divider"
393
- ]
394
- }
395
- }
364
+ group: "data-[has-title=true]:pt-1",
365
+ divider: "mt-2"
396
366
  }
397
367
  });
398
368
  var dropdownMenu = tv({
@@ -123,10 +123,10 @@ var modal = tv({
123
123
  backdrop: "hidden"
124
124
  },
125
125
  opaque: {
126
- backdrop: "bg-black/50 backdrop-opacity-50"
126
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
127
127
  },
128
128
  blur: {
129
- backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
129
+ backdrop: "backdrop-blur-md backdrop-saturate-150 bg-overlay/30"
130
130
  }
131
131
  },
132
132
  scrollBehavior: {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  semanticColors
3
- } from "./chunk-WVACN4IM.mjs";
3
+ } from "./chunk-JG7GS7DC.mjs";
4
4
  import {
5
5
  commonColors
6
6
  } from "./chunk-5LKRUH3Q.mjs";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk-G2ZSNGR5.mjs";
7
7
  import {
8
8
  semanticColors
9
- } from "./chunk-WVACN4IM.mjs";
9
+ } from "./chunk-JG7GS7DC.mjs";
10
10
  import {
11
11
  removeDefaultKeys
12
12
  } from "./chunk-37PIXVP4.mjs";
@@ -179,11 +179,14 @@ var base = {
179
179
  DEFAULT: "rgba(17, 17, 17, 0.15)"
180
180
  },
181
181
  boundary: {
182
- DEFAULT: import_colors.default.zinc[100]
182
+ DEFAULT: import_colors.default.zinc[200]
183
183
  },
184
184
  focus: {
185
185
  DEFAULT: commonColors.blue[500]
186
186
  },
187
+ overlay: {
188
+ DEFAULT: "#000000"
189
+ },
187
190
  content1: {
188
191
  DEFAULT: "#FFFFFF",
189
192
  foreground: "#11181C"
@@ -212,6 +215,9 @@ var base = {
212
215
  focus: {
213
216
  DEFAULT: commonColors.blue[500]
214
217
  },
218
+ overlay: {
219
+ DEFAULT: "#000000"
220
+ },
215
221
  divider: {
216
222
  DEFAULT: "rgba(255, 255, 255, 0.15)"
217
223
  },
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  colors
3
- } from "../chunk-TIB5HDTS.mjs";
3
+ } from "../chunk-V62BB4KJ.mjs";
4
4
  import {
5
5
  semanticColors
6
- } from "../chunk-WVACN4IM.mjs";
6
+ } from "../chunk-JG7GS7DC.mjs";
7
7
  import "../chunk-37PIXVP4.mjs";
8
8
  import "../chunk-M63AFAHO.mjs";
9
9
  import {
@@ -177,11 +177,14 @@ var base = {
177
177
  DEFAULT: "rgba(17, 17, 17, 0.15)"
178
178
  },
179
179
  boundary: {
180
- DEFAULT: import_colors.default.zinc[100]
180
+ DEFAULT: import_colors.default.zinc[200]
181
181
  },
182
182
  focus: {
183
183
  DEFAULT: commonColors.blue[500]
184
184
  },
185
+ overlay: {
186
+ DEFAULT: "#000000"
187
+ },
185
188
  content1: {
186
189
  DEFAULT: "#FFFFFF",
187
190
  foreground: "#11181C"
@@ -210,6 +213,9 @@ var base = {
210
213
  focus: {
211
214
  DEFAULT: commonColors.blue[500]
212
215
  },
216
+ overlay: {
217
+ DEFAULT: "#000000"
218
+ },
213
219
  divider: {
214
220
  DEFAULT: "rgba(255, 255, 255, 0.15)"
215
221
  },
@@ -2,7 +2,7 @@ import {
2
2
  brandColorsDark,
3
3
  brandColorsLight,
4
4
  semanticColors
5
- } from "../chunk-WVACN4IM.mjs";
5
+ } from "../chunk-JG7GS7DC.mjs";
6
6
  import "../chunk-37PIXVP4.mjs";
7
7
  import "../chunk-5LKRUH3Q.mjs";
8
8
  import "../chunk-DCEG5LGX.mjs";
@@ -17,6 +17,7 @@ type BaseColors = {
17
17
  foreground: ColorScale;
18
18
  divider: ColorScale;
19
19
  boundary: ColorScale;
20
+ overlay: ColorScale;
20
21
  focus: ColorScale;
21
22
  content1: ColorScale;
22
23
  content2: ColorScale;
package/dist/colors.js CHANGED
@@ -179,11 +179,14 @@ var base = {
179
179
  DEFAULT: "rgba(17, 17, 17, 0.15)"
180
180
  },
181
181
  boundary: {
182
- DEFAULT: import_colors.default.zinc[100]
182
+ DEFAULT: import_colors.default.zinc[200]
183
183
  },
184
184
  focus: {
185
185
  DEFAULT: commonColors.blue[500]
186
186
  },
187
+ overlay: {
188
+ DEFAULT: "#000000"
189
+ },
187
190
  content1: {
188
191
  DEFAULT: "#FFFFFF",
189
192
  foreground: "#11181C"
@@ -212,6 +215,9 @@ var base = {
212
215
  focus: {
213
216
  DEFAULT: commonColors.blue[500]
214
217
  },
218
+ overlay: {
219
+ DEFAULT: "#000000"
220
+ },
215
221
  divider: {
216
222
  DEFAULT: "rgba(255, 255, 255, 0.15)"
217
223
  },
package/dist/colors.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  import "./chunk-WQEDQHKX.mjs";
2
2
  import {
3
3
  colors
4
- } from "./chunk-TIB5HDTS.mjs";
4
+ } from "./chunk-V62BB4KJ.mjs";
5
5
  import {
6
6
  semanticColors
7
- } from "./chunk-WVACN4IM.mjs";
7
+ } from "./chunk-JG7GS7DC.mjs";
8
8
  import "./chunk-37PIXVP4.mjs";
9
9
  import "./chunk-M63AFAHO.mjs";
10
10
  import {
@@ -72,11 +72,6 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
72
72
  warning: {};
73
73
  danger: {};
74
74
  };
75
- showDivider: {
76
- true: {
77
- base: string[];
78
- };
79
- };
80
75
  isDisabled: {
81
76
  true: {
82
77
  base: string;
@@ -122,11 +117,6 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
122
117
  warning: {};
123
118
  danger: {};
124
119
  };
125
- showDivider: {
126
- true: {
127
- base: string[];
128
- };
129
- };
130
120
  isDisabled: {
131
121
  true: {
132
122
  base: string;
@@ -165,11 +155,6 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
165
155
  warning: {};
166
156
  danger: {};
167
157
  };
168
- showDivider: {
169
- true: {
170
- base: string[];
171
- };
172
- };
173
158
  isDisabled: {
174
159
  true: {
175
160
  base: string;
@@ -208,11 +193,6 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
208
193
  warning: {};
209
194
  danger: {};
210
195
  };
211
- showDivider: {
212
- true: {
213
- base: string[];
214
- };
215
- };
216
196
  isDisabled: {
217
197
  true: {
218
198
  base: string;
@@ -233,10 +213,10 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
233
213
  /**
234
214
  * Dropdown wrapper **Tailwind Variants** component
235
215
  *
236
- * const { section, heading } = dropdownSection({...})
216
+ * const { base, section, heading } = dropdownSection({...})
237
217
  *
238
218
  * @example
239
- * <div>
219
+ * <div className={base()}>
240
220
  * <button className={trigger()} aria-expanded="true/false">your trigger</button>
241
221
  * <div className={section()}>
242
222
  * // dropdown content
@@ -244,38 +224,40 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
244
224
  * </div>
245
225
  * </div>
246
226
  */
247
- declare const dropdownSection: tailwind_variants.TVReturnType<{
248
- showDivider: {
249
- true: {
250
- heading: string[];
251
- };
252
- };
253
- }, {
227
+ declare const dropdownSection: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<{
254
228
  base: string;
255
229
  heading: string;
256
230
  group: string;
257
- }, undefined, tailwind_variants_dist_config.TVConfig<{
258
- showDivider: {
259
- true: {
260
- heading: string[];
261
- };
262
- };
263
- }, {
264
- showDivider: {
265
- true: {
266
- heading: string[];
267
- };
268
- };
269
- }>, {
270
- showDivider: {
271
- true: {
272
- heading: string[];
273
- };
274
- };
275
- }, {
231
+ divider: string;
232
+ }, undefined> | {
233
+ [x: string]: {
234
+ [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<{
235
+ base: string;
236
+ heading: string;
237
+ group: string;
238
+ divider: string;
239
+ }, undefined>;
240
+ } | undefined;
241
+ } | {}, {
242
+ base: string;
243
+ heading: string;
244
+ group: string;
245
+ divider: string;
246
+ }, undefined, tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<{
247
+ base: string;
248
+ heading: string;
249
+ group: string;
250
+ divider: string;
251
+ }, undefined> | {}>, tailwind_variants.TVVariantsDefault<{
252
+ base: string;
253
+ heading: string;
254
+ group: string;
255
+ divider: string;
256
+ }, undefined> | {}, {
276
257
  base: string;
277
258
  heading: string;
278
259
  group: string;
260
+ divider: string;
279
261
  }>;
280
262
  /**
281
263
  * Dropdown Menu wrapper **Tailwind Variants** component
@@ -87,11 +87,10 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
87
87
  "py-0.5",
88
88
  "rounded",
89
89
  "font-sans",
90
- "opacity-60",
91
- "text-inherit",
90
+ "text-foreground-500",
92
91
  "text-xs",
93
92
  "border",
94
- "border-default-200",
93
+ "border-boundary",
95
94
  "group-hover:border-current"
96
95
  ]
97
96
  },
@@ -124,20 +123,6 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
124
123
  warning: {},
125
124
  danger: {}
126
125
  },
127
- showDivider: {
128
- true: {
129
- base: [
130
- "mt-2",
131
- "before-content-['']",
132
- "before:absolute",
133
- "before:-top-1.5",
134
- "before:left-0",
135
- "before:right-0",
136
- "before:h-px",
137
- "before:bg-divider"
138
- ]
139
- }
140
- },
141
126
  isDisabled: {
142
127
  true: {
143
128
  base: "opacity-50 pointer-events-none"
@@ -412,23 +397,8 @@ var dropdownSection = (0, import_tailwind_variants.tv)({
412
397
  slots: {
413
398
  base: "relative mb-2",
414
399
  heading: "pl-1 text-xs text-foreground-500",
415
- group: "pt-1"
416
- },
417
- variants: {
418
- showDivider: {
419
- true: {
420
- heading: [
421
- "mt-2",
422
- "before-content-['']",
423
- "before:absolute",
424
- "before:-top-1",
425
- "before:left-0",
426
- "before:right-0",
427
- "before:h-px",
428
- "before:bg-divider"
429
- ]
430
- }
431
- }
400
+ group: "data-[has-title=true]:pt-1",
401
+ divider: "mt-2"
432
402
  }
433
403
  });
434
404
  var dropdownMenu = (0, import_tailwind_variants.tv)({
@@ -3,7 +3,7 @@ import {
3
3
  dropdownItem,
4
4
  dropdownMenu,
5
5
  dropdownSection
6
- } from "../chunk-ATPFR6ZL.mjs";
6
+ } from "../chunk-LGTXL2ML.mjs";
7
7
  import "../chunk-CMYR6AOY.mjs";
8
8
  import "../chunk-K7LK7NCE.mjs";
9
9
  import "../chunk-CEW7YOHH.mjs";
@@ -1284,7 +1284,8 @@ var popover = (0, import_tailwind_variants9.tv)({
1284
1284
  },
1285
1285
  color: {
1286
1286
  default: {
1287
- base: "bg-content1 border border-boundary"
1287
+ base: "bg-content1 border border-boundary",
1288
+ arrow: "border border-boundary"
1288
1289
  },
1289
1290
  foreground: {
1290
1291
  base: colorVariants.solid.foreground
@@ -1340,10 +1341,10 @@ var popover = (0, import_tailwind_variants9.tv)({
1340
1341
  backdrop: {
1341
1342
  transparent: {},
1342
1343
  opaque: {
1343
- backdrop: "bg-black/50 backdrop-opacity-50"
1344
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
1344
1345
  },
1345
1346
  blur: {
1346
- backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
1347
+ backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
1347
1348
  }
1348
1349
  },
1349
1350
  triggerScaleOnOpen: {
@@ -4574,11 +4575,10 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
4574
4575
  "py-0.5",
4575
4576
  "rounded",
4576
4577
  "font-sans",
4577
- "opacity-60",
4578
- "text-inherit",
4578
+ "text-foreground-500",
4579
4579
  "text-xs",
4580
4580
  "border",
4581
- "border-default-200",
4581
+ "border-boundary",
4582
4582
  "group-hover:border-current"
4583
4583
  ]
4584
4584
  },
@@ -4611,20 +4611,6 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
4611
4611
  warning: {},
4612
4612
  danger: {}
4613
4613
  },
4614
- showDivider: {
4615
- true: {
4616
- base: [
4617
- "mt-2",
4618
- "before-content-['']",
4619
- "before:absolute",
4620
- "before:-top-1.5",
4621
- "before:left-0",
4622
- "before:right-0",
4623
- "before:h-px",
4624
- "before:bg-divider"
4625
- ]
4626
- }
4627
- },
4628
4614
  isDisabled: {
4629
4615
  true: {
4630
4616
  base: "opacity-50 pointer-events-none"
@@ -4899,23 +4885,8 @@ var dropdownSection = (0, import_tailwind_variants21.tv)({
4899
4885
  slots: {
4900
4886
  base: "relative mb-2",
4901
4887
  heading: "pl-1 text-xs text-foreground-500",
4902
- group: "pt-1"
4903
- },
4904
- variants: {
4905
- showDivider: {
4906
- true: {
4907
- heading: [
4908
- "mt-2",
4909
- "before-content-['']",
4910
- "before:absolute",
4911
- "before:-top-1",
4912
- "before:left-0",
4913
- "before:right-0",
4914
- "before:h-px",
4915
- "before:bg-divider"
4916
- ]
4917
- }
4918
- }
4888
+ group: "data-[has-title=true]:pt-1",
4889
+ divider: "mt-2"
4919
4890
  }
4920
4891
  });
4921
4892
  var dropdownMenu = (0, import_tailwind_variants21.tv)({
@@ -5211,10 +5182,10 @@ var modal = (0, import_tailwind_variants23.tv)({
5211
5182
  backdrop: "hidden"
5212
5183
  },
5213
5184
  opaque: {
5214
- backdrop: "bg-black/50 backdrop-opacity-50"
5185
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
5215
5186
  },
5216
5187
  blur: {
5217
- backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
5188
+ backdrop: "backdrop-blur-md backdrop-saturate-150 bg-overlay/30"
5218
5189
  }
5219
5190
  },
5220
5191
  scrollBehavior: {
@@ -19,7 +19,7 @@ import {
19
19
  } from "../chunk-FAR5DJOU.mjs";
20
20
  import {
21
21
  modal
22
- } from "../chunk-RB2RANUL.mjs";
22
+ } from "../chunk-MMICGI5R.mjs";
23
23
  import {
24
24
  navbar
25
25
  } from "../chunk-AOWZVYD6.mjs";
@@ -28,7 +28,7 @@ import {
28
28
  } from "../chunk-7CDOS5YK.mjs";
29
29
  import {
30
30
  popover
31
- } from "../chunk-QJZSBDVH.mjs";
31
+ } from "../chunk-4ZBRDYD7.mjs";
32
32
  import {
33
33
  progress
34
34
  } from "../chunk-BHHIVMOY.mjs";
@@ -53,7 +53,7 @@ import {
53
53
  dropdownItem,
54
54
  dropdownMenu,
55
55
  dropdownSection
56
- } from "../chunk-ATPFR6ZL.mjs";
56
+ } from "../chunk-LGTXL2ML.mjs";
57
57
  import {
58
58
  image
59
59
  } from "../chunk-46ZSXBCH.mjs";
@@ -156,10 +156,10 @@ var modal = (0, import_tailwind_variants.tv)({
156
156
  backdrop: "hidden"
157
157
  },
158
158
  opaque: {
159
- backdrop: "bg-black/50 backdrop-opacity-50"
159
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
160
160
  },
161
161
  blur: {
162
- backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
162
+ backdrop: "backdrop-blur-md backdrop-saturate-150 bg-overlay/30"
163
163
  }
164
164
  },
165
165
  scrollBehavior: {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  modal
3
- } from "../chunk-RB2RANUL.mjs";
3
+ } from "../chunk-MMICGI5R.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-CEW7YOHH.mjs";
@@ -38,6 +38,7 @@ declare const popover: tailwind_variants.TVReturnType<{
38
38
  color: {
39
39
  default: {
40
40
  base: string;
41
+ arrow: string;
41
42
  };
42
43
  foreground: {
43
44
  base: string;
@@ -150,6 +151,7 @@ declare const popover: tailwind_variants.TVReturnType<{
150
151
  color: {
151
152
  default: {
152
153
  base: string;
154
+ arrow: string;
153
155
  };
154
156
  foreground: {
155
157
  base: string;
@@ -257,6 +259,7 @@ declare const popover: tailwind_variants.TVReturnType<{
257
259
  color: {
258
260
  default: {
259
261
  base: string;
262
+ arrow: string;
260
263
  };
261
264
  foreground: {
262
265
  base: string;
@@ -364,6 +367,7 @@ declare const popover: tailwind_variants.TVReturnType<{
364
367
  color: {
365
368
  default: {
366
369
  base: string;
370
+ arrow: string;
367
371
  };
368
372
  foreground: {
369
373
  base: string;
@@ -174,7 +174,8 @@ var popover = (0, import_tailwind_variants.tv)({
174
174
  },
175
175
  color: {
176
176
  default: {
177
- base: "bg-content1 border border-boundary"
177
+ base: "bg-content1 border border-boundary",
178
+ arrow: "border border-boundary"
178
179
  },
179
180
  foreground: {
180
181
  base: colorVariants.solid.foreground
@@ -230,10 +231,10 @@ var popover = (0, import_tailwind_variants.tv)({
230
231
  backdrop: {
231
232
  transparent: {},
232
233
  opaque: {
233
- backdrop: "bg-black/50 backdrop-opacity-50"
234
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
234
235
  },
235
236
  blur: {
236
- backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
237
+ backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
237
238
  }
238
239
  },
239
240
  triggerScaleOnOpen: {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  popover
3
- } from "../chunk-QJZSBDVH.mjs";
3
+ } from "../chunk-4ZBRDYD7.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-CEW7YOHH.mjs";
package/dist/index.js CHANGED
@@ -1317,7 +1317,8 @@ var popover = (0, import_tailwind_variants9.tv)({
1317
1317
  },
1318
1318
  color: {
1319
1319
  default: {
1320
- base: "bg-content1 border border-boundary"
1320
+ base: "bg-content1 border border-boundary",
1321
+ arrow: "border border-boundary"
1321
1322
  },
1322
1323
  foreground: {
1323
1324
  base: colorVariants.solid.foreground
@@ -1373,10 +1374,10 @@ var popover = (0, import_tailwind_variants9.tv)({
1373
1374
  backdrop: {
1374
1375
  transparent: {},
1375
1376
  opaque: {
1376
- backdrop: "bg-black/50 backdrop-opacity-50"
1377
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
1377
1378
  },
1378
1379
  blur: {
1379
- backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
1380
+ backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
1380
1381
  }
1381
1382
  },
1382
1383
  triggerScaleOnOpen: {
@@ -4607,11 +4608,10 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
4607
4608
  "py-0.5",
4608
4609
  "rounded",
4609
4610
  "font-sans",
4610
- "opacity-60",
4611
- "text-inherit",
4611
+ "text-foreground-500",
4612
4612
  "text-xs",
4613
4613
  "border",
4614
- "border-default-200",
4614
+ "border-boundary",
4615
4615
  "group-hover:border-current"
4616
4616
  ]
4617
4617
  },
@@ -4644,20 +4644,6 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
4644
4644
  warning: {},
4645
4645
  danger: {}
4646
4646
  },
4647
- showDivider: {
4648
- true: {
4649
- base: [
4650
- "mt-2",
4651
- "before-content-['']",
4652
- "before:absolute",
4653
- "before:-top-1.5",
4654
- "before:left-0",
4655
- "before:right-0",
4656
- "before:h-px",
4657
- "before:bg-divider"
4658
- ]
4659
- }
4660
- },
4661
4647
  isDisabled: {
4662
4648
  true: {
4663
4649
  base: "opacity-50 pointer-events-none"
@@ -4932,23 +4918,8 @@ var dropdownSection = (0, import_tailwind_variants21.tv)({
4932
4918
  slots: {
4933
4919
  base: "relative mb-2",
4934
4920
  heading: "pl-1 text-xs text-foreground-500",
4935
- group: "pt-1"
4936
- },
4937
- variants: {
4938
- showDivider: {
4939
- true: {
4940
- heading: [
4941
- "mt-2",
4942
- "before-content-['']",
4943
- "before:absolute",
4944
- "before:-top-1",
4945
- "before:left-0",
4946
- "before:right-0",
4947
- "before:h-px",
4948
- "before:bg-divider"
4949
- ]
4950
- }
4951
- }
4921
+ group: "data-[has-title=true]:pt-1",
4922
+ divider: "mt-2"
4952
4923
  }
4953
4924
  });
4954
4925
  var dropdownMenu = (0, import_tailwind_variants21.tv)({
@@ -5244,10 +5215,10 @@ var modal = (0, import_tailwind_variants23.tv)({
5244
5215
  backdrop: "hidden"
5245
5216
  },
5246
5217
  opaque: {
5247
- backdrop: "bg-black/50 backdrop-opacity-50"
5218
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
5248
5219
  },
5249
5220
  blur: {
5250
- backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
5221
+ backdrop: "backdrop-blur-md backdrop-saturate-150 bg-overlay/30"
5251
5222
  }
5252
5223
  },
5253
5224
  scrollBehavior: {
@@ -6331,11 +6302,14 @@ var base = {
6331
6302
  DEFAULT: "rgba(17, 17, 17, 0.15)"
6332
6303
  },
6333
6304
  boundary: {
6334
- DEFAULT: import_colors.default.zinc[100]
6305
+ DEFAULT: import_colors.default.zinc[200]
6335
6306
  },
6336
6307
  focus: {
6337
6308
  DEFAULT: commonColors.blue[500]
6338
6309
  },
6310
+ overlay: {
6311
+ DEFAULT: "#000000"
6312
+ },
6339
6313
  content1: {
6340
6314
  DEFAULT: "#FFFFFF",
6341
6315
  foreground: "#11181C"
@@ -6364,6 +6338,9 @@ var base = {
6364
6338
  focus: {
6365
6339
  DEFAULT: commonColors.blue[500]
6366
6340
  },
6341
+ overlay: {
6342
+ DEFAULT: "#000000"
6343
+ },
6367
6344
  divider: {
6368
6345
  DEFAULT: "rgba(255, 255, 255, 0.15)"
6369
6346
  },
package/dist/index.mjs CHANGED
@@ -19,7 +19,7 @@ import {
19
19
  } from "./chunk-FAR5DJOU.mjs";
20
20
  import {
21
21
  modal
22
- } from "./chunk-RB2RANUL.mjs";
22
+ } from "./chunk-MMICGI5R.mjs";
23
23
  import {
24
24
  navbar
25
25
  } from "./chunk-AOWZVYD6.mjs";
@@ -28,7 +28,7 @@ import {
28
28
  } from "./chunk-7CDOS5YK.mjs";
29
29
  import {
30
30
  popover
31
- } from "./chunk-QJZSBDVH.mjs";
31
+ } from "./chunk-4ZBRDYD7.mjs";
32
32
  import {
33
33
  progress
34
34
  } from "./chunk-BHHIVMOY.mjs";
@@ -53,7 +53,7 @@ import {
53
53
  dropdownItem,
54
54
  dropdownMenu,
55
55
  dropdownSection
56
- } from "./chunk-ATPFR6ZL.mjs";
56
+ } from "./chunk-LGTXL2ML.mjs";
57
57
  import {
58
58
  image
59
59
  } from "./chunk-46ZSXBCH.mjs";
@@ -105,7 +105,7 @@ import {
105
105
  } from "./chunk-CEW7YOHH.mjs";
106
106
  import {
107
107
  nextui
108
- } from "./chunk-U4SNVVM2.mjs";
108
+ } from "./chunk-VQMZCOF7.mjs";
109
109
  import "./chunk-OQGOVMIP.mjs";
110
110
  import "./chunk-4Z22WXZX.mjs";
111
111
  import "./chunk-HJLDXSH7.mjs";
@@ -122,10 +122,10 @@ import {
122
122
  import "./chunk-WQEDQHKX.mjs";
123
123
  import {
124
124
  colors
125
- } from "./chunk-TIB5HDTS.mjs";
125
+ } from "./chunk-V62BB4KJ.mjs";
126
126
  import {
127
127
  semanticColors
128
- } from "./chunk-WVACN4IM.mjs";
128
+ } from "./chunk-JG7GS7DC.mjs";
129
129
  import "./chunk-37PIXVP4.mjs";
130
130
  import "./chunk-M63AFAHO.mjs";
131
131
  import "./chunk-DMASP6FA.mjs";
package/dist/plugin.js CHANGED
@@ -195,11 +195,14 @@ var base = {
195
195
  DEFAULT: "rgba(17, 17, 17, 0.15)"
196
196
  },
197
197
  boundary: {
198
- DEFAULT: import_colors.default.zinc[100]
198
+ DEFAULT: import_colors.default.zinc[200]
199
199
  },
200
200
  focus: {
201
201
  DEFAULT: commonColors.blue[500]
202
202
  },
203
+ overlay: {
204
+ DEFAULT: "#000000"
205
+ },
203
206
  content1: {
204
207
  DEFAULT: "#FFFFFF",
205
208
  foreground: "#11181C"
@@ -228,6 +231,9 @@ var base = {
228
231
  focus: {
229
232
  DEFAULT: commonColors.blue[500]
230
233
  },
234
+ overlay: {
235
+ DEFAULT: "#000000"
236
+ },
231
237
  divider: {
232
238
  DEFAULT: "rgba(255, 255, 255, 0.15)"
233
239
  },
package/dist/plugin.mjs CHANGED
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  nextui
3
- } from "./chunk-U4SNVVM2.mjs";
3
+ } from "./chunk-VQMZCOF7.mjs";
4
4
  import "./chunk-OQGOVMIP.mjs";
5
5
  import "./chunk-4Z22WXZX.mjs";
6
6
  import "./chunk-HJLDXSH7.mjs";
7
7
  import "./chunk-DI2L75XK.mjs";
8
8
  import "./chunk-G2ZSNGR5.mjs";
9
9
  import "./chunk-WQEDQHKX.mjs";
10
- import "./chunk-TIB5HDTS.mjs";
11
- import "./chunk-WVACN4IM.mjs";
10
+ import "./chunk-V62BB4KJ.mjs";
11
+ import "./chunk-JG7GS7DC.mjs";
12
12
  import "./chunk-37PIXVP4.mjs";
13
13
  import "./chunk-M63AFAHO.mjs";
14
14
  import "./chunk-DMASP6FA.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/theme",
3
- "version": "0.0.0-dev-v2-20230624215649",
3
+ "version": "0.0.0-dev-v2-20230625145649",
4
4
  "description": "The default theme for NextUI components",
5
5
  "keywords": [
6
6
  "theme",