@nextui-org/theme 0.0.0-dev-v2-20230625035223 → 0.0.0-dev-v2-20230625233448

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.
@@ -22,7 +22,6 @@ var popover = tv({
22
22
  "text-base",
23
23
  "outline-none",
24
24
  "box-border",
25
- "overflow-hidden",
26
25
  ...dataFocusVisibleClasses
27
26
  ],
28
27
  trigger: ["z-10"],
@@ -71,7 +70,8 @@ var popover = tv({
71
70
  },
72
71
  color: {
73
72
  default: {
74
- base: "bg-content1 border border-boundary"
73
+ base: "bg-content1 border border-boundary",
74
+ arrow: "border border-boundary"
75
75
  },
76
76
  foreground: {
77
77
  base: colorVariants.solid.foreground
@@ -127,10 +127,10 @@ var popover = tv({
127
127
  backdrop: {
128
128
  transparent: {},
129
129
  opaque: {
130
- backdrop: "bg-black/50 backdrop-opacity-50"
130
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
131
131
  },
132
132
  blur: {
133
- backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
133
+ backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
134
134
  }
135
135
  },
136
136
  triggerScaleOnOpen: {
@@ -19,7 +19,7 @@ var tabs = tv({
19
19
  "flex-nowrap",
20
20
  "overflow-x-scroll",
21
21
  "scrollbar-hide",
22
- "bg-content2"
22
+ "bg-default-100"
23
23
  ],
24
24
  tab: [
25
25
  "z-0",
@@ -77,9 +77,10 @@ var navbar = tv({
77
77
  "group-data-[open=true]:after:-rotate-45"
78
78
  ],
79
79
  brand: [
80
- "w-full",
81
80
  "flex",
81
+ "basis-0",
82
82
  "flex-row",
83
+ "flex-grow",
83
84
  "flex-nowrap",
84
85
  "justify-start",
85
86
  "bg-transparent",
@@ -91,7 +92,6 @@ var navbar = tv({
91
92
  ],
92
93
  content: [
93
94
  "flex",
94
- "w-full",
95
95
  "h-full",
96
96
  "flex-row",
97
97
  "flex-nowrap",
@@ -99,7 +99,9 @@ var navbar = tv({
99
99
  "gap-4",
100
100
  "data-[justify=start]:justify-start",
101
101
  "data-[justify=center]:justify-center",
102
- "data-[justify=end]:justify-end"
102
+ "data-[justify=end]:justify-end",
103
+ "data-[justify=end]:flex-grow",
104
+ "data-[justify=end]:basis-0"
103
105
  ],
104
106
  item: [
105
107
  "text-base",
@@ -128,8 +130,8 @@ var navbar = tv({
128
130
  static: {
129
131
  base: "static"
130
132
  },
131
- fixed: {
132
- base: "fixed top-0 inset-x-0"
133
+ sticky: {
134
+ base: "sticky top-0 inset-x-0"
133
135
  }
134
136
  },
135
137
  maxWidth: {
@@ -183,7 +185,7 @@ var navbar = tv({
183
185
  },
184
186
  defaultVariants: {
185
187
  maxWidth: "lg",
186
- position: "fixed",
188
+ position: "sticky",
187
189
  isBlurred: true
188
190
  }
189
191
  });
@@ -21,11 +21,14 @@ var base = {
21
21
  DEFAULT: "rgba(17, 17, 17, 0.15)"
22
22
  },
23
23
  boundary: {
24
- DEFAULT: twColors.zinc[300]
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
  },
@@ -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-N6M7XBU3.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-N6M7XBU3.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[300]
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-GVNDH7OI.mjs";
3
+ } from "../chunk-V62BB4KJ.mjs";
4
4
  import {
5
5
  semanticColors
6
- } from "../chunk-N6M7XBU3.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[300]
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-N6M7XBU3.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[300]
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-GVNDH7OI.mjs";
4
+ } from "./chunk-V62BB4KJ.mjs";
5
5
  import {
6
6
  semanticColors
7
- } from "./chunk-N6M7XBU3.mjs";
7
+ } from "./chunk-JG7GS7DC.mjs";
8
8
  import "./chunk-37PIXVP4.mjs";
9
9
  import "./chunk-M63AFAHO.mjs";
10
10
  import {
@@ -1236,7 +1236,6 @@ var popover = (0, import_tailwind_variants9.tv)({
1236
1236
  "text-base",
1237
1237
  "outline-none",
1238
1238
  "box-border",
1239
- "overflow-hidden",
1240
1239
  ...dataFocusVisibleClasses
1241
1240
  ],
1242
1241
  trigger: ["z-10"],
@@ -1285,7 +1284,8 @@ var popover = (0, import_tailwind_variants9.tv)({
1285
1284
  },
1286
1285
  color: {
1287
1286
  default: {
1288
- base: "bg-content1 border border-boundary"
1287
+ base: "bg-content1 border border-boundary",
1288
+ arrow: "border border-boundary"
1289
1289
  },
1290
1290
  foreground: {
1291
1291
  base: colorVariants.solid.foreground
@@ -1341,10 +1341,10 @@ var popover = (0, import_tailwind_variants9.tv)({
1341
1341
  backdrop: {
1342
1342
  transparent: {},
1343
1343
  opaque: {
1344
- backdrop: "bg-black/50 backdrop-opacity-50"
1344
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
1345
1345
  },
1346
1346
  blur: {
1347
- backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
1347
+ backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
1348
1348
  }
1349
1349
  },
1350
1350
  triggerScaleOnOpen: {
@@ -5182,10 +5182,10 @@ var modal = (0, import_tailwind_variants23.tv)({
5182
5182
  backdrop: "hidden"
5183
5183
  },
5184
5184
  opaque: {
5185
- backdrop: "bg-black/50 backdrop-opacity-50"
5185
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
5186
5186
  },
5187
5187
  blur: {
5188
- backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
5188
+ backdrop: "backdrop-blur-md backdrop-saturate-150 bg-overlay/30"
5189
5189
  }
5190
5190
  },
5191
5191
  scrollBehavior: {
@@ -5294,9 +5294,10 @@ var navbar = (0, import_tailwind_variants24.tv)({
5294
5294
  "group-data-[open=true]:after:-rotate-45"
5295
5295
  ],
5296
5296
  brand: [
5297
- "w-full",
5298
5297
  "flex",
5298
+ "basis-0",
5299
5299
  "flex-row",
5300
+ "flex-grow",
5300
5301
  "flex-nowrap",
5301
5302
  "justify-start",
5302
5303
  "bg-transparent",
@@ -5308,7 +5309,6 @@ var navbar = (0, import_tailwind_variants24.tv)({
5308
5309
  ],
5309
5310
  content: [
5310
5311
  "flex",
5311
- "w-full",
5312
5312
  "h-full",
5313
5313
  "flex-row",
5314
5314
  "flex-nowrap",
@@ -5316,7 +5316,9 @@ var navbar = (0, import_tailwind_variants24.tv)({
5316
5316
  "gap-4",
5317
5317
  "data-[justify=start]:justify-start",
5318
5318
  "data-[justify=center]:justify-center",
5319
- "data-[justify=end]:justify-end"
5319
+ "data-[justify=end]:justify-end",
5320
+ "data-[justify=end]:flex-grow",
5321
+ "data-[justify=end]:basis-0"
5320
5322
  ],
5321
5323
  item: [
5322
5324
  "text-base",
@@ -5345,8 +5347,8 @@ var navbar = (0, import_tailwind_variants24.tv)({
5345
5347
  static: {
5346
5348
  base: "static"
5347
5349
  },
5348
- fixed: {
5349
- base: "fixed top-0 inset-x-0"
5350
+ sticky: {
5351
+ base: "sticky top-0 inset-x-0"
5350
5352
  }
5351
5353
  },
5352
5354
  maxWidth: {
@@ -5400,7 +5402,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
5400
5402
  },
5401
5403
  defaultVariants: {
5402
5404
  maxWidth: "lg",
5403
- position: "fixed",
5405
+ position: "sticky",
5404
5406
  isBlurred: true
5405
5407
  }
5406
5408
  });
@@ -5675,7 +5677,7 @@ var tabs = (0, import_tailwind_variants29.tv)({
5675
5677
  "flex-nowrap",
5676
5678
  "overflow-x-scroll",
5677
5679
  "scrollbar-hide",
5678
- "bg-content2"
5680
+ "bg-default-100"
5679
5681
  ],
5680
5682
  tab: [
5681
5683
  "z-0",
@@ -1,4 +1,23 @@
1
1
  import "../chunk-PRWEADY4.mjs";
2
+ import {
3
+ toggle
4
+ } from "../chunk-C3VRXEKA.mjs";
5
+ import {
6
+ user
7
+ } from "../chunk-FAR5DJOU.mjs";
8
+ import {
9
+ progress
10
+ } from "../chunk-BHHIVMOY.mjs";
11
+ import {
12
+ radio,
13
+ radioGroup
14
+ } from "../chunk-B6FPCX5Q.mjs";
15
+ import {
16
+ skeleton
17
+ } from "../chunk-P5E3PNHW.mjs";
18
+ import {
19
+ snippet
20
+ } from "../chunk-3D7G7PZH.mjs";
2
21
  import {
3
22
  spacer
4
23
  } from "../chunk-3B4SYPW2.mjs";
@@ -10,38 +29,42 @@ import {
10
29
  } from "../chunk-ACERSXMK.mjs";
11
30
  import {
12
31
  tabs
13
- } from "../chunk-UADWWNEI.mjs";
32
+ } from "../chunk-DN3YP75Q.mjs";
14
33
  import {
15
- toggle
16
- } from "../chunk-C3VRXEKA.mjs";
34
+ input
35
+ } from "../chunk-KECBFVJC.mjs";
17
36
  import {
18
- user
19
- } from "../chunk-FAR5DJOU.mjs";
37
+ kbd
38
+ } from "../chunk-LJRWR5MA.mjs";
39
+ import {
40
+ link,
41
+ linkAnchorClasses
42
+ } from "../chunk-OJDLSLMW.mjs";
20
43
  import {
21
44
  modal
22
- } from "../chunk-RB2RANUL.mjs";
45
+ } from "../chunk-MMICGI5R.mjs";
23
46
  import {
24
47
  navbar
25
- } from "../chunk-AOWZVYD6.mjs";
48
+ } from "../chunk-EKPDWNE4.mjs";
26
49
  import {
27
50
  pagination
28
51
  } from "../chunk-7CDOS5YK.mjs";
29
52
  import {
30
53
  popover
31
- } from "../chunk-W2ASLLZX.mjs";
54
+ } from "../chunk-4ZBRDYD7.mjs";
32
55
  import {
33
- progress
34
- } from "../chunk-BHHIVMOY.mjs";
56
+ checkbox,
57
+ checkboxGroup
58
+ } from "../chunk-LE5M6GGI.mjs";
35
59
  import {
36
- radio,
37
- radioGroup
38
- } from "../chunk-B6FPCX5Q.mjs";
60
+ chip
61
+ } from "../chunk-S6AN5YW7.mjs";
39
62
  import {
40
- skeleton
41
- } from "../chunk-P5E3PNHW.mjs";
63
+ circularProgress
64
+ } from "../chunk-UPBFQDTD.mjs";
42
65
  import {
43
- snippet
44
- } from "../chunk-3D7G7PZH.mjs";
66
+ code
67
+ } from "../chunk-576B55VI.mjs";
45
68
  import {
46
69
  divider
47
70
  } from "../chunk-2ENRZMQI.mjs";
@@ -58,15 +81,9 @@ import {
58
81
  image
59
82
  } from "../chunk-46ZSXBCH.mjs";
60
83
  import {
61
- input
62
- } from "../chunk-KECBFVJC.mjs";
63
- import {
64
- kbd
65
- } from "../chunk-LJRWR5MA.mjs";
66
- import {
67
- link,
68
- linkAnchorClasses
69
- } from "../chunk-OJDLSLMW.mjs";
84
+ accordion,
85
+ accordionItem
86
+ } from "../chunk-7ZE4XJWS.mjs";
70
87
  import {
71
88
  avatar,
72
89
  avatarGroup
@@ -81,23 +98,6 @@ import {
81
98
  import {
82
99
  card
83
100
  } from "../chunk-P455YPME.mjs";
84
- import {
85
- checkbox,
86
- checkboxGroup
87
- } from "../chunk-LE5M6GGI.mjs";
88
- import {
89
- chip
90
- } from "../chunk-S6AN5YW7.mjs";
91
- import {
92
- circularProgress
93
- } from "../chunk-UPBFQDTD.mjs";
94
- import {
95
- code
96
- } from "../chunk-576B55VI.mjs";
97
- import {
98
- accordion,
99
- accordionItem
100
- } from "../chunk-7ZE4XJWS.mjs";
101
101
  import "../chunk-CMYR6AOY.mjs";
102
102
  import "../chunk-K7LK7NCE.mjs";
103
103
  import "../chunk-CEW7YOHH.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";
@@ -50,7 +50,7 @@ declare const navbar: tailwind_variants.TVReturnType<{
50
50
  static: {
51
51
  base: string;
52
52
  };
53
- fixed: {
53
+ sticky: {
54
54
  base: string;
55
55
  };
56
56
  };
@@ -113,7 +113,7 @@ declare const navbar: tailwind_variants.TVReturnType<{
113
113
  static: {
114
114
  base: string;
115
115
  };
116
- fixed: {
116
+ sticky: {
117
117
  base: string;
118
118
  };
119
119
  };
@@ -165,7 +165,7 @@ declare const navbar: tailwind_variants.TVReturnType<{
165
165
  static: {
166
166
  base: string;
167
167
  };
168
- fixed: {
168
+ sticky: {
169
169
  base: string;
170
170
  };
171
171
  };
@@ -217,7 +217,7 @@ declare const navbar: tailwind_variants.TVReturnType<{
217
217
  static: {
218
218
  base: string;
219
219
  };
220
- fixed: {
220
+ sticky: {
221
221
  base: string;
222
222
  };
223
223
  };
@@ -110,9 +110,10 @@ var navbar = (0, import_tailwind_variants.tv)({
110
110
  "group-data-[open=true]:after:-rotate-45"
111
111
  ],
112
112
  brand: [
113
- "w-full",
114
113
  "flex",
114
+ "basis-0",
115
115
  "flex-row",
116
+ "flex-grow",
116
117
  "flex-nowrap",
117
118
  "justify-start",
118
119
  "bg-transparent",
@@ -124,7 +125,6 @@ var navbar = (0, import_tailwind_variants.tv)({
124
125
  ],
125
126
  content: [
126
127
  "flex",
127
- "w-full",
128
128
  "h-full",
129
129
  "flex-row",
130
130
  "flex-nowrap",
@@ -132,7 +132,9 @@ var navbar = (0, import_tailwind_variants.tv)({
132
132
  "gap-4",
133
133
  "data-[justify=start]:justify-start",
134
134
  "data-[justify=center]:justify-center",
135
- "data-[justify=end]:justify-end"
135
+ "data-[justify=end]:justify-end",
136
+ "data-[justify=end]:flex-grow",
137
+ "data-[justify=end]:basis-0"
136
138
  ],
137
139
  item: [
138
140
  "text-base",
@@ -161,8 +163,8 @@ var navbar = (0, import_tailwind_variants.tv)({
161
163
  static: {
162
164
  base: "static"
163
165
  },
164
- fixed: {
165
- base: "fixed top-0 inset-x-0"
166
+ sticky: {
167
+ base: "sticky top-0 inset-x-0"
166
168
  }
167
169
  },
168
170
  maxWidth: {
@@ -216,7 +218,7 @@ var navbar = (0, import_tailwind_variants.tv)({
216
218
  },
217
219
  defaultVariants: {
218
220
  maxWidth: "lg",
219
- position: "fixed",
221
+ position: "sticky",
220
222
  isBlurred: true
221
223
  }
222
224
  });
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  navbar
3
- } from "../chunk-AOWZVYD6.mjs";
3
+ } from "../chunk-EKPDWNE4.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;
@@ -126,7 +126,6 @@ var popover = (0, import_tailwind_variants.tv)({
126
126
  "text-base",
127
127
  "outline-none",
128
128
  "box-border",
129
- "overflow-hidden",
130
129
  ...dataFocusVisibleClasses
131
130
  ],
132
131
  trigger: ["z-10"],
@@ -175,7 +174,8 @@ var popover = (0, import_tailwind_variants.tv)({
175
174
  },
176
175
  color: {
177
176
  default: {
178
- base: "bg-content1 border border-boundary"
177
+ base: "bg-content1 border border-boundary",
178
+ arrow: "border border-boundary"
179
179
  },
180
180
  foreground: {
181
181
  base: colorVariants.solid.foreground
@@ -231,10 +231,10 @@ var popover = (0, import_tailwind_variants.tv)({
231
231
  backdrop: {
232
232
  transparent: {},
233
233
  opaque: {
234
- backdrop: "bg-black/50 backdrop-opacity-50"
234
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
235
235
  },
236
236
  blur: {
237
- backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
237
+ backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
238
238
  }
239
239
  },
240
240
  triggerScaleOnOpen: {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  popover
3
- } from "../chunk-W2ASLLZX.mjs";
3
+ } from "../chunk-4ZBRDYD7.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-CEW7YOHH.mjs";
@@ -123,7 +123,7 @@ var tabs = (0, import_tailwind_variants.tv)({
123
123
  "flex-nowrap",
124
124
  "overflow-x-scroll",
125
125
  "scrollbar-hide",
126
- "bg-content2"
126
+ "bg-default-100"
127
127
  ],
128
128
  tab: [
129
129
  "z-0",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tabs
3
- } from "../chunk-UADWWNEI.mjs";
3
+ } from "../chunk-DN3YP75Q.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-CEW7YOHH.mjs";
package/dist/index.js CHANGED
@@ -1269,7 +1269,6 @@ var popover = (0, import_tailwind_variants9.tv)({
1269
1269
  "text-base",
1270
1270
  "outline-none",
1271
1271
  "box-border",
1272
- "overflow-hidden",
1273
1272
  ...dataFocusVisibleClasses
1274
1273
  ],
1275
1274
  trigger: ["z-10"],
@@ -1318,7 +1317,8 @@ var popover = (0, import_tailwind_variants9.tv)({
1318
1317
  },
1319
1318
  color: {
1320
1319
  default: {
1321
- base: "bg-content1 border border-boundary"
1320
+ base: "bg-content1 border border-boundary",
1321
+ arrow: "border border-boundary"
1322
1322
  },
1323
1323
  foreground: {
1324
1324
  base: colorVariants.solid.foreground
@@ -1374,10 +1374,10 @@ var popover = (0, import_tailwind_variants9.tv)({
1374
1374
  backdrop: {
1375
1375
  transparent: {},
1376
1376
  opaque: {
1377
- backdrop: "bg-black/50 backdrop-opacity-50"
1377
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
1378
1378
  },
1379
1379
  blur: {
1380
- backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
1380
+ backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
1381
1381
  }
1382
1382
  },
1383
1383
  triggerScaleOnOpen: {
@@ -5215,10 +5215,10 @@ var modal = (0, import_tailwind_variants23.tv)({
5215
5215
  backdrop: "hidden"
5216
5216
  },
5217
5217
  opaque: {
5218
- backdrop: "bg-black/50 backdrop-opacity-50"
5218
+ backdrop: "bg-overlay/50 backdrop-opacity-50"
5219
5219
  },
5220
5220
  blur: {
5221
- backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
5221
+ backdrop: "backdrop-blur-md backdrop-saturate-150 bg-overlay/30"
5222
5222
  }
5223
5223
  },
5224
5224
  scrollBehavior: {
@@ -5327,9 +5327,10 @@ var navbar = (0, import_tailwind_variants24.tv)({
5327
5327
  "group-data-[open=true]:after:-rotate-45"
5328
5328
  ],
5329
5329
  brand: [
5330
- "w-full",
5331
5330
  "flex",
5331
+ "basis-0",
5332
5332
  "flex-row",
5333
+ "flex-grow",
5333
5334
  "flex-nowrap",
5334
5335
  "justify-start",
5335
5336
  "bg-transparent",
@@ -5341,7 +5342,6 @@ var navbar = (0, import_tailwind_variants24.tv)({
5341
5342
  ],
5342
5343
  content: [
5343
5344
  "flex",
5344
- "w-full",
5345
5345
  "h-full",
5346
5346
  "flex-row",
5347
5347
  "flex-nowrap",
@@ -5349,7 +5349,9 @@ var navbar = (0, import_tailwind_variants24.tv)({
5349
5349
  "gap-4",
5350
5350
  "data-[justify=start]:justify-start",
5351
5351
  "data-[justify=center]:justify-center",
5352
- "data-[justify=end]:justify-end"
5352
+ "data-[justify=end]:justify-end",
5353
+ "data-[justify=end]:flex-grow",
5354
+ "data-[justify=end]:basis-0"
5353
5355
  ],
5354
5356
  item: [
5355
5357
  "text-base",
@@ -5378,8 +5380,8 @@ var navbar = (0, import_tailwind_variants24.tv)({
5378
5380
  static: {
5379
5381
  base: "static"
5380
5382
  },
5381
- fixed: {
5382
- base: "fixed top-0 inset-x-0"
5383
+ sticky: {
5384
+ base: "sticky top-0 inset-x-0"
5383
5385
  }
5384
5386
  },
5385
5387
  maxWidth: {
@@ -5433,7 +5435,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
5433
5435
  },
5434
5436
  defaultVariants: {
5435
5437
  maxWidth: "lg",
5436
- position: "fixed",
5438
+ position: "sticky",
5437
5439
  isBlurred: true
5438
5440
  }
5439
5441
  });
@@ -5708,7 +5710,7 @@ var tabs = (0, import_tailwind_variants29.tv)({
5708
5710
  "flex-nowrap",
5709
5711
  "overflow-x-scroll",
5710
5712
  "scrollbar-hide",
5711
- "bg-content2"
5713
+ "bg-default-100"
5712
5714
  ],
5713
5715
  tab: [
5714
5716
  "z-0",
@@ -6302,11 +6304,14 @@ var base = {
6302
6304
  DEFAULT: "rgba(17, 17, 17, 0.15)"
6303
6305
  },
6304
6306
  boundary: {
6305
- DEFAULT: import_colors.default.zinc[300]
6307
+ DEFAULT: import_colors.default.zinc[200]
6306
6308
  },
6307
6309
  focus: {
6308
6310
  DEFAULT: commonColors.blue[500]
6309
6311
  },
6312
+ overlay: {
6313
+ DEFAULT: "#000000"
6314
+ },
6310
6315
  content1: {
6311
6316
  DEFAULT: "#FFFFFF",
6312
6317
  foreground: "#11181C"
@@ -6335,6 +6340,9 @@ var base = {
6335
6340
  focus: {
6336
6341
  DEFAULT: commonColors.blue[500]
6337
6342
  },
6343
+ overlay: {
6344
+ DEFAULT: "#000000"
6345
+ },
6338
6346
  divider: {
6339
6347
  DEFAULT: "rgba(255, 255, 255, 0.15)"
6340
6348
  },
package/dist/index.mjs CHANGED
@@ -1,4 +1,23 @@
1
1
  import "./chunk-PRWEADY4.mjs";
2
+ import {
3
+ toggle
4
+ } from "./chunk-C3VRXEKA.mjs";
5
+ import {
6
+ user
7
+ } from "./chunk-FAR5DJOU.mjs";
8
+ import {
9
+ progress
10
+ } from "./chunk-BHHIVMOY.mjs";
11
+ import {
12
+ radio,
13
+ radioGroup
14
+ } from "./chunk-B6FPCX5Q.mjs";
15
+ import {
16
+ skeleton
17
+ } from "./chunk-P5E3PNHW.mjs";
18
+ import {
19
+ snippet
20
+ } from "./chunk-3D7G7PZH.mjs";
2
21
  import {
3
22
  spacer
4
23
  } from "./chunk-3B4SYPW2.mjs";
@@ -10,38 +29,42 @@ import {
10
29
  } from "./chunk-ACERSXMK.mjs";
11
30
  import {
12
31
  tabs
13
- } from "./chunk-UADWWNEI.mjs";
32
+ } from "./chunk-DN3YP75Q.mjs";
14
33
  import {
15
- toggle
16
- } from "./chunk-C3VRXEKA.mjs";
34
+ input
35
+ } from "./chunk-KECBFVJC.mjs";
17
36
  import {
18
- user
19
- } from "./chunk-FAR5DJOU.mjs";
37
+ kbd
38
+ } from "./chunk-LJRWR5MA.mjs";
39
+ import {
40
+ link,
41
+ linkAnchorClasses
42
+ } from "./chunk-OJDLSLMW.mjs";
20
43
  import {
21
44
  modal
22
- } from "./chunk-RB2RANUL.mjs";
45
+ } from "./chunk-MMICGI5R.mjs";
23
46
  import {
24
47
  navbar
25
- } from "./chunk-AOWZVYD6.mjs";
48
+ } from "./chunk-EKPDWNE4.mjs";
26
49
  import {
27
50
  pagination
28
51
  } from "./chunk-7CDOS5YK.mjs";
29
52
  import {
30
53
  popover
31
- } from "./chunk-W2ASLLZX.mjs";
54
+ } from "./chunk-4ZBRDYD7.mjs";
32
55
  import {
33
- progress
34
- } from "./chunk-BHHIVMOY.mjs";
56
+ checkbox,
57
+ checkboxGroup
58
+ } from "./chunk-LE5M6GGI.mjs";
35
59
  import {
36
- radio,
37
- radioGroup
38
- } from "./chunk-B6FPCX5Q.mjs";
60
+ chip
61
+ } from "./chunk-S6AN5YW7.mjs";
39
62
  import {
40
- skeleton
41
- } from "./chunk-P5E3PNHW.mjs";
63
+ circularProgress
64
+ } from "./chunk-UPBFQDTD.mjs";
42
65
  import {
43
- snippet
44
- } from "./chunk-3D7G7PZH.mjs";
66
+ code
67
+ } from "./chunk-576B55VI.mjs";
45
68
  import {
46
69
  divider
47
70
  } from "./chunk-2ENRZMQI.mjs";
@@ -58,15 +81,9 @@ import {
58
81
  image
59
82
  } from "./chunk-46ZSXBCH.mjs";
60
83
  import {
61
- input
62
- } from "./chunk-KECBFVJC.mjs";
63
- import {
64
- kbd
65
- } from "./chunk-LJRWR5MA.mjs";
66
- import {
67
- link,
68
- linkAnchorClasses
69
- } from "./chunk-OJDLSLMW.mjs";
84
+ accordion,
85
+ accordionItem
86
+ } from "./chunk-7ZE4XJWS.mjs";
70
87
  import {
71
88
  avatar,
72
89
  avatarGroup
@@ -81,23 +98,6 @@ import {
81
98
  import {
82
99
  card
83
100
  } from "./chunk-P455YPME.mjs";
84
- import {
85
- checkbox,
86
- checkboxGroup
87
- } from "./chunk-LE5M6GGI.mjs";
88
- import {
89
- chip
90
- } from "./chunk-S6AN5YW7.mjs";
91
- import {
92
- circularProgress
93
- } from "./chunk-UPBFQDTD.mjs";
94
- import {
95
- code
96
- } from "./chunk-576B55VI.mjs";
97
- import {
98
- accordion,
99
- accordionItem
100
- } from "./chunk-7ZE4XJWS.mjs";
101
101
  import "./chunk-CMYR6AOY.mjs";
102
102
  import "./chunk-K7LK7NCE.mjs";
103
103
  import {
@@ -105,11 +105,10 @@ import {
105
105
  } from "./chunk-CEW7YOHH.mjs";
106
106
  import {
107
107
  nextui
108
- } from "./chunk-B7YAOHJP.mjs";
108
+ } from "./chunk-VQMZCOF7.mjs";
109
109
  import "./chunk-OQGOVMIP.mjs";
110
110
  import "./chunk-4Z22WXZX.mjs";
111
111
  import "./chunk-HJLDXSH7.mjs";
112
- import "./chunk-DI2L75XK.mjs";
113
112
  import {
114
113
  absoluteFullClasses,
115
114
  baseStyles,
@@ -119,13 +118,14 @@ import {
119
118
  ringClasses,
120
119
  translateCenterClasses
121
120
  } from "./chunk-G2ZSNGR5.mjs";
121
+ import "./chunk-DI2L75XK.mjs";
122
122
  import "./chunk-WQEDQHKX.mjs";
123
123
  import {
124
124
  colors
125
- } from "./chunk-GVNDH7OI.mjs";
125
+ } from "./chunk-V62BB4KJ.mjs";
126
126
  import {
127
127
  semanticColors
128
- } from "./chunk-N6M7XBU3.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[300]
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-B7YAOHJP.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
- import "./chunk-DI2L75XK.mjs";
8
7
  import "./chunk-G2ZSNGR5.mjs";
8
+ import "./chunk-DI2L75XK.mjs";
9
9
  import "./chunk-WQEDQHKX.mjs";
10
- import "./chunk-GVNDH7OI.mjs";
11
- import "./chunk-N6M7XBU3.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-20230625035223",
3
+ "version": "0.0.0-dev-v2-20230625233448",
4
4
  "description": "The default theme for NextUI components",
5
5
  "keywords": [
6
6
  "theme",