@nextui-org/theme 0.0.0-dev-v2-20230416134122 → 0.0.0-dev-v2-20230420134926

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.
@@ -0,0 +1,200 @@
1
+ // src/components/navbar.ts
2
+ import { tv } from "tailwind-variants";
3
+ var navbar = tv({
4
+ slots: {
5
+ base: [
6
+ "relative",
7
+ "z-50",
8
+ "w-full",
9
+ "h-auto",
10
+ "flex",
11
+ "items-center",
12
+ "justify-center",
13
+ "border-b",
14
+ "border-neutral-100",
15
+ "shadow-md"
16
+ ],
17
+ wrapper: [
18
+ "flex",
19
+ "flex-row",
20
+ "flex-nowrap",
21
+ "items-center",
22
+ "justify-between",
23
+ "w-full",
24
+ "h-[var(--navbar-height)]",
25
+ "px-6"
26
+ ],
27
+ toggle: [
28
+ "group",
29
+ "flex",
30
+ "items-center",
31
+ "justify-center",
32
+ "w-6",
33
+ "h-10",
34
+ "outline-none",
35
+ "rounded-sm",
36
+ "data-[focus-visible=true]:outline-none",
37
+ "data-[focus-visible=true]:ring-2",
38
+ "data-[focus-visible=true]:ring-primary",
39
+ "data-[focus-visible=true]:ring-offset-2",
40
+ "data-[focus-visible=true]:ring-offset-background",
41
+ "data-[focus-visible=true]:dark:ring-offset-background-dark"
42
+ ],
43
+ srOnly: ["sr-only"],
44
+ toggleIcon: [
45
+ "w-full",
46
+ "h-full",
47
+ "pointer-events-none",
48
+ "flex",
49
+ "flex-col",
50
+ "items-center",
51
+ "justify-center",
52
+ "text-foreground",
53
+ "group-data-[pressed=true]:opacity-70",
54
+ "transition-opacity",
55
+ "before:content-['']",
56
+ "before:block",
57
+ "before:h-px",
58
+ "before:w-6",
59
+ "before:bg-current",
60
+ "before:transition-transform",
61
+ "before:duration-150",
62
+ "before:-translate-y-1",
63
+ "before:rotate-0",
64
+ "group-data-[open=true]:before:translate-y-px",
65
+ "group-data-[open=true]:before:rotate-45",
66
+ "after:content-['']",
67
+ "after:block",
68
+ "after:h-px",
69
+ "after:w-6",
70
+ "after:bg-current",
71
+ "after:transition-transform",
72
+ "after:duration-150",
73
+ "after:translate-y-1",
74
+ "after:rotate-0",
75
+ "group-data-[open=true]:after:translate-y-0",
76
+ "group-data-[open=true]:after:-rotate-45"
77
+ ],
78
+ brand: [
79
+ "flex",
80
+ "flex-row",
81
+ "flex-nowrap",
82
+ "justify-start",
83
+ "bg-transparent",
84
+ "items-center",
85
+ "no-underline",
86
+ "text-base",
87
+ "whitespace-nowrap",
88
+ "box-border"
89
+ ],
90
+ content: ["flex", "h-full", "flex-row", "flex-nowrap", "items-center", "gap-4"],
91
+ item: [
92
+ "text-base",
93
+ "whitespace-nowrap",
94
+ "box-border",
95
+ "data-[active=true]:font-semibold"
96
+ ],
97
+ menu: [
98
+ "z-50",
99
+ "hidden",
100
+ "px-6",
101
+ "pt-4",
102
+ "absolute",
103
+ "max-w-full",
104
+ "top-[calc(var(--navbar-height)_+_1px)]",
105
+ "h-[calc(100vh_-_var(--navbar-height)_-_1px)]",
106
+ "inset-x-0",
107
+ "bottom-0",
108
+ "w-screen",
109
+ "bg-background",
110
+ "data-[open=true]:flex",
111
+ "flex-col",
112
+ "gap-3",
113
+ "overflow-y-auto"
114
+ ],
115
+ menuItem: ["text-lg"]
116
+ },
117
+ variants: {
118
+ position: {
119
+ static: {
120
+ base: "static"
121
+ },
122
+ sticky: {},
123
+ floating: {
124
+ base: "shadow-none border-b-0",
125
+ wrapper: "mt-4 mx-8 shadow-md border border-neutral-100 rounded-xl",
126
+ menu: "mt-5 mx-8 border border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
127
+ }
128
+ },
129
+ maxWidth: {
130
+ sm: {
131
+ wrapper: "max-w-[640px]"
132
+ },
133
+ md: {
134
+ wrapper: "max-w-[768px]"
135
+ },
136
+ lg: {
137
+ wrapper: "max-w-[1024px]"
138
+ },
139
+ xl: {
140
+ wrapper: "max-w-[1280px]"
141
+ },
142
+ "2xl": {
143
+ wrapper: "max-w-[1536px]"
144
+ },
145
+ full: {
146
+ wrapper: "max-w-full"
147
+ }
148
+ },
149
+ hideOnScroll: {
150
+ true: {
151
+ base: [
152
+ "sticky",
153
+ "top-0",
154
+ "inset-x-0"
155
+ ]
156
+ }
157
+ },
158
+ isBordered: {
159
+ true: {}
160
+ },
161
+ isBlurred: {
162
+ false: {
163
+ base: "bg-background"
164
+ },
165
+ true: {}
166
+ }
167
+ },
168
+ defaultVariants: {
169
+ maxWidth: "lg",
170
+ position: "sticky",
171
+ isBlurred: true
172
+ },
173
+ compoundVariants: [
174
+ {
175
+ position: ["sticky", "floating"],
176
+ class: {
177
+ base: "sticky top-0 inset-x-0"
178
+ }
179
+ },
180
+ {
181
+ isBlurred: true,
182
+ position: ["static", "sticky"],
183
+ class: {
184
+ base: "backdrop-blur-xl backdrop-saturate-200 bg-background/50 data-[menu-open=true]:bg-background"
185
+ }
186
+ },
187
+ {
188
+ isBlurred: true,
189
+ position: "floating",
190
+ class: {
191
+ base: "bg-gradient-to-b from-background to-background/50",
192
+ wrapper: "backdrop-blur-xl backdrop-saturate-200 bg-background/50 data-[menu-open=true]:bg-background"
193
+ }
194
+ }
195
+ ]
196
+ });
197
+
198
+ export {
199
+ navbar
200
+ };
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  semanticColors
3
- } from "./chunk-Y52EXP4A.mjs";
3
+ } from "./chunk-FGWYWKMA.mjs";
4
4
  import {
5
5
  commonColors
6
6
  } from "./chunk-CRCBVLUP.mjs";
@@ -38,7 +38,7 @@ var base = {
38
38
  },
39
39
  dark: {
40
40
  background: {
41
- DEFAULT: "#000000"
41
+ DEFAULT: "#0B0B0C"
42
42
  },
43
43
  foreground: {
44
44
  DEFAULT: "#ECEDEE"
@@ -1,12 +1,12 @@
1
- import {
2
- utilities
3
- } from "./chunk-XLATS5QU.mjs";
4
1
  import {
5
2
  baseStyles
6
3
  } from "./chunk-INZK6TTL.mjs";
4
+ import {
5
+ utilities
6
+ } from "./chunk-XLATS5QU.mjs";
7
7
  import {
8
8
  semanticColors
9
- } from "./chunk-Y52EXP4A.mjs";
9
+ } from "./chunk-FGWYWKMA.mjs";
10
10
  import {
11
11
  removeDefaultKeys
12
12
  } from "./chunk-37PIXVP4.mjs";
@@ -125,7 +125,8 @@ var corePlugin = (config = {}, defaultTheme) => {
125
125
  },
126
126
  transitionDuration: {
127
127
  0: "0ms",
128
- 250: "250ms"
128
+ 250: "250ms",
129
+ 400: "400ms"
129
130
  },
130
131
  transitionTimingFunction: {
131
132
  "soft-spring": "cubic-bezier(0.155, 1.105, 0.295, 1.12)"
@@ -26,7 +26,7 @@ var dropdownItem = tv({
26
26
  ],
27
27
  wrapper: "w-full flex flex-col items-start justify-center",
28
28
  title: "flex-1",
29
- description: ["text-xs", "text-neutral-500", "truncate", "group-hover:text-current"],
29
+ description: ["text-xs", "w-full", "text-neutral-500", "group-hover:text-current"],
30
30
  selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
31
31
  shortcut: [
32
32
  "px-1",
@@ -196,7 +196,7 @@ var base = {
196
196
  },
197
197
  dark: {
198
198
  background: {
199
- DEFAULT: "#000000"
199
+ DEFAULT: "#0B0B0C"
200
200
  },
201
201
  foreground: {
202
202
  DEFAULT: "#ECEDEE"
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  colors
3
- } from "../chunk-7MQD7UA2.mjs";
3
+ } from "../chunk-DOBGL5T3.mjs";
4
4
  import {
5
5
  semanticColors
6
- } from "../chunk-Y52EXP4A.mjs";
6
+ } from "../chunk-FGWYWKMA.mjs";
7
7
  import "../chunk-37PIXVP4.mjs";
8
8
  import "../chunk-M63AFAHO.mjs";
9
9
  import {
@@ -194,7 +194,7 @@ var base = {
194
194
  },
195
195
  dark: {
196
196
  background: {
197
- DEFAULT: "#000000"
197
+ DEFAULT: "#0B0B0C"
198
198
  },
199
199
  foreground: {
200
200
  DEFAULT: "#ECEDEE"
@@ -2,7 +2,7 @@ import {
2
2
  semanticColors,
3
3
  semanticColorsDark,
4
4
  semanticColorsLight
5
- } from "../chunk-Y52EXP4A.mjs";
5
+ } from "../chunk-FGWYWKMA.mjs";
6
6
  import "../chunk-37PIXVP4.mjs";
7
7
  import "../chunk-CRCBVLUP.mjs";
8
8
  import "../chunk-DCEG5LGX.mjs";
package/dist/colors.js CHANGED
@@ -196,7 +196,7 @@ var base = {
196
196
  },
197
197
  dark: {
198
198
  background: {
199
- DEFAULT: "#000000"
199
+ DEFAULT: "#0B0B0C"
200
200
  },
201
201
  foreground: {
202
202
  DEFAULT: "#ECEDEE"
package/dist/colors.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  import "./chunk-WQEDQHKX.mjs";
2
2
  import {
3
3
  colors
4
- } from "./chunk-7MQD7UA2.mjs";
4
+ } from "./chunk-DOBGL5T3.mjs";
5
5
  import {
6
6
  semanticColors
7
- } from "./chunk-Y52EXP4A.mjs";
7
+ } from "./chunk-FGWYWKMA.mjs";
8
8
  import "./chunk-37PIXVP4.mjs";
9
9
  import "./chunk-M63AFAHO.mjs";
10
10
  import {
@@ -50,7 +50,7 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
50
50
  ],
51
51
  wrapper: "w-full flex flex-col items-start justify-center",
52
52
  title: "flex-1",
53
- description: ["text-xs", "text-neutral-500", "truncate", "group-hover:text-current"],
53
+ description: ["text-xs", "w-full", "text-neutral-500", "group-hover:text-current"],
54
54
  selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
55
55
  shortcut: [
56
56
  "px-1",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  dropdownItem
3
- } from "../chunk-KWYOTFZ4.mjs";
3
+ } from "../chunk-KVW35URF.mjs";
4
4
  export {
5
5
  dropdownItem
6
6
  };
@@ -29,5 +29,6 @@ export { DropdownSectionSlots, DropdownSectionVariantProps, dropdownSection } fr
29
29
  export { dropdownMenu } from './dropdown-menu.js';
30
30
  export { ImageSlots, ImageVariantProps, image } from './image.js';
31
31
  export { ModalSlots, ModalVariantProps, modal } from './modal.js';
32
+ export { NavbarSlots, NavbarVariantProps, navbar } from './navbar.js';
32
33
  import 'tailwind-variants';
33
34
  import 'tailwind-variants/dist/config';
@@ -42,6 +42,7 @@ __export(components_exports, {
42
42
  input: () => input,
43
43
  link: () => link,
44
44
  modal: () => modal,
45
+ navbar: () => navbar,
45
46
  pagination: () => pagination,
46
47
  popover: () => popover,
47
48
  progress: () => progress,
@@ -4590,7 +4591,7 @@ var dropdownItem = (0, import_tailwind_variants27.tv)({
4590
4591
  ],
4591
4592
  wrapper: "w-full flex flex-col items-start justify-center",
4592
4593
  title: "flex-1",
4593
- description: ["text-xs", "text-neutral-500", "truncate", "group-hover:text-current"],
4594
+ description: ["text-xs", "w-full", "text-neutral-500", "group-hover:text-current"],
4594
4595
  selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
4595
4596
  shortcut: [
4596
4597
  "px-1",
@@ -5247,6 +5248,203 @@ var modal = (0, import_tailwind_variants31.tv)({
5247
5248
  }
5248
5249
  ]
5249
5250
  });
5251
+
5252
+ // src/components/navbar.ts
5253
+ var import_tailwind_variants32 = require("tailwind-variants");
5254
+ var navbar = (0, import_tailwind_variants32.tv)({
5255
+ slots: {
5256
+ base: [
5257
+ "relative",
5258
+ "z-50",
5259
+ "w-full",
5260
+ "h-auto",
5261
+ "flex",
5262
+ "items-center",
5263
+ "justify-center",
5264
+ "border-b",
5265
+ "border-neutral-100",
5266
+ "shadow-md"
5267
+ ],
5268
+ wrapper: [
5269
+ "flex",
5270
+ "flex-row",
5271
+ "flex-nowrap",
5272
+ "items-center",
5273
+ "justify-between",
5274
+ "w-full",
5275
+ "h-[var(--navbar-height)]",
5276
+ "px-6"
5277
+ ],
5278
+ toggle: [
5279
+ "group",
5280
+ "flex",
5281
+ "items-center",
5282
+ "justify-center",
5283
+ "w-6",
5284
+ "h-10",
5285
+ "outline-none",
5286
+ "rounded-sm",
5287
+ "data-[focus-visible=true]:outline-none",
5288
+ "data-[focus-visible=true]:ring-2",
5289
+ "data-[focus-visible=true]:ring-primary",
5290
+ "data-[focus-visible=true]:ring-offset-2",
5291
+ "data-[focus-visible=true]:ring-offset-background",
5292
+ "data-[focus-visible=true]:dark:ring-offset-background-dark"
5293
+ ],
5294
+ srOnly: ["sr-only"],
5295
+ toggleIcon: [
5296
+ "w-full",
5297
+ "h-full",
5298
+ "pointer-events-none",
5299
+ "flex",
5300
+ "flex-col",
5301
+ "items-center",
5302
+ "justify-center",
5303
+ "text-foreground",
5304
+ "group-data-[pressed=true]:opacity-70",
5305
+ "transition-opacity",
5306
+ "before:content-['']",
5307
+ "before:block",
5308
+ "before:h-px",
5309
+ "before:w-6",
5310
+ "before:bg-current",
5311
+ "before:transition-transform",
5312
+ "before:duration-150",
5313
+ "before:-translate-y-1",
5314
+ "before:rotate-0",
5315
+ "group-data-[open=true]:before:translate-y-px",
5316
+ "group-data-[open=true]:before:rotate-45",
5317
+ "after:content-['']",
5318
+ "after:block",
5319
+ "after:h-px",
5320
+ "after:w-6",
5321
+ "after:bg-current",
5322
+ "after:transition-transform",
5323
+ "after:duration-150",
5324
+ "after:translate-y-1",
5325
+ "after:rotate-0",
5326
+ "group-data-[open=true]:after:translate-y-0",
5327
+ "group-data-[open=true]:after:-rotate-45"
5328
+ ],
5329
+ brand: [
5330
+ "flex",
5331
+ "flex-row",
5332
+ "flex-nowrap",
5333
+ "justify-start",
5334
+ "bg-transparent",
5335
+ "items-center",
5336
+ "no-underline",
5337
+ "text-base",
5338
+ "whitespace-nowrap",
5339
+ "box-border"
5340
+ ],
5341
+ content: ["flex", "h-full", "flex-row", "flex-nowrap", "items-center", "gap-4"],
5342
+ item: [
5343
+ "text-base",
5344
+ "whitespace-nowrap",
5345
+ "box-border",
5346
+ "data-[active=true]:font-semibold"
5347
+ ],
5348
+ menu: [
5349
+ "z-50",
5350
+ "hidden",
5351
+ "px-6",
5352
+ "pt-4",
5353
+ "absolute",
5354
+ "max-w-full",
5355
+ "top-[calc(var(--navbar-height)_+_1px)]",
5356
+ "h-[calc(100vh_-_var(--navbar-height)_-_1px)]",
5357
+ "inset-x-0",
5358
+ "bottom-0",
5359
+ "w-screen",
5360
+ "bg-background",
5361
+ "data-[open=true]:flex",
5362
+ "flex-col",
5363
+ "gap-3",
5364
+ "overflow-y-auto"
5365
+ ],
5366
+ menuItem: ["text-lg"]
5367
+ },
5368
+ variants: {
5369
+ position: {
5370
+ static: {
5371
+ base: "static"
5372
+ },
5373
+ sticky: {},
5374
+ floating: {
5375
+ base: "shadow-none border-b-0",
5376
+ wrapper: "mt-4 mx-8 shadow-md border border-neutral-100 rounded-xl",
5377
+ menu: "mt-5 mx-8 border border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
5378
+ }
5379
+ },
5380
+ maxWidth: {
5381
+ sm: {
5382
+ wrapper: "max-w-[640px]"
5383
+ },
5384
+ md: {
5385
+ wrapper: "max-w-[768px]"
5386
+ },
5387
+ lg: {
5388
+ wrapper: "max-w-[1024px]"
5389
+ },
5390
+ xl: {
5391
+ wrapper: "max-w-[1280px]"
5392
+ },
5393
+ "2xl": {
5394
+ wrapper: "max-w-[1536px]"
5395
+ },
5396
+ full: {
5397
+ wrapper: "max-w-full"
5398
+ }
5399
+ },
5400
+ hideOnScroll: {
5401
+ true: {
5402
+ base: [
5403
+ "sticky",
5404
+ "top-0",
5405
+ "inset-x-0"
5406
+ ]
5407
+ }
5408
+ },
5409
+ isBordered: {
5410
+ true: {}
5411
+ },
5412
+ isBlurred: {
5413
+ false: {
5414
+ base: "bg-background"
5415
+ },
5416
+ true: {}
5417
+ }
5418
+ },
5419
+ defaultVariants: {
5420
+ maxWidth: "lg",
5421
+ position: "sticky",
5422
+ isBlurred: true
5423
+ },
5424
+ compoundVariants: [
5425
+ {
5426
+ position: ["sticky", "floating"],
5427
+ class: {
5428
+ base: "sticky top-0 inset-x-0"
5429
+ }
5430
+ },
5431
+ {
5432
+ isBlurred: true,
5433
+ position: ["static", "sticky"],
5434
+ class: {
5435
+ base: "backdrop-blur-xl backdrop-saturate-200 bg-background/50 data-[menu-open=true]:bg-background"
5436
+ }
5437
+ },
5438
+ {
5439
+ isBlurred: true,
5440
+ position: "floating",
5441
+ class: {
5442
+ base: "bg-gradient-to-b from-background to-background/50",
5443
+ wrapper: "backdrop-blur-xl backdrop-saturate-200 bg-background/50 data-[menu-open=true]:bg-background"
5444
+ }
5445
+ }
5446
+ ]
5447
+ });
5250
5448
  // Annotate the CommonJS export names for ESM import in node:
5251
5449
  0 && (module.exports = {
5252
5450
  accordion,
@@ -5271,6 +5469,7 @@ var modal = (0, import_tailwind_variants31.tv)({
5271
5469
  input,
5272
5470
  link,
5273
5471
  modal,
5472
+ navbar,
5274
5473
  pagination,
5275
5474
  popover,
5276
5475
  progress,
@@ -1,7 +1,4 @@
1
- import "../chunk-XUHE5FW2.mjs";
2
- import {
3
- progress
4
- } from "../chunk-I7DM7NL7.mjs";
1
+ import "../chunk-NP4SOC4S.mjs";
5
2
  import {
6
3
  radioGroup
7
4
  } from "../chunk-HHWXPWYN.mjs";
@@ -20,12 +17,6 @@ import {
20
17
  import {
21
18
  user
22
19
  } from "../chunk-2QIDY5NZ.mjs";
23
- import {
24
- dropdown
25
- } from "../chunk-UNMHV7HH.mjs";
26
- import {
27
- image
28
- } from "../chunk-6GGRJ6I7.mjs";
29
20
  import {
30
21
  input
31
22
  } from "../chunk-DBYBIR6S.mjs";
@@ -35,6 +26,9 @@ import {
35
26
  import {
36
27
  modal
37
28
  } from "../chunk-YMIOHWCD.mjs";
29
+ import {
30
+ navbar
31
+ } from "../chunk-64MHH33S.mjs";
38
32
  import {
39
33
  pagination
40
34
  } from "../chunk-FZQRP6V7.mjs";
@@ -42,11 +36,8 @@ import {
42
36
  popover
43
37
  } from "../chunk-MZ2ZBGLR.mjs";
44
38
  import {
45
- checkbox
46
- } from "../chunk-XQ3KK6F3.mjs";
47
- import {
48
- chip
49
- } from "../chunk-QRMWQXOX.mjs";
39
+ progress
40
+ } from "../chunk-I7DM7NL7.mjs";
50
41
  import {
51
42
  circularProgress
52
43
  } from "../chunk-FK5GDC67.mjs";
@@ -58,7 +49,7 @@ import {
58
49
  } from "../chunk-OIVGIOVG.mjs";
59
50
  import {
60
51
  dropdownItem
61
- } from "../chunk-KWYOTFZ4.mjs";
52
+ } from "../chunk-KVW35URF.mjs";
62
53
  import {
63
54
  dropdownMenu
64
55
  } from "../chunk-FCYNUVAR.mjs";
@@ -66,11 +57,11 @@ import {
66
57
  dropdownSection
67
58
  } from "../chunk-AVGEHFT4.mjs";
68
59
  import {
69
- accordion
70
- } from "../chunk-YYBLBQIV.mjs";
60
+ dropdown
61
+ } from "../chunk-UNMHV7HH.mjs";
71
62
  import {
72
- avatarGroup
73
- } from "../chunk-MLH3XSY7.mjs";
63
+ image
64
+ } from "../chunk-6GGRJ6I7.mjs";
74
65
  import {
75
66
  avatar
76
67
  } from "../chunk-7GYSEREC.mjs";
@@ -83,18 +74,30 @@ import {
83
74
  import {
84
75
  button
85
76
  } from "../chunk-Y63UYKP7.mjs";
86
- import "../chunk-CMYR6AOY.mjs";
87
- import "../chunk-K7LK7NCE.mjs";
88
- import "../chunk-LGGZKBOO.mjs";
89
77
  import {
90
78
  card
91
79
  } from "../chunk-TDD767J7.mjs";
92
80
  import {
93
81
  checkboxGroup
94
82
  } from "../chunk-U77YMEWM.mjs";
83
+ import {
84
+ checkbox
85
+ } from "../chunk-XQ3KK6F3.mjs";
86
+ import {
87
+ chip
88
+ } from "../chunk-QRMWQXOX.mjs";
89
+ import "../chunk-CMYR6AOY.mjs";
90
+ import "../chunk-K7LK7NCE.mjs";
91
+ import "../chunk-LGGZKBOO.mjs";
95
92
  import {
96
93
  accordionItem
97
94
  } from "../chunk-XSFH4S4Y.mjs";
95
+ import {
96
+ accordion
97
+ } from "../chunk-YYBLBQIV.mjs";
98
+ import {
99
+ avatarGroup
100
+ } from "../chunk-MLH3XSY7.mjs";
98
101
  import "../chunk-INZK6TTL.mjs";
99
102
  export {
100
103
  accordion,
@@ -119,6 +122,7 @@ export {
119
122
  input,
120
123
  link,
121
124
  modal,
125
+ navbar,
122
126
  pagination,
123
127
  popover,
124
128
  progress,