@thalamiq/ui 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -0
- package/dist/components/accordion.d.mts +10 -0
- package/dist/components/accordion.d.ts +10 -0
- package/dist/components/accordion.js +148 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/accordion.mjs +113 -0
- package/dist/components/accordion.mjs.map +1 -0
- package/dist/components/alert-dialog.d.mts +17 -0
- package/dist/components/alert-dialog.d.ts +17 -0
- package/dist/components/alert-dialog.js +264 -0
- package/dist/components/alert-dialog.js.map +1 -0
- package/dist/components/alert-dialog.mjs +222 -0
- package/dist/components/alert-dialog.mjs.map +1 -0
- package/dist/components/alert.d.mts +13 -0
- package/dist/components/alert.d.ts +13 -0
- package/dist/components/alert.js +133 -0
- package/dist/components/alert.js.map +1 -0
- package/dist/components/alert.mjs +109 -0
- package/dist/components/alert.mjs.map +1 -0
- package/dist/components/aspect-ratio.d.mts +6 -0
- package/dist/components/aspect-ratio.d.ts +6 -0
- package/dist/components/aspect-ratio.js +74 -0
- package/dist/components/aspect-ratio.js.map +1 -0
- package/dist/components/aspect-ratio.mjs +42 -0
- package/dist/components/aspect-ratio.mjs.map +1 -0
- package/dist/components/avatar.d.mts +9 -0
- package/dist/components/avatar.d.ts +9 -0
- package/dist/components/avatar.js +130 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/avatar.mjs +96 -0
- package/dist/components/avatar.mjs.map +1 -0
- package/dist/components/badge.d.mts +13 -0
- package/dist/components/badge.d.ts +13 -0
- package/dist/components/badge.js +106 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/badge.mjs +83 -0
- package/dist/components/badge.mjs.map +1 -0
- package/dist/components/breadcrumb.d.mts +14 -0
- package/dist/components/breadcrumb.d.ts +14 -0
- package/dist/components/breadcrumb.js +182 -0
- package/dist/components/breadcrumb.js.map +1 -0
- package/dist/components/breadcrumb.mjs +154 -0
- package/dist/components/breadcrumb.mjs.map +1 -0
- package/dist/components/button-group.d.mts +17 -0
- package/dist/components/button-group.d.ts +17 -0
- package/dist/components/button-group.js +183 -0
- package/dist/components/button-group.js.map +1 -0
- package/dist/components/button-group.mjs +148 -0
- package/dist/components/button-group.mjs.map +1 -0
- package/dist/components/button.d.mts +14 -0
- package/dist/components/button.d.ts +14 -0
- package/dist/components/button.js +119 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/button.mjs +96 -0
- package/dist/components/button.mjs.map +1 -0
- package/dist/components/calendar.d.mts +13 -0
- package/dist/components/calendar.d.ts +13 -0
- package/dist/components/calendar.js +324 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/calendar.mjs +295 -0
- package/dist/components/calendar.mjs.map +1 -0
- package/dist/components/card.d.mts +12 -0
- package/dist/components/card.d.ts +12 -0
- package/dist/components/card.js +158 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/card.mjs +128 -0
- package/dist/components/card.mjs.map +1 -0
- package/dist/components/carousel.d.mts +24 -0
- package/dist/components/carousel.d.ts +24 -0
- package/dist/components/carousel.js +343 -0
- package/dist/components/carousel.js.map +1 -0
- package/dist/components/carousel.mjs +307 -0
- package/dist/components/carousel.mjs.map +1 -0
- package/dist/components/chart.d.mts +43 -0
- package/dist/components/chart.d.ts +43 -0
- package/dist/components/chart.js +330 -0
- package/dist/components/chart.js.map +1 -0
- package/dist/components/chart.mjs +293 -0
- package/dist/components/chart.mjs.map +1 -0
- package/dist/components/checkbox.d.mts +7 -0
- package/dist/components/checkbox.d.ts +7 -0
- package/dist/components/checkbox.js +109 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/checkbox.mjs +77 -0
- package/dist/components/checkbox.mjs.map +1 -0
- package/dist/components/collapsible.d.mts +8 -0
- package/dist/components/collapsible.d.ts +8 -0
- package/dist/components/collapsible.js +95 -0
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/collapsible.mjs +61 -0
- package/dist/components/collapsible.mjs.map +1 -0
- package/dist/components/command.d.mts +22 -0
- package/dist/components/command.d.ts +22 -0
- package/dist/components/command.js +370 -0
- package/dist/components/command.js.map +1 -0
- package/dist/components/command.mjs +330 -0
- package/dist/components/command.mjs.map +1 -0
- package/dist/components/context-menu.d.mts +28 -0
- package/dist/components/context-menu.d.ts +28 -0
- package/dist/components/context-menu.js +326 -0
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/context-menu.mjs +280 -0
- package/dist/components/context-menu.mjs.map +1 -0
- package/dist/components/dialog.d.mts +18 -0
- package/dist/components/dialog.d.ts +18 -0
- package/dist/components/dialog.js +223 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/dialog.mjs +182 -0
- package/dist/components/dialog.mjs.map +1 -0
- package/dist/components/drawer.d.mts +16 -0
- package/dist/components/drawer.d.ts +16 -0
- package/dist/components/drawer.js +205 -0
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/drawer.mjs +174 -0
- package/dist/components/drawer.mjs.map +1 -0
- package/dist/components/dropdown-menu.d.mts +28 -0
- package/dist/components/dropdown-menu.d.ts +28 -0
- package/dist/components/dropdown-menu.js +333 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/dropdown-menu.mjs +287 -0
- package/dist/components/dropdown-menu.mjs.map +1 -0
- package/dist/components/empty.d.mts +15 -0
- package/dist/components/empty.d.ts +15 -0
- package/dist/components/empty.js +171 -0
- package/dist/components/empty.js.map +1 -0
- package/dist/components/empty.mjs +144 -0
- package/dist/components/empty.mjs.map +1 -0
- package/dist/components/field.d.mts +30 -0
- package/dist/components/field.d.ts +30 -0
- package/dist/components/field.js +372 -0
- package/dist/components/field.js.map +1 -0
- package/dist/components/field.mjs +331 -0
- package/dist/components/field.mjs.map +1 -0
- package/dist/components/form.d.mts +28 -0
- package/dist/components/form.d.ts +28 -0
- package/dist/components/form.js +220 -0
- package/dist/components/form.js.map +1 -0
- package/dist/components/form.mjs +186 -0
- package/dist/components/form.mjs.map +1 -0
- package/dist/components/hover-card.d.mts +9 -0
- package/dist/components/hover-card.d.ts +9 -0
- package/dist/components/hover-card.js +114 -0
- package/dist/components/hover-card.js.map +1 -0
- package/dist/components/hover-card.mjs +80 -0
- package/dist/components/hover-card.mjs.map +1 -0
- package/dist/components/input-group.d.mts +20 -0
- package/dist/components/input-group.d.ts +20 -0
- package/dist/components/input-group.js +316 -0
- package/dist/components/input-group.js.map +1 -0
- package/dist/components/input-group.mjs +289 -0
- package/dist/components/input-group.mjs.map +1 -0
- package/dist/components/input-otp.d.mts +14 -0
- package/dist/components/input-otp.d.ts +14 -0
- package/dist/components/input-otp.js +151 -0
- package/dist/components/input-otp.js.map +1 -0
- package/dist/components/input-otp.mjs +116 -0
- package/dist/components/input-otp.mjs.map +1 -0
- package/dist/components/input.d.mts +6 -0
- package/dist/components/input.d.ts +6 -0
- package/dist/components/input.js +83 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/input.mjs +59 -0
- package/dist/components/input.mjs.map +1 -0
- package/dist/components/item.d.mts +28 -0
- package/dist/components/item.d.ts +28 -0
- package/dist/components/item.js +301 -0
- package/dist/components/item.js.map +1 -0
- package/dist/components/item.mjs +260 -0
- package/dist/components/item.mjs.map +1 -0
- package/dist/components/kbd.d.mts +6 -0
- package/dist/components/kbd.d.ts +6 -0
- package/dist/components/kbd.js +94 -0
- package/dist/components/kbd.js.map +1 -0
- package/dist/components/kbd.mjs +69 -0
- package/dist/components/kbd.mjs.map +1 -0
- package/dist/components/label.d.mts +7 -0
- package/dist/components/label.d.ts +7 -0
- package/dist/components/label.js +96 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/label.mjs +64 -0
- package/dist/components/label.mjs.map +1 -0
- package/dist/components/menubar.d.mts +29 -0
- package/dist/components/menubar.d.ts +29 -0
- package/dist/components/menubar.js +361 -0
- package/dist/components/menubar.js.map +1 -0
- package/dist/components/menubar.mjs +314 -0
- package/dist/components/menubar.mjs.map +1 -0
- package/dist/components/navigation-menu.d.mts +18 -0
- package/dist/components/navigation-menu.d.ts +18 -0
- package/dist/components/navigation-menu.js +267 -0
- package/dist/components/navigation-menu.js.map +1 -0
- package/dist/components/navigation-menu.mjs +227 -0
- package/dist/components/navigation-menu.mjs.map +1 -0
- package/dist/components/pagination.d.mts +18 -0
- package/dist/components/pagination.d.ts +18 -0
- package/dist/components/pagination.js +231 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/pagination.mjs +207 -0
- package/dist/components/pagination.mjs.map +1 -0
- package/dist/components/popover.d.mts +10 -0
- package/dist/components/popover.d.ts +10 -0
- package/dist/components/popover.js +120 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/popover.mjs +85 -0
- package/dist/components/popover.mjs.map +1 -0
- package/dist/components/progress.d.mts +7 -0
- package/dist/components/progress.d.ts +7 -0
- package/dist/components/progress.js +109 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/progress.mjs +77 -0
- package/dist/components/progress.mjs.map +1 -0
- package/dist/components/radio-group.d.mts +8 -0
- package/dist/components/radio-group.d.ts +8 -0
- package/dist/components/radio-group.js +125 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/radio-group.mjs +92 -0
- package/dist/components/radio-group.mjs.map +1 -0
- package/dist/components/resizable.d.mts +11 -0
- package/dist/components/resizable.d.ts +11 -0
- package/dist/components/resizable.js +128 -0
- package/dist/components/resizable.js.map +1 -0
- package/dist/components/resizable.mjs +94 -0
- package/dist/components/resizable.mjs.map +1 -0
- package/dist/components/scroll-area.d.mts +8 -0
- package/dist/components/scroll-area.d.ts +8 -0
- package/dist/components/scroll-area.js +143 -0
- package/dist/components/scroll-area.js.map +1 -0
- package/dist/components/scroll-area.mjs +110 -0
- package/dist/components/scroll-area.mjs.map +1 -0
- package/dist/components/select.d.mts +18 -0
- package/dist/components/select.d.ts +18 -0
- package/dist/components/select.js +270 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/select.mjs +229 -0
- package/dist/components/select.mjs.map +1 -0
- package/dist/components/separator.d.mts +7 -0
- package/dist/components/separator.d.ts +7 -0
- package/dist/components/separator.js +102 -0
- package/dist/components/separator.js.map +1 -0
- package/dist/components/separator.mjs +70 -0
- package/dist/components/separator.mjs.map +1 -0
- package/dist/components/sheet.d.mts +16 -0
- package/dist/components/sheet.d.ts +16 -0
- package/dist/components/sheet.js +213 -0
- package/dist/components/sheet.js.map +1 -0
- package/dist/components/sheet.mjs +174 -0
- package/dist/components/sheet.mjs.map +1 -0
- package/dist/components/sidebar.d.mts +75 -0
- package/dist/components/sidebar.d.ts +75 -0
- package/dist/components/sidebar.js +1055 -0
- package/dist/components/sidebar.js.map +1 -0
- package/dist/components/sidebar.mjs +1000 -0
- package/dist/components/sidebar.mjs.map +1 -0
- package/dist/components/skeleton.d.mts +5 -0
- package/dist/components/skeleton.d.ts +5 -0
- package/dist/components/skeleton.js +77 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/skeleton.mjs +53 -0
- package/dist/components/skeleton.mjs.map +1 -0
- package/dist/components/slider.d.mts +7 -0
- package/dist/components/slider.d.ts +7 -0
- package/dist/components/slider.js +145 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/slider.mjs +113 -0
- package/dist/components/slider.mjs.map +1 -0
- package/dist/components/sonner.d.mts +6 -0
- package/dist/components/sonner.d.ts +6 -0
- package/dist/components/sonner.js +85 -0
- package/dist/components/sonner.js.map +1 -0
- package/dist/components/sonner.mjs +69 -0
- package/dist/components/sonner.mjs.map +1 -0
- package/dist/components/spinner.d.mts +5 -0
- package/dist/components/spinner.d.ts +5 -0
- package/dist/components/spinner.js +79 -0
- package/dist/components/spinner.js.map +1 -0
- package/dist/components/spinner.mjs +57 -0
- package/dist/components/spinner.mjs.map +1 -0
- package/dist/components/switch.d.mts +7 -0
- package/dist/components/switch.d.ts +7 -0
- package/dist/components/switch.js +109 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/switch.mjs +77 -0
- package/dist/components/switch.mjs.map +1 -0
- package/dist/components/table.d.mts +13 -0
- package/dist/components/table.d.ts +13 -0
- package/dist/components/table.js +184 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/table.mjs +153 -0
- package/dist/components/table.mjs.map +1 -0
- package/dist/components/tabs.d.mts +10 -0
- package/dist/components/tabs.d.ts +10 -0
- package/dist/components/tabs.js +147 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/tabs.mjs +112 -0
- package/dist/components/tabs.mjs.map +1 -0
- package/dist/components/textarea.d.mts +6 -0
- package/dist/components/textarea.d.ts +6 -0
- package/dist/components/textarea.js +80 -0
- package/dist/components/textarea.js.map +1 -0
- package/dist/components/textarea.mjs +56 -0
- package/dist/components/textarea.mjs.map +1 -0
- package/dist/components/toggle-group.d.mts +14 -0
- package/dist/components/toggle-group.d.ts +14 -0
- package/dist/components/toggle-group.js +179 -0
- package/dist/components/toggle-group.js.map +1 -0
- package/dist/components/toggle-group.mjs +146 -0
- package/dist/components/toggle-group.mjs.map +1 -0
- package/dist/components/toggle.d.mts +13 -0
- package/dist/components/toggle.d.ts +13 -0
- package/dist/components/toggle.js +119 -0
- package/dist/components/toggle.js.map +1 -0
- package/dist/components/toggle.mjs +86 -0
- package/dist/components/toggle.mjs.map +1 -0
- package/dist/components/tooltip.d.mts +10 -0
- package/dist/components/tooltip.d.ts +10 -0
- package/dist/components/tooltip.js +137 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/tooltip.mjs +102 -0
- package/dist/components/tooltip.mjs.map +1 -0
- package/dist/hooks/use-mobile.d.mts +3 -0
- package/dist/hooks/use-mobile.d.ts +3 -0
- package/dist/hooks/use-mobile.js +56 -0
- package/dist/hooks/use-mobile.js.map +1 -0
- package/dist/hooks/use-mobile.mjs +22 -0
- package/dist/hooks/use-mobile.mjs.map +1 -0
- package/dist/styles/globals.css +230 -0
- package/dist/utils/utils.d.mts +5 -0
- package/dist/utils/utils.d.ts +5 -0
- package/dist/utils/utils.js +36 -0
- package/dist/utils/utils.js.map +1 -0
- package/dist/utils/utils.mjs +12 -0
- package/dist/utils/utils.mjs.map +1 -0
- package/package.json +393 -0
|
@@ -0,0 +1,314 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
4
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
+
var __spreadValues = (a, b) => {
|
|
10
|
+
for (var prop in b || (b = {}))
|
|
11
|
+
if (__hasOwnProp.call(b, prop))
|
|
12
|
+
__defNormalProp(a, prop, b[prop]);
|
|
13
|
+
if (__getOwnPropSymbols)
|
|
14
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
+
if (__propIsEnum.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
}
|
|
18
|
+
return a;
|
|
19
|
+
};
|
|
20
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
+
var __objRest = (source, exclude) => {
|
|
22
|
+
var target = {};
|
|
23
|
+
for (var prop in source)
|
|
24
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
if (source != null && __getOwnPropSymbols)
|
|
27
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
+
target[prop] = source[prop];
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
// lib/components/menubar.tsx
|
|
35
|
+
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
36
|
+
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
37
|
+
|
|
38
|
+
// lib/utils/utils.ts
|
|
39
|
+
import { clsx } from "clsx";
|
|
40
|
+
import { twMerge } from "tailwind-merge";
|
|
41
|
+
function cn(...inputs) {
|
|
42
|
+
return twMerge(clsx(inputs));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
// lib/components/menubar.tsx
|
|
46
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
47
|
+
function Menubar(_a) {
|
|
48
|
+
var _b = _a, {
|
|
49
|
+
className
|
|
50
|
+
} = _b, props = __objRest(_b, [
|
|
51
|
+
"className"
|
|
52
|
+
]);
|
|
53
|
+
return /* @__PURE__ */ jsx(
|
|
54
|
+
MenubarPrimitive.Root,
|
|
55
|
+
__spreadValues({
|
|
56
|
+
"data-slot": "menubar",
|
|
57
|
+
className: cn(
|
|
58
|
+
"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
|
|
59
|
+
className
|
|
60
|
+
)
|
|
61
|
+
}, props)
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
function MenubarMenu(_a) {
|
|
65
|
+
var props = __objRest(_a, []);
|
|
66
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
|
|
67
|
+
}
|
|
68
|
+
function MenubarGroup(_a) {
|
|
69
|
+
var props = __objRest(_a, []);
|
|
70
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
|
|
71
|
+
}
|
|
72
|
+
function MenubarPortal(_a) {
|
|
73
|
+
var props = __objRest(_a, []);
|
|
74
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
|
|
75
|
+
}
|
|
76
|
+
function MenubarRadioGroup(_a) {
|
|
77
|
+
var props = __objRest(_a, []);
|
|
78
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
|
|
79
|
+
}
|
|
80
|
+
function MenubarTrigger(_a) {
|
|
81
|
+
var _b = _a, {
|
|
82
|
+
className
|
|
83
|
+
} = _b, props = __objRest(_b, [
|
|
84
|
+
"className"
|
|
85
|
+
]);
|
|
86
|
+
return /* @__PURE__ */ jsx(
|
|
87
|
+
MenubarPrimitive.Trigger,
|
|
88
|
+
__spreadValues({
|
|
89
|
+
"data-slot": "menubar-trigger",
|
|
90
|
+
className: cn(
|
|
91
|
+
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
|
|
92
|
+
className
|
|
93
|
+
)
|
|
94
|
+
}, props)
|
|
95
|
+
);
|
|
96
|
+
}
|
|
97
|
+
function MenubarContent(_a) {
|
|
98
|
+
var _b = _a, {
|
|
99
|
+
className,
|
|
100
|
+
align = "start",
|
|
101
|
+
alignOffset = -4,
|
|
102
|
+
sideOffset = 8
|
|
103
|
+
} = _b, props = __objRest(_b, [
|
|
104
|
+
"className",
|
|
105
|
+
"align",
|
|
106
|
+
"alignOffset",
|
|
107
|
+
"sideOffset"
|
|
108
|
+
]);
|
|
109
|
+
return /* @__PURE__ */ jsx(MenubarPortal, { children: /* @__PURE__ */ jsx(
|
|
110
|
+
MenubarPrimitive.Content,
|
|
111
|
+
__spreadValues({
|
|
112
|
+
"data-slot": "menubar-content",
|
|
113
|
+
align,
|
|
114
|
+
alignOffset,
|
|
115
|
+
sideOffset,
|
|
116
|
+
className: cn(
|
|
117
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
|
|
118
|
+
className
|
|
119
|
+
)
|
|
120
|
+
}, props)
|
|
121
|
+
) });
|
|
122
|
+
}
|
|
123
|
+
function MenubarItem(_a) {
|
|
124
|
+
var _b = _a, {
|
|
125
|
+
className,
|
|
126
|
+
inset,
|
|
127
|
+
variant = "default"
|
|
128
|
+
} = _b, props = __objRest(_b, [
|
|
129
|
+
"className",
|
|
130
|
+
"inset",
|
|
131
|
+
"variant"
|
|
132
|
+
]);
|
|
133
|
+
return /* @__PURE__ */ jsx(
|
|
134
|
+
MenubarPrimitive.Item,
|
|
135
|
+
__spreadValues({
|
|
136
|
+
"data-slot": "menubar-item",
|
|
137
|
+
"data-inset": inset,
|
|
138
|
+
"data-variant": variant,
|
|
139
|
+
className: cn(
|
|
140
|
+
"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
141
|
+
className
|
|
142
|
+
)
|
|
143
|
+
}, props)
|
|
144
|
+
);
|
|
145
|
+
}
|
|
146
|
+
function MenubarCheckboxItem(_a) {
|
|
147
|
+
var _b = _a, {
|
|
148
|
+
className,
|
|
149
|
+
children,
|
|
150
|
+
checked
|
|
151
|
+
} = _b, props = __objRest(_b, [
|
|
152
|
+
"className",
|
|
153
|
+
"children",
|
|
154
|
+
"checked"
|
|
155
|
+
]);
|
|
156
|
+
return /* @__PURE__ */ jsxs(
|
|
157
|
+
MenubarPrimitive.CheckboxItem,
|
|
158
|
+
__spreadProps(__spreadValues({
|
|
159
|
+
"data-slot": "menubar-checkbox-item",
|
|
160
|
+
className: cn(
|
|
161
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
162
|
+
className
|
|
163
|
+
),
|
|
164
|
+
checked
|
|
165
|
+
}, props), {
|
|
166
|
+
children: [
|
|
167
|
+
/* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
|
|
168
|
+
children
|
|
169
|
+
]
|
|
170
|
+
})
|
|
171
|
+
);
|
|
172
|
+
}
|
|
173
|
+
function MenubarRadioItem(_a) {
|
|
174
|
+
var _b = _a, {
|
|
175
|
+
className,
|
|
176
|
+
children
|
|
177
|
+
} = _b, props = __objRest(_b, [
|
|
178
|
+
"className",
|
|
179
|
+
"children"
|
|
180
|
+
]);
|
|
181
|
+
return /* @__PURE__ */ jsxs(
|
|
182
|
+
MenubarPrimitive.RadioItem,
|
|
183
|
+
__spreadProps(__spreadValues({
|
|
184
|
+
"data-slot": "menubar-radio-item",
|
|
185
|
+
className: cn(
|
|
186
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
187
|
+
className
|
|
188
|
+
)
|
|
189
|
+
}, props), {
|
|
190
|
+
children: [
|
|
191
|
+
/* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
|
|
192
|
+
children
|
|
193
|
+
]
|
|
194
|
+
})
|
|
195
|
+
);
|
|
196
|
+
}
|
|
197
|
+
function MenubarLabel(_a) {
|
|
198
|
+
var _b = _a, {
|
|
199
|
+
className,
|
|
200
|
+
inset
|
|
201
|
+
} = _b, props = __objRest(_b, [
|
|
202
|
+
"className",
|
|
203
|
+
"inset"
|
|
204
|
+
]);
|
|
205
|
+
return /* @__PURE__ */ jsx(
|
|
206
|
+
MenubarPrimitive.Label,
|
|
207
|
+
__spreadValues({
|
|
208
|
+
"data-slot": "menubar-label",
|
|
209
|
+
"data-inset": inset,
|
|
210
|
+
className: cn(
|
|
211
|
+
"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
|
|
212
|
+
className
|
|
213
|
+
)
|
|
214
|
+
}, props)
|
|
215
|
+
);
|
|
216
|
+
}
|
|
217
|
+
function MenubarSeparator(_a) {
|
|
218
|
+
var _b = _a, {
|
|
219
|
+
className
|
|
220
|
+
} = _b, props = __objRest(_b, [
|
|
221
|
+
"className"
|
|
222
|
+
]);
|
|
223
|
+
return /* @__PURE__ */ jsx(
|
|
224
|
+
MenubarPrimitive.Separator,
|
|
225
|
+
__spreadValues({
|
|
226
|
+
"data-slot": "menubar-separator",
|
|
227
|
+
className: cn("bg-border -mx-1 my-1 h-px", className)
|
|
228
|
+
}, props)
|
|
229
|
+
);
|
|
230
|
+
}
|
|
231
|
+
function MenubarShortcut(_a) {
|
|
232
|
+
var _b = _a, {
|
|
233
|
+
className
|
|
234
|
+
} = _b, props = __objRest(_b, [
|
|
235
|
+
"className"
|
|
236
|
+
]);
|
|
237
|
+
return /* @__PURE__ */ jsx(
|
|
238
|
+
"span",
|
|
239
|
+
__spreadValues({
|
|
240
|
+
"data-slot": "menubar-shortcut",
|
|
241
|
+
className: cn(
|
|
242
|
+
"text-muted-foreground ml-auto text-xs tracking-widest",
|
|
243
|
+
className
|
|
244
|
+
)
|
|
245
|
+
}, props)
|
|
246
|
+
);
|
|
247
|
+
}
|
|
248
|
+
function MenubarSub(_a) {
|
|
249
|
+
var props = __objRest(_a, []);
|
|
250
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
|
|
251
|
+
}
|
|
252
|
+
function MenubarSubTrigger(_a) {
|
|
253
|
+
var _b = _a, {
|
|
254
|
+
className,
|
|
255
|
+
inset,
|
|
256
|
+
children
|
|
257
|
+
} = _b, props = __objRest(_b, [
|
|
258
|
+
"className",
|
|
259
|
+
"inset",
|
|
260
|
+
"children"
|
|
261
|
+
]);
|
|
262
|
+
return /* @__PURE__ */ jsxs(
|
|
263
|
+
MenubarPrimitive.SubTrigger,
|
|
264
|
+
__spreadProps(__spreadValues({
|
|
265
|
+
"data-slot": "menubar-sub-trigger",
|
|
266
|
+
"data-inset": inset,
|
|
267
|
+
className: cn(
|
|
268
|
+
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
|
|
269
|
+
className
|
|
270
|
+
)
|
|
271
|
+
}, props), {
|
|
272
|
+
children: [
|
|
273
|
+
children,
|
|
274
|
+
/* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })
|
|
275
|
+
]
|
|
276
|
+
})
|
|
277
|
+
);
|
|
278
|
+
}
|
|
279
|
+
function MenubarSubContent(_a) {
|
|
280
|
+
var _b = _a, {
|
|
281
|
+
className
|
|
282
|
+
} = _b, props = __objRest(_b, [
|
|
283
|
+
"className"
|
|
284
|
+
]);
|
|
285
|
+
return /* @__PURE__ */ jsx(
|
|
286
|
+
MenubarPrimitive.SubContent,
|
|
287
|
+
__spreadValues({
|
|
288
|
+
"data-slot": "menubar-sub-content",
|
|
289
|
+
className: cn(
|
|
290
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
|
|
291
|
+
className
|
|
292
|
+
)
|
|
293
|
+
}, props)
|
|
294
|
+
);
|
|
295
|
+
}
|
|
296
|
+
export {
|
|
297
|
+
Menubar,
|
|
298
|
+
MenubarCheckboxItem,
|
|
299
|
+
MenubarContent,
|
|
300
|
+
MenubarGroup,
|
|
301
|
+
MenubarItem,
|
|
302
|
+
MenubarLabel,
|
|
303
|
+
MenubarMenu,
|
|
304
|
+
MenubarPortal,
|
|
305
|
+
MenubarRadioGroup,
|
|
306
|
+
MenubarRadioItem,
|
|
307
|
+
MenubarSeparator,
|
|
308
|
+
MenubarShortcut,
|
|
309
|
+
MenubarSub,
|
|
310
|
+
MenubarSubContent,
|
|
311
|
+
MenubarSubTrigger,
|
|
312
|
+
MenubarTrigger
|
|
313
|
+
};
|
|
314
|
+
//# sourceMappingURL=menubar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../lib/components/menubar.tsx","../../lib/utils/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../utils/utils\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n return (\n <MenubarPrimitive.Root\n data-slot=\"menubar\"\n className={cn(\n \"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n return (\n <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n return (\n <MenubarPrimitive.Trigger\n data-slot=\"menubar-trigger\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n return (\n <MenubarPortal>\n <MenubarPrimitive.Content\n data-slot=\"menubar-content\"\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md\",\n className\n )}\n {...props}\n />\n </MenubarPortal>\n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n <MenubarPrimitive.Item\n data-slot=\"menubar-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n return (\n <MenubarPrimitive.CheckboxItem\n data-slot=\"menubar-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n return (\n <MenubarPrimitive.RadioItem\n data-slot=\"menubar-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n inset?: boolean\n}) {\n return (\n <MenubarPrimitive.Label\n data-slot=\"menubar-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n return (\n <MenubarPrimitive.Separator\n data-slot=\"menubar-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"menubar-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n inset?: boolean\n}) {\n return (\n <MenubarPrimitive.SubTrigger\n data-slot=\"menubar-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n </MenubarPrimitive.SubTrigger>\n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n return (\n <MenubarPrimitive.SubContent\n data-slot=\"menubar-sub-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
5
|
+
|
|
6
|
+
declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
|
|
7
|
+
viewport?: boolean;
|
|
8
|
+
}): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
12
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
13
|
+
declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
14
|
+
declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
|
|
15
|
+
declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
|
|
16
|
+
declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
|
|
17
|
+
|
|
18
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
5
|
+
|
|
6
|
+
declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
|
|
7
|
+
viewport?: boolean;
|
|
8
|
+
}): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
12
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
13
|
+
declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
14
|
+
declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
|
|
15
|
+
declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
|
|
16
|
+
declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
|
|
17
|
+
|
|
18
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
|
|
@@ -0,0 +1,267 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __defProps = Object.defineProperties;
|
|
6
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
8
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
9
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
10
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
11
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
12
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
13
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
14
|
+
var __spreadValues = (a, b) => {
|
|
15
|
+
for (var prop in b || (b = {}))
|
|
16
|
+
if (__hasOwnProp.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
if (__getOwnPropSymbols)
|
|
19
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
20
|
+
if (__propIsEnum.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
}
|
|
23
|
+
return a;
|
|
24
|
+
};
|
|
25
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
26
|
+
var __objRest = (source, exclude) => {
|
|
27
|
+
var target = {};
|
|
28
|
+
for (var prop in source)
|
|
29
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
if (source != null && __getOwnPropSymbols)
|
|
32
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
33
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
34
|
+
target[prop] = source[prop];
|
|
35
|
+
}
|
|
36
|
+
return target;
|
|
37
|
+
};
|
|
38
|
+
var __export = (target, all) => {
|
|
39
|
+
for (var name in all)
|
|
40
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
41
|
+
};
|
|
42
|
+
var __copyProps = (to, from, except, desc) => {
|
|
43
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
44
|
+
for (let key of __getOwnPropNames(from))
|
|
45
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
46
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
47
|
+
}
|
|
48
|
+
return to;
|
|
49
|
+
};
|
|
50
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
51
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
52
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
53
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
54
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
55
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
56
|
+
mod
|
|
57
|
+
));
|
|
58
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
59
|
+
|
|
60
|
+
// lib/components/navigation-menu.tsx
|
|
61
|
+
var navigation_menu_exports = {};
|
|
62
|
+
__export(navigation_menu_exports, {
|
|
63
|
+
NavigationMenu: () => NavigationMenu,
|
|
64
|
+
NavigationMenuContent: () => NavigationMenuContent,
|
|
65
|
+
NavigationMenuIndicator: () => NavigationMenuIndicator,
|
|
66
|
+
NavigationMenuItem: () => NavigationMenuItem,
|
|
67
|
+
NavigationMenuLink: () => NavigationMenuLink,
|
|
68
|
+
NavigationMenuList: () => NavigationMenuList,
|
|
69
|
+
NavigationMenuTrigger: () => NavigationMenuTrigger,
|
|
70
|
+
NavigationMenuViewport: () => NavigationMenuViewport,
|
|
71
|
+
navigationMenuTriggerStyle: () => navigationMenuTriggerStyle
|
|
72
|
+
});
|
|
73
|
+
module.exports = __toCommonJS(navigation_menu_exports);
|
|
74
|
+
var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
|
|
75
|
+
var import_class_variance_authority = require("class-variance-authority");
|
|
76
|
+
var import_lucide_react = require("lucide-react");
|
|
77
|
+
|
|
78
|
+
// lib/utils/utils.ts
|
|
79
|
+
var import_clsx = require("clsx");
|
|
80
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
81
|
+
function cn(...inputs) {
|
|
82
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
// lib/components/navigation-menu.tsx
|
|
86
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
87
|
+
function NavigationMenu(_a) {
|
|
88
|
+
var _b = _a, {
|
|
89
|
+
className,
|
|
90
|
+
children,
|
|
91
|
+
viewport = true
|
|
92
|
+
} = _b, props = __objRest(_b, [
|
|
93
|
+
"className",
|
|
94
|
+
"children",
|
|
95
|
+
"viewport"
|
|
96
|
+
]);
|
|
97
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
98
|
+
NavigationMenuPrimitive.Root,
|
|
99
|
+
__spreadProps(__spreadValues({
|
|
100
|
+
"data-slot": "navigation-menu",
|
|
101
|
+
"data-viewport": viewport,
|
|
102
|
+
className: cn(
|
|
103
|
+
"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
|
|
104
|
+
className
|
|
105
|
+
)
|
|
106
|
+
}, props), {
|
|
107
|
+
children: [
|
|
108
|
+
children,
|
|
109
|
+
viewport && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationMenuViewport, {})
|
|
110
|
+
]
|
|
111
|
+
})
|
|
112
|
+
);
|
|
113
|
+
}
|
|
114
|
+
function NavigationMenuList(_a) {
|
|
115
|
+
var _b = _a, {
|
|
116
|
+
className
|
|
117
|
+
} = _b, props = __objRest(_b, [
|
|
118
|
+
"className"
|
|
119
|
+
]);
|
|
120
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
121
|
+
NavigationMenuPrimitive.List,
|
|
122
|
+
__spreadValues({
|
|
123
|
+
"data-slot": "navigation-menu-list",
|
|
124
|
+
className: cn(
|
|
125
|
+
"group flex flex-1 list-none items-center justify-center gap-1",
|
|
126
|
+
className
|
|
127
|
+
)
|
|
128
|
+
}, props)
|
|
129
|
+
);
|
|
130
|
+
}
|
|
131
|
+
function NavigationMenuItem(_a) {
|
|
132
|
+
var _b = _a, {
|
|
133
|
+
className
|
|
134
|
+
} = _b, props = __objRest(_b, [
|
|
135
|
+
"className"
|
|
136
|
+
]);
|
|
137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
138
|
+
NavigationMenuPrimitive.Item,
|
|
139
|
+
__spreadValues({
|
|
140
|
+
"data-slot": "navigation-menu-item",
|
|
141
|
+
className: cn("relative", className)
|
|
142
|
+
}, props)
|
|
143
|
+
);
|
|
144
|
+
}
|
|
145
|
+
var navigationMenuTriggerStyle = (0, import_class_variance_authority.cva)(
|
|
146
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
147
|
+
);
|
|
148
|
+
function NavigationMenuTrigger(_a) {
|
|
149
|
+
var _b = _a, {
|
|
150
|
+
className,
|
|
151
|
+
children
|
|
152
|
+
} = _b, props = __objRest(_b, [
|
|
153
|
+
"className",
|
|
154
|
+
"children"
|
|
155
|
+
]);
|
|
156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
157
|
+
NavigationMenuPrimitive.Trigger,
|
|
158
|
+
__spreadProps(__spreadValues({
|
|
159
|
+
"data-slot": "navigation-menu-trigger",
|
|
160
|
+
className: cn(navigationMenuTriggerStyle(), "group", className)
|
|
161
|
+
}, props), {
|
|
162
|
+
children: [
|
|
163
|
+
children,
|
|
164
|
+
" ",
|
|
165
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
166
|
+
import_lucide_react.ChevronDownIcon,
|
|
167
|
+
{
|
|
168
|
+
className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
169
|
+
"aria-hidden": "true"
|
|
170
|
+
}
|
|
171
|
+
)
|
|
172
|
+
]
|
|
173
|
+
})
|
|
174
|
+
);
|
|
175
|
+
}
|
|
176
|
+
function NavigationMenuContent(_a) {
|
|
177
|
+
var _b = _a, {
|
|
178
|
+
className
|
|
179
|
+
} = _b, props = __objRest(_b, [
|
|
180
|
+
"className"
|
|
181
|
+
]);
|
|
182
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
183
|
+
NavigationMenuPrimitive.Content,
|
|
184
|
+
__spreadValues({
|
|
185
|
+
"data-slot": "navigation-menu-content",
|
|
186
|
+
className: cn(
|
|
187
|
+
"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
|
|
188
|
+
"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
|
|
189
|
+
className
|
|
190
|
+
)
|
|
191
|
+
}, props)
|
|
192
|
+
);
|
|
193
|
+
}
|
|
194
|
+
function NavigationMenuViewport(_a) {
|
|
195
|
+
var _b = _a, {
|
|
196
|
+
className
|
|
197
|
+
} = _b, props = __objRest(_b, [
|
|
198
|
+
"className"
|
|
199
|
+
]);
|
|
200
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
201
|
+
"div",
|
|
202
|
+
{
|
|
203
|
+
className: cn(
|
|
204
|
+
"absolute top-full left-0 isolate z-50 flex justify-center"
|
|
205
|
+
),
|
|
206
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
207
|
+
NavigationMenuPrimitive.Viewport,
|
|
208
|
+
__spreadValues({
|
|
209
|
+
"data-slot": "navigation-menu-viewport",
|
|
210
|
+
className: cn(
|
|
211
|
+
"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
|
|
212
|
+
className
|
|
213
|
+
)
|
|
214
|
+
}, props)
|
|
215
|
+
)
|
|
216
|
+
}
|
|
217
|
+
);
|
|
218
|
+
}
|
|
219
|
+
function NavigationMenuLink(_a) {
|
|
220
|
+
var _b = _a, {
|
|
221
|
+
className
|
|
222
|
+
} = _b, props = __objRest(_b, [
|
|
223
|
+
"className"
|
|
224
|
+
]);
|
|
225
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
226
|
+
NavigationMenuPrimitive.Link,
|
|
227
|
+
__spreadValues({
|
|
228
|
+
"data-slot": "navigation-menu-link",
|
|
229
|
+
className: cn(
|
|
230
|
+
"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
231
|
+
className
|
|
232
|
+
)
|
|
233
|
+
}, props)
|
|
234
|
+
);
|
|
235
|
+
}
|
|
236
|
+
function NavigationMenuIndicator(_a) {
|
|
237
|
+
var _b = _a, {
|
|
238
|
+
className
|
|
239
|
+
} = _b, props = __objRest(_b, [
|
|
240
|
+
"className"
|
|
241
|
+
]);
|
|
242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
243
|
+
NavigationMenuPrimitive.Indicator,
|
|
244
|
+
__spreadProps(__spreadValues({
|
|
245
|
+
"data-slot": "navigation-menu-indicator",
|
|
246
|
+
className: cn(
|
|
247
|
+
"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
|
|
248
|
+
className
|
|
249
|
+
)
|
|
250
|
+
}, props), {
|
|
251
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
|
|
252
|
+
})
|
|
253
|
+
);
|
|
254
|
+
}
|
|
255
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
256
|
+
0 && (module.exports = {
|
|
257
|
+
NavigationMenu,
|
|
258
|
+
NavigationMenuContent,
|
|
259
|
+
NavigationMenuIndicator,
|
|
260
|
+
NavigationMenuItem,
|
|
261
|
+
NavigationMenuLink,
|
|
262
|
+
NavigationMenuList,
|
|
263
|
+
NavigationMenuTrigger,
|
|
264
|
+
NavigationMenuViewport,
|
|
265
|
+
navigationMenuTriggerStyle
|
|
266
|
+
});
|
|
267
|
+
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../lib/components/navigation-menu.tsx","../../lib/utils/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\"\nimport { cva } from \"class-variance-authority\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nimport { cn } from \"../utils/utils\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n viewport?: boolean\n}) {\n return (\n <NavigationMenuPrimitive.Root\n data-slot=\"navigation-menu\"\n data-viewport={viewport}\n className={cn(\n \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n className\n )}\n {...props}\n >\n {children}\n {viewport && <NavigationMenuViewport />}\n </NavigationMenuPrimitive.Root>\n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n return (\n <NavigationMenuPrimitive.List\n data-slot=\"navigation-menu-list\"\n className={cn(\n \"group flex flex-1 list-none items-center justify-center gap-1\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n return (\n <NavigationMenuPrimitive.Item\n data-slot=\"navigation-menu-item\"\n className={cn(\"relative\", className)}\n {...props}\n />\n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n return (\n <NavigationMenuPrimitive.Trigger\n data-slot=\"navigation-menu-trigger\"\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n return (\n <NavigationMenuPrimitive.Content\n data-slot=\"navigation-menu-content\"\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n return (\n <div\n className={cn(\n \"absolute top-full left-0 isolate z-50 flex justify-center\"\n )}\n >\n <NavigationMenuPrimitive.Viewport\n data-slot=\"navigation-menu-viewport\"\n className={cn(\n \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className\n )}\n {...props}\n />\n </div>\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n return (\n <NavigationMenuPrimitive.Link\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n return (\n <NavigationMenuPrimitive.Indicator\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n className\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}"],"mappings":"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","names":[]}
|