@waveso/ui 0.0.10 → 0.2.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/README.md +1 -1
- package/dist/accordion.d.ts +24 -8
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +51 -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 +35 -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 +61 -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 +39 -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 +11 -4
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +21 -31
- 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 +151 -247
- package/dist/combobox.js.map +1 -1
- package/dist/context-menu.d.ts +87 -26
- package/dist/context-menu.d.ts.map +1 -0
- package/dist/context-menu.js +115 -165
- 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 +60 -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 +100 -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 +40 -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 +103 -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 +109 -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 +362 -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 +45 -14
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +63 -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
package/dist/pagination.js
CHANGED
|
@@ -1,120 +1,81 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
1
|
+
import { cn } from "./lib/utils.js";
|
|
2
|
+
import { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "./lib/internal-icons.js";
|
|
3
|
+
import { Button } from "./button.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
//#region src/pagination.tsx
|
|
6
7
|
function Pagination({ className, ...props }) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"mx-auto flex w-full justify-center",
|
|
15
|
-
className
|
|
16
|
-
),
|
|
17
|
-
...props
|
|
18
|
-
}
|
|
19
|
-
);
|
|
8
|
+
return /* @__PURE__ */ jsx("nav", {
|
|
9
|
+
role: "navigation",
|
|
10
|
+
"aria-label": "pagination",
|
|
11
|
+
"data-slot": "pagination",
|
|
12
|
+
className: cn("mx-auto flex w-full justify-center", className),
|
|
13
|
+
...props
|
|
14
|
+
});
|
|
20
15
|
}
|
|
21
16
|
function PaginationContent({ className, ...props }) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
"flex items-center gap-0.5",
|
|
28
|
-
className
|
|
29
|
-
),
|
|
30
|
-
...props
|
|
31
|
-
}
|
|
32
|
-
);
|
|
17
|
+
return /* @__PURE__ */ jsx("ul", {
|
|
18
|
+
"data-slot": "pagination-content",
|
|
19
|
+
className: cn("flex items-center gap-0.5", className),
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
33
22
|
}
|
|
34
23
|
function PaginationItem(props) {
|
|
35
|
-
|
|
24
|
+
return /* @__PURE__ */ jsx("li", {
|
|
25
|
+
"data-slot": "pagination-item",
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
36
28
|
}
|
|
37
|
-
function PaginationLink({
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
render: /* @__PURE__ */ jsx(
|
|
50
|
-
"a",
|
|
51
|
-
{
|
|
52
|
-
"aria-current": isActive ? "page" : void 0,
|
|
53
|
-
"data-slot": "pagination-link",
|
|
54
|
-
"data-active": isActive || void 0,
|
|
55
|
-
...props
|
|
56
|
-
}
|
|
57
|
-
)
|
|
58
|
-
}
|
|
59
|
-
);
|
|
29
|
+
function PaginationLink({ className, isActive, size = "icon", ...props }) {
|
|
30
|
+
return /* @__PURE__ */ jsx(Button, {
|
|
31
|
+
variant: isActive ? "outline" : "ghost",
|
|
32
|
+
size,
|
|
33
|
+
className,
|
|
34
|
+
render: /* @__PURE__ */ jsx("a", {
|
|
35
|
+
"aria-current": isActive ? "page" : void 0,
|
|
36
|
+
"data-slot": "pagination-link",
|
|
37
|
+
"data-active": isActive || void 0,
|
|
38
|
+
...props
|
|
39
|
+
})
|
|
40
|
+
});
|
|
60
41
|
}
|
|
61
|
-
function PaginationPrevious({
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
...props,
|
|
73
|
-
children: [
|
|
74
|
-
/* @__PURE__ */ jsx(ChevronLeftIcon, { "data-icon": "inline-start" }),
|
|
75
|
-
/* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: text })
|
|
76
|
-
]
|
|
77
|
-
}
|
|
78
|
-
);
|
|
42
|
+
function PaginationPrevious({ className, text = "Previous", ...props }) {
|
|
43
|
+
return /* @__PURE__ */ jsxs(PaginationLink, {
|
|
44
|
+
"aria-label": "Go to previous page",
|
|
45
|
+
size: "default",
|
|
46
|
+
className: cn("pl-1.5!", className),
|
|
47
|
+
...props,
|
|
48
|
+
children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { "data-icon": "inline-start" }), /* @__PURE__ */ jsx("span", {
|
|
49
|
+
className: "hidden sm:block",
|
|
50
|
+
children: text
|
|
51
|
+
})]
|
|
52
|
+
});
|
|
79
53
|
}
|
|
80
|
-
function PaginationNext({
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
...props,
|
|
92
|
-
children: [
|
|
93
|
-
/* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: text }),
|
|
94
|
-
/* @__PURE__ */ jsx(ChevronRightIcon, { "data-icon": "inline-end" })
|
|
95
|
-
]
|
|
96
|
-
}
|
|
97
|
-
);
|
|
54
|
+
function PaginationNext({ className, text = "Next", ...props }) {
|
|
55
|
+
return /* @__PURE__ */ jsxs(PaginationLink, {
|
|
56
|
+
"aria-label": "Go to next page",
|
|
57
|
+
size: "default",
|
|
58
|
+
className: cn("pr-1.5!", className),
|
|
59
|
+
...props,
|
|
60
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
61
|
+
className: "hidden sm:block",
|
|
62
|
+
children: text
|
|
63
|
+
}), /* @__PURE__ */ jsx(ChevronRightIcon, { "data-icon": "inline-end" })]
|
|
64
|
+
});
|
|
98
65
|
}
|
|
99
66
|
function PaginationEllipsis({ className, ...props }) {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
children: [
|
|
111
|
-
/* @__PURE__ */ jsx(EllipsisIcon, {}),
|
|
112
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
|
|
113
|
-
]
|
|
114
|
-
}
|
|
115
|
-
);
|
|
67
|
+
return /* @__PURE__ */ jsxs("span", {
|
|
68
|
+
"aria-hidden": true,
|
|
69
|
+
"data-slot": "pagination-ellipsis",
|
|
70
|
+
className: cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
|
|
71
|
+
...props,
|
|
72
|
+
children: [/* @__PURE__ */ jsx(EllipsisIcon, {}), /* @__PURE__ */ jsx("span", {
|
|
73
|
+
className: "sr-only",
|
|
74
|
+
children: "More pages"
|
|
75
|
+
})]
|
|
76
|
+
});
|
|
116
77
|
}
|
|
117
|
-
|
|
78
|
+
//#endregion
|
|
118
79
|
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
|
|
119
|
-
|
|
80
|
+
|
|
120
81
|
//# sourceMappingURL=pagination.js.map
|
package/dist/pagination.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"pagination.js","names":[],"sources":["../src/pagination.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Button } from \"./button\"\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n EllipsisIcon,\n} from \"./lib/internal-icons\"\n\nimport { cn } from \"./lib/utils\"\n\ntype PaginationProps = React.ComponentProps<\"nav\">\n\ntype PaginationContentProps = React.ComponentProps<\"ul\">\n\ntype PaginationItemProps = React.ComponentProps<\"li\">\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">\n\ntype PaginationPreviousProps = PaginationLinkProps & {\n text?: string\n}\n\ntype PaginationNextProps = PaginationLinkProps & {\n text?: string\n}\n\ntype PaginationEllipsisProps = React.ComponentProps<\"span\">\n\nfunction Pagination({ className, ...props }: PaginationProps) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\n \"mx-auto flex w-full justify-center\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction PaginationContent({ className, ...props }: PaginationContentProps) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\n \"flex items-center gap-0.5\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction PaginationItem(props: PaginationItemProps) {\n return <li data-slot=\"pagination-item\" {...props} />\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n variant={isActive ? \"outline\" : \"ghost\"}\n size={size}\n className={className}\n render={\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive || undefined}\n {...props}\n />\n }\n />\n )\n}\n\nfunction PaginationPrevious({\n className,\n text = \"Previous\",\n ...props\n}: PaginationPreviousProps) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"pl-1.5!\", className)}\n {...props}\n >\n <ChevronLeftIcon data-icon=\"inline-start\" />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n )\n}\n\nfunction PaginationNext({\n className,\n text = \"Next\",\n ...props\n}: PaginationNextProps) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"pr-1.5!\", className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <ChevronRightIcon data-icon=\"inline-end\" />\n </PaginationLink>\n )\n}\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <EllipsisIcon />\n <span className=\"sr-only\">More pages</span>\n </span>\n )\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n}\n"],"mappings":";;;;;;AAgCA,SAAS,WAAW,EAAE,WAAW,GAAG,SAA0B;AAC5D,QACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,GACT,sCACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAiC;AAC1E,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,6BACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,OAA4B;AAClD,QAAO,oBAAC,MAAD;EAAI,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAGtD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,oBAAC,QAAD;EACE,SAAS,WAAW,YAAY;EAC1B;EACK;EACX,QACE,oBAAC,KAAD;GACE,gBAAc,WAAW,SAAS,KAAA;GAClC,aAAU;GACV,eAAa,YAAY,KAAA;GACzB,GAAI;GACJ,CAAA;EAEJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,OAAO,YACP,GAAG,SACuB;AAC1B,QACE,qBAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,oBAAC,iBAAD,EAAiB,aAAU,gBAAiB,CAAA,EAC5C,oBAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,CAChC;;;AAIrB,SAAS,eAAe,EACtB,WACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,qBAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,oBAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,EAC/C,oBAAC,kBAAD,EAAkB,aAAU,cAAe,CAAA,CAC5B;;;AAIrB,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAkC;AAC5E,QACE,qBAAC,QAAD;EACE,eAAA;EACA,aAAU;EACV,WAAW,GACT,gFACA,UACD;EACD,GAAI;YAPN,CASE,oBAAC,cAAD,EAAgB,CAAA,EAChB,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}
|
package/dist/popover.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as React from
|
|
3
|
-
import
|
|
1
|
+
import { RestoreFocusOnClose } from "./lib/focus.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
+
import { Popover as Popover$1 } from "@base-ui/react/popover";
|
|
4
5
|
|
|
6
|
+
//#region src/popover.d.ts
|
|
5
7
|
type PopoverProps = React.ComponentProps<typeof Popover$1.Root>;
|
|
6
8
|
type PopoverTriggerProps = React.ComponentProps<typeof Popover$1.Trigger>;
|
|
7
9
|
type PopoverPortalProps = React.ComponentProps<typeof Popover$1.Portal>;
|
|
@@ -10,15 +12,55 @@ type PopoverTitleProps = React.ComponentProps<typeof Popover$1.Title>;
|
|
|
10
12
|
type PopoverDescriptionProps = React.ComponentProps<typeof Popover$1.Description>;
|
|
11
13
|
type PopoverBackdropProps = React.ComponentProps<typeof Popover$1.Backdrop>;
|
|
12
14
|
type PopoverHeaderProps = React.ComponentProps<"div">;
|
|
13
|
-
type PopoverContentProps = React.ComponentProps<typeof Popover$1.Popup> & Pick<React.ComponentProps<typeof Popover$1.Positioner>, "align" | "alignOffset" | "side" | "sideOffset" | "anchor"
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
declare function
|
|
23
|
-
|
|
15
|
+
type PopoverContentProps = React.ComponentProps<typeof Popover$1.Popup> & Pick<React.ComponentProps<typeof Popover$1.Positioner>, "align" | "alignOffset" | "side" | "sideOffset" | "anchor"> & {
|
|
16
|
+
/**
|
|
17
|
+
* Focus-restoration policy when the popover closes. Defaults to
|
|
18
|
+
* Base UI's behaviour (restore to the trigger). Use `"keyboard"`
|
|
19
|
+
* when the trigger is hover/focus-within–revealed so a pointer
|
|
20
|
+
* close doesn't keep it pinned visible. See {@link RestoreFocusOnClose}.
|
|
21
|
+
*/
|
|
22
|
+
restoreFocusOnClose?: RestoreFocusOnClose;
|
|
23
|
+
};
|
|
24
|
+
declare function Popover({
|
|
25
|
+
...props
|
|
26
|
+
}: PopoverProps): _$react_jsx_runtime0.JSX.Element;
|
|
27
|
+
declare function PopoverTrigger({
|
|
28
|
+
...props
|
|
29
|
+
}: PopoverTriggerProps): _$react_jsx_runtime0.JSX.Element;
|
|
30
|
+
declare function PopoverPortal({
|
|
31
|
+
...props
|
|
32
|
+
}: PopoverPortalProps): _$react_jsx_runtime0.JSX.Element;
|
|
33
|
+
declare function PopoverPositioner({
|
|
34
|
+
className,
|
|
35
|
+
...props
|
|
36
|
+
}: PopoverPositionerProps): _$react_jsx_runtime0.JSX.Element;
|
|
37
|
+
declare function PopoverBackdrop({
|
|
38
|
+
className,
|
|
39
|
+
...props
|
|
40
|
+
}: PopoverBackdropProps): _$react_jsx_runtime0.JSX.Element;
|
|
41
|
+
declare function PopoverContent({
|
|
42
|
+
className,
|
|
43
|
+
align,
|
|
44
|
+
alignOffset,
|
|
45
|
+
side,
|
|
46
|
+
sideOffset,
|
|
47
|
+
anchor,
|
|
48
|
+
restoreFocusOnClose,
|
|
49
|
+
finalFocus,
|
|
50
|
+
...props
|
|
51
|
+
}: PopoverContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
52
|
+
declare function PopoverHeader({
|
|
53
|
+
className,
|
|
54
|
+
...props
|
|
55
|
+
}: PopoverHeaderProps): _$react_jsx_runtime0.JSX.Element;
|
|
56
|
+
declare function PopoverTitle({
|
|
57
|
+
className,
|
|
58
|
+
...props
|
|
59
|
+
}: PopoverTitleProps): _$react_jsx_runtime0.JSX.Element;
|
|
60
|
+
declare function PopoverDescription({
|
|
61
|
+
className,
|
|
62
|
+
...props
|
|
63
|
+
}: PopoverDescriptionProps): _$react_jsx_runtime0.JSX.Element;
|
|
64
|
+
//#endregion
|
|
24
65
|
export { Popover, PopoverBackdrop, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger };
|
|
66
|
+
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","names":[],"sources":["../src/popover.tsx"],"mappings":";;;;;;KAQK,YAAA,GAAe,KAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,IAAA;AAAA,KAC5D,mBAAA,GAAsB,KAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,OAAA;AAAA,KACnE,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,MAAA;AAAA,KAClE,sBAAA,GAAyB,KAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,UAAA;AAAA,KACtE,iBAAA,GAAoB,KAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,KAAA;AAAA,KACjE,uBAAA,GAA0B,KAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,WAAA;AAAA,KAEvE,oBAAA,GAAuB,KAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,QAAA;AAAA,KAEpE,kBAAA,GAAqB,KAAA,CAAM,cAAA;AAAA,KAE3B,mBAAA,GAAsB,KAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,KAAA,IACtE,IAAA,CACE,KAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,UAAA;EAbD;;;;AAAqB;;EAsBjE,mBAAA,GAAsB,mBAAA;AAAA;AAAA,iBAGjB,OAAA,CAAA;EAAA,GAAa;AAAA,GAAS,YAAA,GAAY,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIlC,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIhD,aAAA,CAAA;EAAA,GAAmB;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI9C,iBAAA,CAAA;EAAoB,SAAA;EAAA,GAAc;AAAA,GAAS,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUjE,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU7D,cAAA,CAAA;EACP,SAAA;EACA,KAAA;EACA,WAAA;EACA,IAAA;EACA,UAAA;EACA,MAAA;EACA,mBAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAyBb,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAazD,YAAA,CAAA;EAAe,SAAA;EAAA,GAAc;AAAA,GAAS,iBAAA,GAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUvD,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/popover.js
CHANGED
|
@@ -1,105 +1,80 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "./lib/utils.js";
|
|
3
|
+
import { resolveFinalFocus } from "./lib/focus.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Popover as Popover$1 } from "@base-ui/react/popover";
|
|
7
|
+
//#region src/popover.tsx
|
|
5
8
|
function Popover({ ...props }) {
|
|
6
|
-
|
|
9
|
+
return /* @__PURE__ */ jsx(Popover$1.Root, {
|
|
10
|
+
"data-slot": "popover",
|
|
11
|
+
...props
|
|
12
|
+
});
|
|
7
13
|
}
|
|
8
14
|
function PopoverTrigger({ ...props }) {
|
|
9
|
-
|
|
15
|
+
return /* @__PURE__ */ jsx(Popover$1.Trigger, {
|
|
16
|
+
"data-slot": "popover-trigger",
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
10
19
|
}
|
|
11
20
|
function PopoverPortal({ ...props }) {
|
|
12
|
-
|
|
21
|
+
return /* @__PURE__ */ jsx(Popover$1.Portal, {
|
|
22
|
+
"data-slot": "popover-portal",
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
13
25
|
}
|
|
14
26
|
function PopoverPositioner({ className, ...props }) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
...props
|
|
21
|
-
}
|
|
22
|
-
);
|
|
27
|
+
return /* @__PURE__ */ jsx(Popover$1.Positioner, {
|
|
28
|
+
"data-slot": "popover-positioner",
|
|
29
|
+
className,
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
23
32
|
}
|
|
24
33
|
function PopoverBackdrop({ className, ...props }) {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
...props
|
|
31
|
-
}
|
|
32
|
-
);
|
|
34
|
+
return /* @__PURE__ */ jsx(Popover$1.Backdrop, {
|
|
35
|
+
"data-slot": "popover-backdrop",
|
|
36
|
+
className: cn("fixed inset-0 z-40", className),
|
|
37
|
+
...props
|
|
38
|
+
});
|
|
33
39
|
}
|
|
34
|
-
function PopoverContent({
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
side,
|
|
50
|
-
sideOffset,
|
|
51
|
-
className: "isolate z-50",
|
|
52
|
-
children: /* @__PURE__ */ jsx(
|
|
53
|
-
Popover$1.Popup,
|
|
54
|
-
{
|
|
55
|
-
"data-slot": "popover-content",
|
|
56
|
-
className: cn(
|
|
57
|
-
"bg-popover text-popover-foreground 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 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
|
|
58
|
-
className
|
|
59
|
-
),
|
|
60
|
-
...props
|
|
61
|
-
}
|
|
62
|
-
)
|
|
63
|
-
}
|
|
64
|
-
) });
|
|
40
|
+
function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, anchor, restoreFocusOnClose, finalFocus, ...props }) {
|
|
41
|
+
return /* @__PURE__ */ jsx(PopoverPortal, { children: /* @__PURE__ */ jsx(PopoverPositioner, {
|
|
42
|
+
anchor,
|
|
43
|
+
align,
|
|
44
|
+
alignOffset,
|
|
45
|
+
side,
|
|
46
|
+
sideOffset,
|
|
47
|
+
className: "isolate z-50",
|
|
48
|
+
children: /* @__PURE__ */ jsx(Popover$1.Popup, {
|
|
49
|
+
"data-slot": "popover-content",
|
|
50
|
+
className: cn("bg-popover text-popover-foreground 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 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100", className),
|
|
51
|
+
finalFocus: resolveFinalFocus(restoreFocusOnClose, finalFocus),
|
|
52
|
+
...props
|
|
53
|
+
})
|
|
54
|
+
}) });
|
|
65
55
|
}
|
|
66
56
|
function PopoverHeader({ className, ...props }) {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
"flex flex-col gap-0.5 text-sm",
|
|
73
|
-
className
|
|
74
|
-
),
|
|
75
|
-
...props
|
|
76
|
-
}
|
|
77
|
-
);
|
|
57
|
+
return /* @__PURE__ */ jsx("div", {
|
|
58
|
+
"data-slot": "popover-header",
|
|
59
|
+
className: cn("flex flex-col gap-0.5 text-sm", className),
|
|
60
|
+
...props
|
|
61
|
+
});
|
|
78
62
|
}
|
|
79
63
|
function PopoverTitle({ className, ...props }) {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
...props
|
|
86
|
-
}
|
|
87
|
-
);
|
|
64
|
+
return /* @__PURE__ */ jsx(Popover$1.Title, {
|
|
65
|
+
"data-slot": "popover-title",
|
|
66
|
+
className: cn("font-medium", className),
|
|
67
|
+
...props
|
|
68
|
+
});
|
|
88
69
|
}
|
|
89
|
-
function PopoverDescription({
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
{
|
|
96
|
-
"data-slot": "popover-description",
|
|
97
|
-
className: cn("text-muted-foreground", className),
|
|
98
|
-
...props
|
|
99
|
-
}
|
|
100
|
-
);
|
|
70
|
+
function PopoverDescription({ className, ...props }) {
|
|
71
|
+
return /* @__PURE__ */ jsx(Popover$1.Description, {
|
|
72
|
+
"data-slot": "popover-description",
|
|
73
|
+
className: cn("text-muted-foreground", className),
|
|
74
|
+
...props
|
|
75
|
+
});
|
|
101
76
|
}
|
|
102
|
-
|
|
77
|
+
//#endregion
|
|
103
78
|
export { Popover, PopoverBackdrop, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger };
|
|
104
|
-
|
|
79
|
+
|
|
105
80
|
//# sourceMappingURL=popover.js.map
|
package/dist/popover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"popover.js","names":["PopoverPrimitive"],"sources":["../src/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\n\nimport { cn } from \"./lib/utils\"\nimport { resolveFinalFocus, type RestoreFocusOnClose } from \"./lib/focus\"\n\ntype PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>\ntype PopoverTriggerProps = React.ComponentProps<typeof PopoverPrimitive.Trigger>\ntype PopoverPortalProps = React.ComponentProps<typeof PopoverPrimitive.Portal>\ntype PopoverPositionerProps = React.ComponentProps<typeof PopoverPrimitive.Positioner>\ntype PopoverTitleProps = React.ComponentProps<typeof PopoverPrimitive.Title>\ntype PopoverDescriptionProps = React.ComponentProps<typeof PopoverPrimitive.Description>\n\ntype PopoverBackdropProps = React.ComponentProps<typeof PopoverPrimitive.Backdrop>\n\ntype PopoverHeaderProps = React.ComponentProps<\"div\">\n\ntype PopoverContentProps = React.ComponentProps<typeof PopoverPrimitive.Popup> &\n Pick<\n React.ComponentProps<typeof PopoverPrimitive.Positioner>,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"anchor\"\n > & {\n /**\n * Focus-restoration policy when the popover closes. Defaults to\n * Base UI's behaviour (restore to the trigger). Use `\"keyboard\"`\n * when the trigger is hover/focus-within–revealed so a pointer\n * close doesn't keep it pinned visible. See {@link RestoreFocusOnClose}.\n */\n restoreFocusOnClose?: RestoreFocusOnClose\n }\n\nfunction Popover({ ...props }: PopoverProps) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: PopoverTriggerProps) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverPortal({ ...props }: PopoverPortalProps) {\n return <PopoverPrimitive.Portal data-slot=\"popover-portal\" {...props} />\n}\n\nfunction PopoverPositioner({ className, ...props }: PopoverPositionerProps) {\n return (\n <PopoverPrimitive.Positioner\n data-slot=\"popover-positioner\"\n className={className}\n {...props}\n />\n )\n}\n\nfunction PopoverBackdrop({ className, ...props }: PopoverBackdropProps) {\n return (\n <PopoverPrimitive.Backdrop\n data-slot=\"popover-backdrop\"\n className={cn(\"fixed inset-0 z-40\", className)}\n {...props}\n />\n )\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n anchor,\n restoreFocusOnClose,\n finalFocus,\n ...props\n}: PopoverContentProps) {\n return (\n <PopoverPortal>\n <PopoverPositioner\n anchor={anchor}\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <PopoverPrimitive.Popup\n data-slot=\"popover-content\"\n className={cn(\n \"bg-popover text-popover-foreground 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 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100\",\n className\n )}\n finalFocus={resolveFinalFocus(restoreFocusOnClose, finalFocus)}\n {...props}\n />\n </PopoverPositioner>\n </PopoverPortal>\n )\n}\n\nfunction PopoverHeader({ className, ...props }: PopoverHeaderProps) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\n \"flex flex-col gap-0.5 text-sm\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverTitleProps) {\n return (\n <PopoverPrimitive.Title\n data-slot=\"popover-title\"\n className={cn(\"font-medium\", className)}\n {...props}\n />\n )\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: PopoverDescriptionProps) {\n return (\n <PopoverPrimitive.Description\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Popover,\n PopoverBackdrop,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n PopoverPortal,\n PopoverPositioner,\n}\n"],"mappings":";;;;;;;AAiCA,SAAS,QAAQ,EAAE,GAAG,SAAuB;AAC3C,QAAO,oBAACA,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA;;AAGjE,SAAS,eAAe,EAAE,GAAG,SAA8B;AACzD,QAAO,oBAACA,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,cAAc,EAAE,GAAG,SAA6B;AACvD,QAAO,oBAACA,UAAiB,QAAlB;EAAyB,aAAU;EAAiB,GAAI;EAAS,CAAA;;AAG1E,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAiC;AAC1E,QACE,oBAACA,UAAiB,YAAlB;EACE,aAAU;EACC;EACX,GAAI;EACJ,CAAA;;AAIN,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAA+B;AACtE,QACE,oBAACA,UAAiB,UAAlB;EACE,aAAU;EACV,WAAW,GAAG,sBAAsB,UAAU;EAC9C,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,QACA,qBACA,YACA,GAAG,SACmB;AACtB,QACE,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD;EACU;EACD;EACM;EACP;EACM;EACZ,WAAU;YAEV,oBAACA,UAAiB,OAAlB;GACE,aAAU;GACV,WAAW,GACT,ujBACA,UACD;GACD,YAAY,kBAAkB,qBAAqB,WAAW;GAC9D,GAAI;GACJ,CAAA;EACgB,CAAA,EACN,CAAA;;AAIpB,SAAS,cAAc,EAAE,WAAW,GAAG,SAA6B;AAClE,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,iCACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAA4B;AAChE,QACE,oBAACA,UAAiB,OAAlB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,UAAU;EACvC,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACuB;AAC1B,QACE,oBAACA,UAAiB,aAAlB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA"}
|
package/dist/preview-card.d.ts
CHANGED
|
@@ -1,17 +1,36 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
3
|
-
import { PreviewCard as PreviewCard$1 } from
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
|
|
4
4
|
|
|
5
|
+
//#region src/preview-card.d.ts
|
|
5
6
|
type PreviewCardProps = React.ComponentProps<typeof PreviewCard$1.Root>;
|
|
6
7
|
type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard$1.Trigger>;
|
|
7
8
|
type PreviewCardPortalProps = React.ComponentProps<typeof PreviewCard$1.Portal>;
|
|
8
9
|
type PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCard$1.Positioner>;
|
|
9
10
|
type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard$1.Popup>;
|
|
10
11
|
type PreviewCardContentProps = PreviewCardPopupProps & Pick<PreviewCardPositionerProps, "align" | "alignOffset" | "side" | "sideOffset" | "anchor">;
|
|
11
|
-
declare function PreviewCard({
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
declare function
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
declare function PreviewCard({
|
|
13
|
+
...props
|
|
14
|
+
}: PreviewCardProps): _$react_jsx_runtime0.JSX.Element;
|
|
15
|
+
declare function PreviewCardTrigger({
|
|
16
|
+
...props
|
|
17
|
+
}: PreviewCardTriggerProps): _$react_jsx_runtime0.JSX.Element;
|
|
18
|
+
declare function PreviewCardPortal({
|
|
19
|
+
...props
|
|
20
|
+
}: PreviewCardPortalProps): _$react_jsx_runtime0.JSX.Element;
|
|
21
|
+
declare function PreviewCardPositioner({
|
|
22
|
+
className,
|
|
23
|
+
...props
|
|
24
|
+
}: PreviewCardPositionerProps): _$react_jsx_runtime0.JSX.Element;
|
|
25
|
+
declare function PreviewCardContent({
|
|
26
|
+
className,
|
|
27
|
+
side,
|
|
28
|
+
sideOffset,
|
|
29
|
+
align,
|
|
30
|
+
alignOffset,
|
|
31
|
+
anchor,
|
|
32
|
+
...props
|
|
33
|
+
}: PreviewCardContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
34
|
+
//#endregion
|
|
17
35
|
export { PreviewCard, PreviewCardContent, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger };
|
|
36
|
+
//# sourceMappingURL=preview-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preview-card.d.ts","names":[],"sources":["../src/preview-card.tsx"],"mappings":";;;;;KAOK,gBAAA,GAAmB,KAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA;AAAA,KACpE,uBAAA,GAA0B,KAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,OAAA;AAAA,KAC3E,sBAAA,GAAyB,KAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,MAAA;AAAA,KAC1E,0BAAA,GAA6B,KAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,UAAA;AAAA,KAC9E,qBAAA,GAAwB,KAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,KAAA;AAAA,KAEzE,uBAAA,GAA0B,qBAAA,GAC7B,IAAA,CACE,0BAAA;AAAA,iBAIK,WAAA,CAAA;EAAA,GAAiB;AAAA,GAAS,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI1C,kBAAA,CAAA;EAAA,GAAwB;AAAA,GAAS,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBASxD,iBAAA,CAAA;EAAA,GAAuB;AAAA,GAAS,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAItD,qBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,0BAAA,GAA0B,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUpB,kBAAA,CAAA;EACP,SAAA;EACA,IAAA;EACA,UAAA;EACA,KAAA;EACA,WAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|