@waveso/ui 0.0.10 → 0.1.0
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/dist/accordion.d.ts +24 -8
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +50 -73
- package/dist/accordion.js.map +1 -1
- package/dist/action-bar.d.ts +83 -0
- package/dist/action-bar.d.ts.map +1 -0
- package/dist/action-bar.js +264 -0
- package/dist/action-bar.js.map +1 -0
- package/dist/alert-dialog.d.ts +56 -21
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +75 -127
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert.d.ts +26 -11
- package/dist/alert.d.ts.map +1 -0
- package/dist/alert.js +37 -68
- package/dist/alert.js.map +1 -1
- package/dist/animate.d.ts +117 -75
- package/dist/animate.d.ts.map +1 -0
- package/dist/animate.js +259 -223
- package/dist/animate.js.map +1 -1
- package/dist/aspect-ratio.d.ts +11 -6
- package/dist/aspect-ratio.d.ts.map +1 -0
- package/dist/aspect-ratio.js +12 -14
- package/dist/aspect-ratio.js.map +1 -1
- package/dist/autocomplete.d.ts +91 -25
- package/dist/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete.js +119 -181
- package/dist/autocomplete.js.map +1 -1
- package/dist/avatar.d.ts +32 -11
- package/dist/avatar.d.ts.map +1 -0
- package/dist/avatar.js +42 -89
- package/dist/avatar.js.map +1 -1
- package/dist/badge.d.ts +15 -8
- package/dist/badge.d.ts.map +1 -0
- package/dist/badge.js +34 -48
- package/dist/badge.js.map +1 -1
- package/dist/breadcrumb.d.ts +35 -11
- package/dist/breadcrumb.d.ts.map +1 -0
- package/dist/breadcrumb.js +60 -110
- package/dist/breadcrumb.js.map +1 -1
- package/dist/button-group.d.ts +26 -13
- package/dist/button-group.d.ts.map +1 -0
- package/dist/button-group.js +38 -76
- package/dist/button-group.js.map +1 -1
- package/dist/button.d.ts +17 -10
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +50 -3
- package/dist/button.js.map +1 -1
- package/dist/card.d.ts +35 -11
- package/dist/card.d.ts.map +1 -0
- package/dist/card.js +43 -82
- package/dist/card.js.map +1 -1
- package/dist/checkbox.d.ts +6 -4
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +21 -29
- package/dist/checkbox.js.map +1 -1
- package/dist/collapsible.d.ts +15 -7
- package/dist/collapsible.d.ts.map +1 -0
- package/dist/collapsible.js +19 -8
- package/dist/collapsible.js.map +1 -1
- package/dist/combobox.d.ts +83 -23
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +149 -247
- package/dist/combobox.js.map +1 -1
- package/dist/context-menu.d.ts +80 -26
- package/dist/context-menu.d.ts.map +1 -0
- package/dist/context-menu.js +108 -164
- package/dist/context-menu.js.map +1 -1
- package/dist/count.d.ts +45 -31
- package/dist/count.d.ts.map +1 -0
- package/dist/count.js +170 -165
- package/dist/count.js.map +1 -1
- package/dist/dialog.d.ts +61 -28
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +77 -120
- package/dist/dialog.js.map +1 -1
- package/dist/direction.d.ts +2 -1
- package/dist/direction.js +3 -3
- package/dist/drawer.d.ts +45 -15
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +93 -5
- package/dist/drawer.js.map +1 -1
- package/dist/encrypted-text.d.ts +25 -12
- package/dist/encrypted-text.d.ts.map +1 -0
- package/dist/encrypted-text.js +102 -134
- package/dist/encrypted-text.js.map +1 -1
- package/dist/field.d.ts +37 -21
- package/dist/field.d.ts.map +1 -0
- package/dist/field.js +52 -3
- package/dist/field.js.map +1 -1
- package/dist/film-grain-shader.d.ts +6 -0
- package/dist/film-grain-shader.d.ts.map +1 -0
- package/dist/film-grain-shader.js +88 -0
- package/dist/film-grain-shader.js.map +1 -0
- package/dist/film-grain-webgl.d.ts +20 -0
- package/dist/film-grain-webgl.d.ts.map +1 -0
- package/dist/film-grain-webgl.js +306 -0
- package/dist/film-grain-webgl.js.map +1 -0
- package/dist/film-grain.d.ts +21 -11
- package/dist/film-grain.d.ts.map +1 -0
- package/dist/film-grain.js +28 -420
- package/dist/film-grain.js.map +1 -1
- package/dist/form.d.ts +64 -49
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +112 -91
- package/dist/form.js.map +1 -1
- package/dist/gradient-reveal-text.d.ts +35 -22
- package/dist/gradient-reveal-text.d.ts.map +1 -0
- package/dist/gradient-reveal-text.js +238 -205
- package/dist/gradient-reveal-text.js.map +1 -1
- package/dist/hooks/use-mobile.d.ts +3 -1
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-mobile.js +28 -2
- package/dist/hooks/use-mobile.js.map +1 -1
- package/dist/infinite-scroll.d.ts +29 -15
- package/dist/infinite-scroll.d.ts.map +1 -0
- package/dist/infinite-scroll.js +69 -99
- package/dist/infinite-scroll.js.map +1 -1
- package/dist/input-group.d.ts +41 -18
- package/dist/input-group.d.ts.map +1 -0
- package/dist/input-group.js +80 -6
- package/dist/input-group.js.map +1 -1
- package/dist/input-otp.d.ts +26 -10
- package/dist/input-otp.d.ts.map +1 -0
- package/dist/input-otp.js +40 -70
- package/dist/input-otp.js.map +1 -1
- package/dist/input.d.ts +10 -4
- package/dist/input.d.ts.map +1 -0
- package/dist/input.js +16 -3
- package/dist/input.js.map +1 -1
- package/dist/item.d.ts +58 -23
- package/dist/item.d.ts.map +1 -0
- package/dist/item.js +102 -160
- package/dist/item.js.map +1 -1
- package/dist/kbd.d.ts +12 -4
- package/dist/kbd.d.ts.map +1 -0
- package/dist/kbd.js +15 -24
- package/dist/kbd.js.map +1 -1
- package/dist/label.d.ts +9 -4
- package/dist/label.d.ts.map +1 -0
- package/dist/label.js +12 -16
- package/dist/label.js.map +1 -1
- package/dist/lib/focus.d.ts +42 -0
- package/dist/lib/focus.d.ts.map +1 -0
- package/dist/lib/focus.js +21 -0
- package/dist/lib/focus.js.map +1 -0
- package/dist/lib/internal-icons.d.ts +32 -0
- package/dist/lib/internal-icons.d.ts.map +1 -0
- package/dist/lib/internal-icons.js +222 -0
- package/dist/lib/internal-icons.js.map +1 -0
- package/dist/lib/utils.d.ts +4 -2
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +12 -2
- package/dist/lib/utils.js.map +1 -1
- package/dist/masonry.d.ts +25 -11
- package/dist/masonry.d.ts.map +1 -0
- package/dist/masonry.js +188 -229
- package/dist/masonry.js.map +1 -1
- package/dist/menu.d.ts +84 -26
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +141 -4
- package/dist/menu.js.map +1 -1
- package/dist/menubar.d.ts +60 -22
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +80 -52
- package/dist/menubar.js.map +1 -1
- package/dist/pagination.d.ts +38 -17
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +68 -107
- package/dist/pagination.js.map +1 -1
- package/dist/popover.d.ts +56 -14
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +62 -87
- package/dist/popover.js.map +1 -1
- package/dist/preview-card.d.ts +28 -9
- package/dist/preview-card.d.ts.map +1 -0
- package/dist/preview-card.js +40 -60
- package/dist/preview-card.js.map +1 -1
- package/dist/progress.d.ts +28 -9
- package/dist/progress.d.ts.map +1 -0
- package/dist/progress.js +35 -60
- package/dist/progress.js.map +1 -1
- package/dist/radio-group.d.ts +14 -8
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +18 -22
- package/dist/radio-group.js.map +1 -1
- package/dist/radio.d.ts +14 -6
- package/dist/radio.d.ts.map +1 -0
- package/dist/radio.js +24 -3
- package/dist/radio.js.map +1 -1
- package/dist/scroll-area.d.ts +16 -6
- package/dist/scroll-area.d.ts.map +1 -0
- package/dist/scroll-area.js +34 -55
- package/dist/scroll-area.js.map +1 -1
- package/dist/select.d.ts +66 -18
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +105 -185
- package/dist/select.js.map +1 -1
- package/dist/separator.d.ts +11 -5
- package/dist/separator.d.ts.map +1 -0
- package/dist/separator.js +17 -3
- package/dist/separator.js.map +1 -1
- package/dist/sidebar.d.ts +172 -79
- package/dist/sidebar.d.ts.map +1 -0
- package/dist/sidebar.js +363 -585
- package/dist/sidebar.js.map +1 -1
- package/dist/skeleton.d.ts +8 -3
- package/dist/skeleton.d.ts.map +1 -0
- package/dist/skeleton.js +13 -3
- package/dist/skeleton.js.map +1 -1
- package/dist/slider.d.ts +16 -6
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +40 -67
- package/dist/slider.js.map +1 -1
- package/dist/spinner.d.ts +8 -3
- package/dist/spinner.d.ts.map +1 -0
- package/dist/spinner.js +15 -4
- package/dist/spinner.js.map +1 -1
- package/dist/switch.d.ts +12 -6
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +18 -25
- package/dist/switch.js.map +1 -1
- package/dist/table.d.ts +37 -11
- package/dist/table.d.ts.map +1 -0
- package/dist/table.js +51 -88
- package/dist/table.js.map +1 -1
- package/dist/tabs.d.ts +28 -12
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +40 -74
- package/dist/tabs.js.map +1 -1
- package/dist/textarea.d.ts +13 -6
- package/dist/textarea.d.ts.map +1 -0
- package/dist/textarea.js +19 -3
- package/dist/textarea.js.map +1 -1
- package/dist/toast.d.ts +63 -39
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +177 -215
- package/dist/toast.js.map +1 -1
- package/dist/toggle-group.d.ts +26 -12
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +49 -73
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle.d.ts +17 -10
- package/dist/toggle.d.ts.map +1 -0
- package/dist/toggle.js +38 -3
- package/dist/toggle.js.map +1 -1
- package/dist/tooltip.d.ts +35 -14
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +52 -3
- package/dist/tooltip.js.map +1 -1
- package/dist/typewriter.d.ts +44 -31
- package/dist/typewriter.d.ts.map +1 -0
- package/dist/typewriter.js +185 -185
- package/dist/typewriter.js.map +1 -1
- package/package.json +6 -6
- package/dist/chunk-45VQAWIM.js +0 -228
- package/dist/chunk-45VQAWIM.js.map +0 -1
- package/dist/chunk-6Y7LPQMO.js +0 -11
- package/dist/chunk-6Y7LPQMO.js.map +0 -1
- package/dist/chunk-76UQO56T.js +0 -19
- package/dist/chunk-76UQO56T.js.map +0 -1
- package/dist/chunk-7F4MPMLJ.js +0 -17
- package/dist/chunk-7F4MPMLJ.js.map +0 -1
- package/dist/chunk-BKTJYX4M.js +0 -143
- package/dist/chunk-BKTJYX4M.js.map +0 -1
- package/dist/chunk-D5XPEJ6T.js +0 -36
- package/dist/chunk-D5XPEJ6T.js.map +0 -1
- package/dist/chunk-DIGOLJIR.js +0 -105
- package/dist/chunk-DIGOLJIR.js.map +0 -1
- package/dist/chunk-IQ7YQ5XA.js +0 -141
- package/dist/chunk-IQ7YQ5XA.js.map +0 -1
- package/dist/chunk-NCHHHWTB.js +0 -85
- package/dist/chunk-NCHHHWTB.js.map +0 -1
- package/dist/chunk-OUFYQLVN.js +0 -56
- package/dist/chunk-OUFYQLVN.js.map +0 -1
- package/dist/chunk-QFSEK4M6.js +0 -22
- package/dist/chunk-QFSEK4M6.js.map +0 -1
- package/dist/chunk-QRW37LRP.js +0 -25
- package/dist/chunk-QRW37LRP.js.map +0 -1
- package/dist/chunk-RPQHL6C5.js +0 -26
- package/dist/chunk-RPQHL6C5.js.map +0 -1
- package/dist/chunk-V4ZX4YCP.js +0 -66
- package/dist/chunk-V4ZX4YCP.js.map +0 -1
- package/dist/chunk-YTSQQTSF.js +0 -44
- package/dist/chunk-YTSQQTSF.js.map +0 -1
- package/dist/chunk-ZZZH3JGW.js +0 -23
- package/dist/chunk-ZZZH3JGW.js.map +0 -1
- package/dist/direction.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","names":[],"sources":["../src/menu.tsx"],"mappings":"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"}
|
package/dist/menu.js
CHANGED
|
@@ -1,5 +1,142 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "./lib/utils.js";
|
|
3
|
+
import { CheckIcon, ChevronRightIcon } from "./lib/internal-icons.js";
|
|
4
|
+
import { resolveFinalFocus } from "./lib/focus.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
import { Menu as Menu$1 } from "@base-ui/react/menu";
|
|
8
|
+
//#region src/menu.tsx
|
|
9
|
+
function Menu(props) {
|
|
10
|
+
return /* @__PURE__ */ jsx(Menu$1.Root, {
|
|
11
|
+
"data-slot": "menu",
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
function MenuPortal(props) {
|
|
16
|
+
return /* @__PURE__ */ jsx(Menu$1.Portal, {
|
|
17
|
+
"data-slot": "menu-portal",
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function MenuTrigger(props) {
|
|
22
|
+
return /* @__PURE__ */ jsx(Menu$1.Trigger, {
|
|
23
|
+
"data-slot": "menu-trigger",
|
|
24
|
+
...props
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
function MenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, restoreFocusOnClose, finalFocus, ...props }) {
|
|
28
|
+
return /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(Menu$1.Positioner, {
|
|
29
|
+
"data-slot": "menu-positioner",
|
|
30
|
+
className: "isolate z-50 outline-none",
|
|
31
|
+
align,
|
|
32
|
+
alignOffset,
|
|
33
|
+
side,
|
|
34
|
+
sideOffset,
|
|
35
|
+
children: /* @__PURE__ */ jsx(Menu$1.Popup, {
|
|
36
|
+
"data-slot": "menu-content",
|
|
37
|
+
className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) w-auto min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1 duration-100 outline-none data-closed:overflow-hidden", className),
|
|
38
|
+
finalFocus: resolveFinalFocus(restoreFocusOnClose, finalFocus),
|
|
39
|
+
...props
|
|
40
|
+
})
|
|
41
|
+
}) });
|
|
42
|
+
}
|
|
43
|
+
function MenuGroup(props) {
|
|
44
|
+
return /* @__PURE__ */ jsx(Menu$1.Group, {
|
|
45
|
+
"data-slot": "menu-group",
|
|
46
|
+
...props
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
function MenuLabel({ className, inset, ...props }) {
|
|
50
|
+
return /* @__PURE__ */ jsx(Menu$1.GroupLabel, {
|
|
51
|
+
"data-slot": "menu-label",
|
|
52
|
+
"data-inset": inset,
|
|
53
|
+
className: cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", className),
|
|
54
|
+
...props
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
function MenuItem({ className, inset, variant = "default", ...props }) {
|
|
58
|
+
return /* @__PURE__ */ jsx(Menu$1.Item, {
|
|
59
|
+
"data-slot": "menu-item",
|
|
60
|
+
"data-inset": inset,
|
|
61
|
+
"data-variant": variant,
|
|
62
|
+
className: cn("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 not-data-[variant=destructive]:focus:**:text-accent-foreground group/menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
63
|
+
...props
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
function MenuSub(props) {
|
|
67
|
+
return /* @__PURE__ */ jsx(Menu$1.SubmenuRoot, {
|
|
68
|
+
"data-slot": "menu-sub",
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
function MenuSubTrigger({ className, inset, children, ...props }) {
|
|
73
|
+
return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, {
|
|
74
|
+
"data-slot": "menu-sub-trigger",
|
|
75
|
+
"data-inset": inset,
|
|
76
|
+
className: cn("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
77
|
+
...props,
|
|
78
|
+
children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
function MenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) {
|
|
82
|
+
return /* @__PURE__ */ jsx(MenuContent, {
|
|
83
|
+
"data-slot": "menu-sub-content",
|
|
84
|
+
className: cn("w-auto min-w-24 shadow-lg", className),
|
|
85
|
+
align,
|
|
86
|
+
alignOffset,
|
|
87
|
+
side,
|
|
88
|
+
sideOffset,
|
|
89
|
+
...props
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
function MenuCheckboxItem({ className, children, checked, inset, ...props }) {
|
|
93
|
+
return /* @__PURE__ */ jsxs(Menu$1.CheckboxItem, {
|
|
94
|
+
"data-slot": "menu-checkbox-item",
|
|
95
|
+
"data-inset": inset,
|
|
96
|
+
className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
97
|
+
checked,
|
|
98
|
+
...props,
|
|
99
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
100
|
+
"data-slot": "menu-checkbox-item-indicator",
|
|
101
|
+
className: "pointer-events-none absolute right-2 flex items-center justify-center",
|
|
102
|
+
children: /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
|
|
103
|
+
}), children]
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
function MenuRadioGroup(props) {
|
|
107
|
+
return /* @__PURE__ */ jsx(Menu$1.RadioGroup, {
|
|
108
|
+
"data-slot": "menu-radio-group",
|
|
109
|
+
...props
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
function MenuRadioItem({ className, children, inset, ...props }) {
|
|
113
|
+
return /* @__PURE__ */ jsxs(Menu$1.RadioItem, {
|
|
114
|
+
"data-slot": "menu-radio-item",
|
|
115
|
+
"data-inset": inset,
|
|
116
|
+
className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
117
|
+
...props,
|
|
118
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
119
|
+
"data-slot": "menu-radio-item-indicator",
|
|
120
|
+
className: "pointer-events-none absolute right-2 flex items-center justify-center",
|
|
121
|
+
children: /* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
|
|
122
|
+
}), children]
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
function MenuSeparator({ className, ...props }) {
|
|
126
|
+
return /* @__PURE__ */ jsx(Menu$1.Separator, {
|
|
127
|
+
"data-slot": "menu-separator",
|
|
128
|
+
className: cn("bg-border -mx-1 my-1 h-px", className),
|
|
129
|
+
...props
|
|
130
|
+
});
|
|
131
|
+
}
|
|
132
|
+
function MenuShortcut({ className, ...props }) {
|
|
133
|
+
return /* @__PURE__ */ jsx("span", {
|
|
134
|
+
"data-slot": "menu-shortcut",
|
|
135
|
+
className: cn("text-muted-foreground group-focus/menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className),
|
|
136
|
+
...props
|
|
137
|
+
});
|
|
138
|
+
}
|
|
139
|
+
//#endregion
|
|
140
|
+
export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };
|
|
141
|
+
|
|
5
142
|
//# sourceMappingURL=menu.js.map
|
package/dist/menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","file":"menu.js"}
|
|
1
|
+
{"version":3,"file":"menu.js","names":["MenuPrimitive"],"sources":["../src/menu.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"./lib/utils\"\nimport { resolveFinalFocus, type RestoreFocusOnClose } from \"./lib/focus\"\n\nimport { ChevronRightIcon, CheckIcon } from \"./lib/internal-icons\"\n\ntype MenuProps = React.ComponentProps<typeof MenuPrimitive.Root>\n\ntype MenuPortalProps = React.ComponentProps<typeof MenuPrimitive.Portal>\n\ntype MenuTriggerProps = React.ComponentProps<typeof MenuPrimitive.Trigger>\n\ntype MenuContentProps = React.ComponentProps<typeof MenuPrimitive.Popup> &\n Pick<\n React.ComponentProps<typeof MenuPrimitive.Positioner>,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n > & {\n /**\n * Focus-restoration policy when the menu closes. Defaults to Base\n * UI's behaviour (restore to the trigger). Use `\"keyboard\"` when\n * the trigger is hover/focus-within–revealed so a pointer close\n * doesn't keep it pinned visible. See {@link RestoreFocusOnClose}.\n */\n restoreFocusOnClose?: RestoreFocusOnClose\n }\n\ntype MenuGroupProps = React.ComponentProps<typeof MenuPrimitive.Group>\n\ntype MenuLabelProps = React.ComponentProps<typeof MenuPrimitive.GroupLabel> & {\n inset?: boolean\n}\n\ntype MenuItemProps = React.ComponentProps<typeof MenuPrimitive.Item> & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}\n\ntype MenuSubProps = React.ComponentProps<typeof MenuPrimitive.SubmenuRoot>\n\ntype MenuSubTriggerProps = React.ComponentProps<typeof MenuPrimitive.SubmenuTrigger> & {\n inset?: boolean\n}\n\ntype MenuSubContentProps = MenuContentProps\n\ntype MenuCheckboxItemProps = React.ComponentProps<typeof MenuPrimitive.CheckboxItem> & {\n inset?: boolean\n}\n\ntype MenuRadioGroupProps = React.ComponentProps<typeof MenuPrimitive.RadioGroup>\n\ntype MenuRadioItemProps = React.ComponentProps<typeof MenuPrimitive.RadioItem> & {\n inset?: boolean\n}\n\ntype MenuSeparatorProps = React.ComponentProps<typeof MenuPrimitive.Separator>\n\ntype MenuShortcutProps = React.ComponentProps<\"span\">\n\nfunction Menu(props: MenuProps) {\n return <MenuPrimitive.Root data-slot=\"menu\" {...props} />\n}\n\nfunction MenuPortal(props: MenuPortalProps) {\n return <MenuPrimitive.Portal data-slot=\"menu-portal\" {...props} />\n}\n\nfunction MenuTrigger(props: MenuTriggerProps) {\n return <MenuPrimitive.Trigger data-slot=\"menu-trigger\" {...props} />\n}\n\nfunction MenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n restoreFocusOnClose,\n finalFocus,\n ...props\n}: MenuContentProps) {\n return (\n <MenuPortal>\n <MenuPrimitive.Positioner\n data-slot=\"menu-positioner\"\n className=\"isolate z-50 outline-none\"\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n >\n <MenuPrimitive.Popup\n data-slot=\"menu-content\"\n className={cn(\n \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) w-auto min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1 duration-100 outline-none data-closed:overflow-hidden\",\n className,\n )}\n finalFocus={resolveFinalFocus(restoreFocusOnClose, finalFocus)}\n {...props}\n />\n </MenuPrimitive.Positioner>\n </MenuPortal>\n )\n}\n\nfunction MenuGroup(props: MenuGroupProps) {\n return <MenuPrimitive.Group data-slot=\"menu-group\" {...props} />\n}\n\nfunction MenuLabel({\n className,\n inset,\n ...props\n}: MenuLabelProps) {\n return (\n <MenuPrimitive.GroupLabel\n data-slot=\"menu-label\"\n data-inset={inset}\n className={cn(\n \"text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuItemProps) {\n return (\n <MenuPrimitive.Item\n data-slot=\"menu-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 not-data-[variant=destructive]:focus:**:text-accent-foreground group/menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction MenuSub(props: MenuSubProps) {\n return <MenuPrimitive.SubmenuRoot data-slot=\"menu-sub\" {...props} />\n}\n\nfunction MenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuSubTriggerProps) {\n return (\n <MenuPrimitive.SubmenuTrigger\n data-slot=\"menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto\" />\n </MenuPrimitive.SubmenuTrigger>\n )\n}\n\nfunction MenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: MenuSubContentProps) {\n return (\n <MenuContent\n data-slot=\"menu-sub-content\"\n className={cn(\"w-auto min-w-24 shadow-lg\", className)}\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n {...props}\n />\n )\n}\n\nfunction MenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuCheckboxItemProps) {\n return (\n <MenuPrimitive.CheckboxItem\n data-slot=\"menu-checkbox-item\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span\n data-slot=\"menu-checkbox-item-indicator\"\n className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n >\n <MenuPrimitive.CheckboxItemIndicator>\n <CheckIcon />\n </MenuPrimitive.CheckboxItemIndicator>\n </span>\n {children}\n </MenuPrimitive.CheckboxItem>\n )\n}\n\nfunction MenuRadioGroup(props: MenuRadioGroupProps) {\n return <MenuPrimitive.RadioGroup data-slot=\"menu-radio-group\" {...props} />\n}\n\nfunction MenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuRadioItemProps) {\n return (\n <MenuPrimitive.RadioItem\n data-slot=\"menu-radio-item\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <span\n data-slot=\"menu-radio-item-indicator\"\n className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n >\n <MenuPrimitive.RadioItemIndicator>\n <CheckIcon />\n </MenuPrimitive.RadioItemIndicator>\n </span>\n {children}\n </MenuPrimitive.RadioItem>\n )\n}\n\nfunction MenuSeparator({ className, ...props }: MenuSeparatorProps) {\n return (\n <MenuPrimitive.Separator\n data-slot=\"menu-separator\"\n className={cn(\n \"bg-border -mx-1 my-1 h-px\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenuShortcut({ className, ...props }: MenuShortcutProps) {\n return (\n <span\n data-slot=\"menu-shortcut\"\n className={cn(\n \"text-muted-foreground group-focus/menu-item:text-accent-foreground ml-auto text-xs tracking-widest\",\n className,\n )}\n {...props}\n />\n )\n}\n\nexport {\n Menu,\n MenuPortal,\n MenuTrigger,\n MenuContent,\n MenuGroup,\n MenuLabel,\n MenuItem,\n MenuCheckboxItem,\n MenuRadioGroup,\n MenuRadioItem,\n MenuSeparator,\n MenuShortcut,\n MenuSub,\n MenuSubTrigger,\n MenuSubContent,\n}\n"],"mappings":"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"}
|
package/dist/menubar.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as React from
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import '@base-ui/react/menu';
|
|
1
|
+
import { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from "./menu.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
+
import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
|
|
6
5
|
|
|
6
|
+
//#region src/menubar.d.ts
|
|
7
7
|
type MenubarProps = React.ComponentProps<typeof Menubar$1>;
|
|
8
8
|
type MenubarMenuProps = React.ComponentProps<typeof Menu>;
|
|
9
9
|
type MenubarGroupProps = React.ComponentProps<typeof MenuGroup>;
|
|
@@ -20,21 +20,59 @@ type MenubarShortcutProps = React.ComponentProps<typeof MenuShortcut>;
|
|
|
20
20
|
type MenubarSubProps = React.ComponentProps<typeof MenuSub>;
|
|
21
21
|
type MenubarSubTriggerProps = React.ComponentProps<typeof MenuSubTrigger>;
|
|
22
22
|
type MenubarSubContentProps = React.ComponentProps<typeof MenuSubContent>;
|
|
23
|
-
declare function Menubar({
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
declare function
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
declare function
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
declare function
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
declare function
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
23
|
+
declare function Menubar({
|
|
24
|
+
className,
|
|
25
|
+
...props
|
|
26
|
+
}: MenubarProps): _$react_jsx_runtime0.JSX.Element;
|
|
27
|
+
declare function MenubarMenu({
|
|
28
|
+
...props
|
|
29
|
+
}: MenubarMenuProps): _$react_jsx_runtime0.JSX.Element;
|
|
30
|
+
declare function MenubarGroup({
|
|
31
|
+
...props
|
|
32
|
+
}: MenubarGroupProps): _$react_jsx_runtime0.JSX.Element;
|
|
33
|
+
declare function MenubarPortal({
|
|
34
|
+
...props
|
|
35
|
+
}: MenubarPortalProps): _$react_jsx_runtime0.JSX.Element;
|
|
36
|
+
declare function MenubarTrigger({
|
|
37
|
+
...props
|
|
38
|
+
}: MenubarTriggerProps): _$react_jsx_runtime0.JSX.Element;
|
|
39
|
+
declare function MenubarContent({
|
|
40
|
+
align,
|
|
41
|
+
alignOffset,
|
|
42
|
+
sideOffset,
|
|
43
|
+
className,
|
|
44
|
+
...props
|
|
45
|
+
}: MenubarContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
46
|
+
declare function MenubarItem({
|
|
47
|
+
...props
|
|
48
|
+
}: MenubarItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
49
|
+
declare function MenubarCheckboxItem({
|
|
50
|
+
...props
|
|
51
|
+
}: MenubarCheckboxItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
52
|
+
declare function MenubarRadioGroup({
|
|
53
|
+
...props
|
|
54
|
+
}: MenubarRadioGroupProps): _$react_jsx_runtime0.JSX.Element;
|
|
55
|
+
declare function MenubarRadioItem({
|
|
56
|
+
...props
|
|
57
|
+
}: MenubarRadioItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
58
|
+
declare function MenubarLabel({
|
|
59
|
+
...props
|
|
60
|
+
}: MenubarLabelProps): _$react_jsx_runtime0.JSX.Element;
|
|
61
|
+
declare function MenubarSeparator({
|
|
62
|
+
...props
|
|
63
|
+
}: MenubarSeparatorProps): _$react_jsx_runtime0.JSX.Element;
|
|
64
|
+
declare function MenubarShortcut({
|
|
65
|
+
...props
|
|
66
|
+
}: MenubarShortcutProps): _$react_jsx_runtime0.JSX.Element;
|
|
67
|
+
declare function MenubarSub({
|
|
68
|
+
...props
|
|
69
|
+
}: MenubarSubProps): _$react_jsx_runtime0.JSX.Element;
|
|
70
|
+
declare function MenubarSubTrigger({
|
|
71
|
+
...props
|
|
72
|
+
}: MenubarSubTriggerProps): _$react_jsx_runtime0.JSX.Element;
|
|
73
|
+
declare function MenubarSubContent({
|
|
74
|
+
...props
|
|
75
|
+
}: MenubarSubContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
76
|
+
//#endregion
|
|
40
77
|
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
|
|
78
|
+
//# sourceMappingURL=menubar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.d.ts","names":[],"sources":["../src/menubar.tsx"],"mappings":"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"}
|
package/dist/menubar.js
CHANGED
|
@@ -1,84 +1,112 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import { jsx } from
|
|
6
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "./lib/utils.js";
|
|
3
|
+
import { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from "./menu.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
|
|
7
|
+
//#region src/menubar.tsx
|
|
7
8
|
function Menubar({ className, ...props }) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
"bg-background flex h-8 items-center gap-0.5 rounded-lg border p-[3px]",
|
|
14
|
-
className
|
|
15
|
-
),
|
|
16
|
-
...props
|
|
17
|
-
}
|
|
18
|
-
);
|
|
9
|
+
return /* @__PURE__ */ jsx(Menubar$1, {
|
|
10
|
+
"data-slot": "menubar",
|
|
11
|
+
className: cn("bg-background flex h-8 items-center gap-0.5 rounded-lg border p-[3px]", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
19
14
|
}
|
|
20
15
|
function MenubarMenu({ ...props }) {
|
|
21
|
-
|
|
16
|
+
return /* @__PURE__ */ jsx(Menu, {
|
|
17
|
+
"data-slot": "menubar-menu",
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
22
20
|
}
|
|
23
21
|
function MenubarGroup({ ...props }) {
|
|
24
|
-
|
|
22
|
+
return /* @__PURE__ */ jsx(MenuGroup, {
|
|
23
|
+
"data-slot": "menubar-group",
|
|
24
|
+
...props
|
|
25
|
+
});
|
|
25
26
|
}
|
|
26
27
|
function MenubarPortal({ ...props }) {
|
|
27
|
-
|
|
28
|
+
return /* @__PURE__ */ jsx(MenuPortal, {
|
|
29
|
+
"data-slot": "menubar-portal",
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
28
32
|
}
|
|
29
33
|
function MenubarTrigger({ ...props }) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
align,
|
|
45
|
-
alignOffset,
|
|
46
|
-
sideOffset,
|
|
47
|
-
...props
|
|
48
|
-
}
|
|
49
|
-
);
|
|
34
|
+
return /* @__PURE__ */ jsx(MenuTrigger, {
|
|
35
|
+
"data-slot": "menubar-trigger",
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
function MenubarContent({ align = "start", alignOffset = -4, sideOffset = 8, className, ...props }) {
|
|
40
|
+
return /* @__PURE__ */ jsx(MenuContent, {
|
|
41
|
+
"data-slot": "menubar-content",
|
|
42
|
+
className: cn("w-auto", className),
|
|
43
|
+
align,
|
|
44
|
+
alignOffset,
|
|
45
|
+
sideOffset,
|
|
46
|
+
...props
|
|
47
|
+
});
|
|
50
48
|
}
|
|
51
49
|
function MenubarItem({ ...props }) {
|
|
52
|
-
|
|
50
|
+
return /* @__PURE__ */ jsx(MenuItem, {
|
|
51
|
+
"data-slot": "menubar-item",
|
|
52
|
+
...props
|
|
53
|
+
});
|
|
53
54
|
}
|
|
54
55
|
function MenubarCheckboxItem({ ...props }) {
|
|
55
|
-
|
|
56
|
+
return /* @__PURE__ */ jsx(MenuCheckboxItem, {
|
|
57
|
+
"data-slot": "menubar-checkbox-item",
|
|
58
|
+
...props
|
|
59
|
+
});
|
|
56
60
|
}
|
|
57
61
|
function MenubarRadioGroup({ ...props }) {
|
|
58
|
-
|
|
62
|
+
return /* @__PURE__ */ jsx(MenuRadioGroup, {
|
|
63
|
+
"data-slot": "menubar-radio-group",
|
|
64
|
+
...props
|
|
65
|
+
});
|
|
59
66
|
}
|
|
60
67
|
function MenubarRadioItem({ ...props }) {
|
|
61
|
-
|
|
68
|
+
return /* @__PURE__ */ jsx(MenuRadioItem, {
|
|
69
|
+
"data-slot": "menubar-radio-item",
|
|
70
|
+
...props
|
|
71
|
+
});
|
|
62
72
|
}
|
|
63
73
|
function MenubarLabel({ ...props }) {
|
|
64
|
-
|
|
74
|
+
return /* @__PURE__ */ jsx(MenuLabel, {
|
|
75
|
+
"data-slot": "menubar-label",
|
|
76
|
+
...props
|
|
77
|
+
});
|
|
65
78
|
}
|
|
66
79
|
function MenubarSeparator({ ...props }) {
|
|
67
|
-
|
|
80
|
+
return /* @__PURE__ */ jsx(MenuSeparator, {
|
|
81
|
+
"data-slot": "menubar-separator",
|
|
82
|
+
...props
|
|
83
|
+
});
|
|
68
84
|
}
|
|
69
85
|
function MenubarShortcut({ ...props }) {
|
|
70
|
-
|
|
86
|
+
return /* @__PURE__ */ jsx(MenuShortcut, {
|
|
87
|
+
"data-slot": "menubar-shortcut",
|
|
88
|
+
...props
|
|
89
|
+
});
|
|
71
90
|
}
|
|
72
91
|
function MenubarSub({ ...props }) {
|
|
73
|
-
|
|
92
|
+
return /* @__PURE__ */ jsx(MenuSub, {
|
|
93
|
+
"data-slot": "menubar-sub",
|
|
94
|
+
...props
|
|
95
|
+
});
|
|
74
96
|
}
|
|
75
97
|
function MenubarSubTrigger({ ...props }) {
|
|
76
|
-
|
|
98
|
+
return /* @__PURE__ */ jsx(MenuSubTrigger, {
|
|
99
|
+
"data-slot": "menubar-sub-trigger",
|
|
100
|
+
...props
|
|
101
|
+
});
|
|
77
102
|
}
|
|
78
103
|
function MenubarSubContent({ ...props }) {
|
|
79
|
-
|
|
104
|
+
return /* @__PURE__ */ jsx(MenuSubContent, {
|
|
105
|
+
"data-slot": "menubar-sub-content",
|
|
106
|
+
...props
|
|
107
|
+
});
|
|
80
108
|
}
|
|
81
|
-
|
|
109
|
+
//#endregion
|
|
82
110
|
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
|
|
83
|
-
|
|
111
|
+
|
|
84
112
|
//# sourceMappingURL=menubar.js.map
|
package/dist/menubar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"menubar.js","names":["MenubarPrimitive"],"sources":["../src/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport {\n Menu,\n MenuContent,\n MenuGroup,\n MenuItem,\n MenuLabel,\n MenuPortal,\n MenuRadioGroup,\n MenuSeparator,\n MenuShortcut,\n MenuSub,\n MenuSubContent,\n MenuSubTrigger,\n MenuTrigger,\n MenuCheckboxItem,\n MenuRadioItem,\n} from \"./menu\"\n\nimport { cn } from \"./lib/utils\"\n\ntype MenubarProps = React.ComponentProps<typeof MenubarPrimitive>\ntype MenubarMenuProps = React.ComponentProps<typeof Menu>\ntype MenubarGroupProps = React.ComponentProps<typeof MenuGroup>\ntype MenubarPortalProps = React.ComponentProps<typeof MenuPortal>\ntype MenubarTriggerProps = React.ComponentProps<typeof MenuTrigger>\ntype MenubarContentProps = React.ComponentProps<typeof MenuContent>\ntype MenubarItemProps = React.ComponentProps<typeof MenuItem>\ntype MenubarCheckboxItemProps = React.ComponentProps<typeof MenuCheckboxItem>\ntype MenubarRadioGroupProps = React.ComponentProps<typeof MenuRadioGroup>\ntype MenubarRadioItemProps = React.ComponentProps<typeof MenuRadioItem>\ntype MenubarLabelProps = React.ComponentProps<typeof MenuLabel>\ntype MenubarSeparatorProps = React.ComponentProps<typeof MenuSeparator>\ntype MenubarShortcutProps = React.ComponentProps<typeof MenuShortcut>\ntype MenubarSubProps = React.ComponentProps<typeof MenuSub>\ntype MenubarSubTriggerProps = React.ComponentProps<typeof MenuSubTrigger>\ntype MenubarSubContentProps = React.ComponentProps<typeof MenuSubContent>\n\nfunction Menubar({ className, ...props }: MenubarProps) {\n return (\n <MenubarPrimitive\n data-slot=\"menubar\"\n className={cn(\n \"bg-background flex h-8 items-center gap-0.5 rounded-lg border p-[3px]\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarMenu({ ...props }: MenubarMenuProps) {\n return <Menu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({ ...props }: MenubarGroupProps) {\n return <MenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({ ...props }: MenubarPortalProps) {\n return <MenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({ ...props }: MenubarTriggerProps) {\n return <MenuTrigger data-slot=\"menubar-trigger\" {...props} />\n}\n\nfunction MenubarContent({\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n className,\n ...props\n}: MenubarContentProps) {\n return (\n <MenuContent\n data-slot=\"menubar-content\"\n className={cn(\"w-auto\", className)}\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n {...props}\n />\n )\n}\n\nfunction MenubarItem({ ...props }: MenubarItemProps) {\n return <MenuItem data-slot=\"menubar-item\" {...props} />\n}\n\nfunction MenubarCheckboxItem({ ...props }: MenubarCheckboxItemProps) {\n return <MenuCheckboxItem data-slot=\"menubar-checkbox-item\" {...props} />\n}\n\nfunction MenubarRadioGroup({ ...props }: MenubarRadioGroupProps) {\n return <MenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({ ...props }: MenubarRadioItemProps) {\n return <MenuRadioItem data-slot=\"menubar-radio-item\" {...props} />\n}\n\nfunction MenubarLabel({ ...props }: MenubarLabelProps) {\n return <MenuLabel data-slot=\"menubar-label\" {...props} />\n}\n\nfunction MenubarSeparator({ ...props }: MenubarSeparatorProps) {\n return <MenuSeparator data-slot=\"menubar-separator\" {...props} />\n}\n\nfunction MenubarShortcut({ ...props }: MenubarShortcutProps) {\n return <MenuShortcut data-slot=\"menubar-shortcut\" {...props} />\n}\n\nfunction MenubarSub({ ...props }: MenubarSubProps) {\n return <MenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({ ...props }: MenubarSubTriggerProps) {\n return <MenuSubTrigger data-slot=\"menubar-sub-trigger\" {...props} />\n}\n\nfunction MenubarSubContent({ ...props }: MenubarSubContentProps) {\n return <MenuSubContent data-slot=\"menubar-sub-content\" {...props} />\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"],"mappings":";;;;;;;AA0CA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAuB;AACtD,QACE,oBAACA,WAAD;EACE,aAAU;EACV,WAAW,GACT,yEACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,GAAG,SAA2B;AACnD,QAAO,oBAAC,MAAD;EAAM,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGrD,SAAS,aAAa,EAAE,GAAG,SAA4B;AACrD,QAAO,oBAAC,WAAD;EAAW,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAG3D,SAAS,cAAc,EAAE,GAAG,SAA6B;AACvD,QAAO,oBAAC,YAAD;EAAY,aAAU;EAAiB,GAAI;EAAS,CAAA;;AAG7D,SAAS,eAAe,EAAE,GAAG,SAA8B;AACzD,QAAO,oBAAC,aAAD;EAAa,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG/D,SAAS,eAAe,EACtB,QAAQ,SACR,cAAc,IACd,aAAa,GACb,WACA,GAAG,SACmB;AACtB,QACE,oBAAC,aAAD;EACE,aAAU;EACV,WAAW,GAAG,UAAU,UAAU;EAC3B;EACM;EACD;EACZ,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,GAAG,SAA2B;AACnD,QAAO,oBAAC,UAAD;EAAU,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGzD,SAAS,oBAAoB,EAAE,GAAG,SAAmC;AACnE,QAAO,oBAAC,kBAAD;EAAkB,aAAU;EAAwB,GAAI;EAAS,CAAA;;AAG1E,SAAS,kBAAkB,EAAE,GAAG,SAAiC;AAC/D,QAAO,oBAAC,gBAAD;EAAgB,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAGtE,SAAS,iBAAiB,EAAE,GAAG,SAAgC;AAC7D,QAAO,oBAAC,eAAD;EAAe,aAAU;EAAqB,GAAI;EAAS,CAAA;;AAGpE,SAAS,aAAa,EAAE,GAAG,SAA4B;AACrD,QAAO,oBAAC,WAAD;EAAW,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAG3D,SAAS,iBAAiB,EAAE,GAAG,SAAgC;AAC7D,QAAO,oBAAC,eAAD;EAAe,aAAU;EAAoB,GAAI;EAAS,CAAA;;AAGnE,SAAS,gBAAgB,EAAE,GAAG,SAA+B;AAC3D,QAAO,oBAAC,cAAD;EAAc,aAAU;EAAmB,GAAI;EAAS,CAAA;;AAGjE,SAAS,WAAW,EAAE,GAAG,SAA0B;AACjD,QAAO,oBAAC,SAAD;EAAS,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGvD,SAAS,kBAAkB,EAAE,GAAG,SAAiC;AAC/D,QAAO,oBAAC,gBAAD;EAAgB,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAGtE,SAAS,kBAAkB,EAAE,GAAG,SAAiC;AAC/D,QAAO,oBAAC,gBAAD;EAAgB,aAAU;EAAsB,GAAI;EAAS,CAAA"}
|
package/dist/pagination.d.ts
CHANGED
|
@@ -1,29 +1,50 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as React from
|
|
3
|
-
import
|
|
4
|
-
import 'class-variance-authority/types';
|
|
5
|
-
import '@base-ui/react/button';
|
|
6
|
-
import 'class-variance-authority';
|
|
1
|
+
import { Button } from "./button.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
7
4
|
|
|
5
|
+
//#region src/pagination.d.ts
|
|
8
6
|
type PaginationProps = React.ComponentProps<"nav">;
|
|
9
7
|
type PaginationContentProps = React.ComponentProps<"ul">;
|
|
10
8
|
type PaginationItemProps = React.ComponentProps<"li">;
|
|
11
9
|
type PaginationLinkProps = {
|
|
12
|
-
|
|
10
|
+
isActive?: boolean;
|
|
13
11
|
} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
|
|
14
12
|
type PaginationPreviousProps = PaginationLinkProps & {
|
|
15
|
-
|
|
13
|
+
text?: string;
|
|
16
14
|
};
|
|
17
15
|
type PaginationNextProps = PaginationLinkProps & {
|
|
18
|
-
|
|
16
|
+
text?: string;
|
|
19
17
|
};
|
|
20
18
|
type PaginationEllipsisProps = React.ComponentProps<"span">;
|
|
21
|
-
declare function Pagination({
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
declare function
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
19
|
+
declare function Pagination({
|
|
20
|
+
className,
|
|
21
|
+
...props
|
|
22
|
+
}: PaginationProps): _$react_jsx_runtime0.JSX.Element;
|
|
23
|
+
declare function PaginationContent({
|
|
24
|
+
className,
|
|
25
|
+
...props
|
|
26
|
+
}: PaginationContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
27
|
+
declare function PaginationItem(props: PaginationItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
28
|
+
declare function PaginationLink({
|
|
29
|
+
className,
|
|
30
|
+
isActive,
|
|
31
|
+
size,
|
|
32
|
+
...props
|
|
33
|
+
}: PaginationLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
34
|
+
declare function PaginationPrevious({
|
|
35
|
+
className,
|
|
36
|
+
text,
|
|
37
|
+
...props
|
|
38
|
+
}: PaginationPreviousProps): _$react_jsx_runtime0.JSX.Element;
|
|
39
|
+
declare function PaginationNext({
|
|
40
|
+
className,
|
|
41
|
+
text,
|
|
42
|
+
...props
|
|
43
|
+
}: PaginationNextProps): _$react_jsx_runtime0.JSX.Element;
|
|
44
|
+
declare function PaginationEllipsis({
|
|
45
|
+
className,
|
|
46
|
+
...props
|
|
47
|
+
}: PaginationEllipsisProps): _$react_jsx_runtime0.JSX.Element;
|
|
48
|
+
//#endregion
|
|
29
49
|
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
|
|
50
|
+
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","names":[],"sources":["../src/pagination.tsx"],"mappings":";;;;;KAWK,eAAA,GAAkB,KAAA,CAAM,cAAA;AAAA,KAExB,sBAAA,GAAyB,KAAA,CAAM,cAAA;AAAA,KAE/B,mBAAA,GAAsB,KAAA,CAAM,cAAA;AAAA,KAE5B,mBAAA;EACH,QAAA;AAAA,IACE,IAAA,CAAK,KAAA,CAAM,cAAA,QAAsB,MAAA,aACnC,KAAA,CAAM,cAAA;AAAA,KAEH,uBAAA,GAA0B,mBAAA;EAC7B,IAAA;AAAA;AAAA,KAGG,mBAAA,GAAsB,mBAAA;EACzB,IAAA;AAAA;AAAA,KAGG,uBAAA,GAA0B,KAAA,CAAM,cAAA;AAAA,iBAE5B,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAenD,iBAAA,CAAA;EAAoB,SAAA;EAAA,GAAc;AAAA,GAAS,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAajE,cAAA,CAAe,KAAA,EAAO,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIzC,cAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkBb,kBAAA,CAAA;EACP,SAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAcjB,cAAA,CAAA;EACP,SAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAcb,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|