@codefast/ui 0.3.9 → 0.3.11-canary.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/CHANGELOG.md +30 -0
- package/README.md +277 -167
- package/dist/components/accordion.cjs +97 -1
- package/dist/components/accordion.js +51 -1
- package/dist/components/alert-dialog.cjs +155 -1
- package/dist/components/alert-dialog.d.ts +2 -2
- package/dist/components/alert-dialog.js +94 -1
- package/dist/components/alert.cjs +84 -1
- package/dist/components/alert.d.ts +1 -1
- package/dist/components/alert.js +41 -1
- package/dist/components/aspect-ratio.cjs +43 -1
- package/dist/components/aspect-ratio.js +9 -1
- package/dist/components/avatar.cjs +65 -1
- package/dist/components/avatar.js +25 -1
- package/dist/components/badge.cjs +66 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/badge.js +29 -1
- package/dist/components/breadcrumb.cjs +124 -1
- package/dist/components/breadcrumb.js +72 -1
- package/dist/components/button-group.cjs +86 -1
- package/dist/components/button-group.d.ts +1 -1
- package/dist/components/button-group.js +43 -1
- package/dist/components/button.cjs +92 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +55 -1
- package/dist/components/calendar.cjs +150 -1
- package/dist/components/calendar.d.ts +11 -18
- package/dist/components/calendar.js +113 -1
- package/dist/components/card.cjs +105 -1
- package/dist/components/card.js +53 -1
- package/dist/components/carousel.cjs +210 -1
- package/dist/components/carousel.d.ts +1 -1
- package/dist/components/carousel.js +151 -1
- package/dist/components/chart.cjs +250 -3
- package/dist/components/chart.d.ts +5 -4
- package/dist/components/chart.js +198 -3
- package/dist/components/checkbox-cards.cjs +69 -1
- package/dist/components/checkbox-cards.js +32 -1
- package/dist/components/checkbox-group.cjs +63 -1
- package/dist/components/checkbox-group.js +26 -1
- package/dist/components/checkbox.cjs +53 -1
- package/dist/components/checkbox.js +19 -1
- package/dist/components/collapsible.cjs +61 -1
- package/dist/components/collapsible.js +21 -1
- package/dist/components/command.cjs +167 -1
- package/dist/components/command.js +106 -1
- package/dist/components/context-menu.cjs +218 -1
- package/dist/components/context-menu.js +142 -1
- package/dist/components/dialog.cjs +164 -1
- package/dist/components/dialog.d.ts +2 -2
- package/dist/components/dialog.js +106 -1
- package/dist/components/drawer.cjs +143 -1
- package/dist/components/drawer.d.ts +1 -1
- package/dist/components/drawer.js +85 -1
- package/dist/components/dropdown-menu.cjs +221 -1
- package/dist/components/dropdown-menu.js +145 -1
- package/dist/components/empty.cjs +113 -1
- package/dist/components/empty.d.ts +1 -1
- package/dist/components/empty.js +61 -1
- package/dist/components/field.cjs +193 -1
- package/dist/components/field.d.ts +1 -1
- package/dist/components/field.js +129 -1
- package/dist/components/form.cjs +151 -1
- package/dist/components/form.d.ts +3 -3
- package/dist/components/form.js +96 -1
- package/dist/components/hover-card.cjs +77 -1
- package/dist/components/hover-card.js +34 -1
- package/dist/components/input-group.cjs +155 -1
- package/dist/components/input-group.d.ts +1 -1
- package/dist/components/input-group.js +97 -1
- package/dist/components/input-number.cjs +98 -1
- package/dist/components/input-number.js +64 -1
- package/dist/components/input-otp.cjs +101 -1
- package/dist/components/input-otp.js +49 -1
- package/dist/components/input-password.cjs +71 -1
- package/dist/components/input-password.js +37 -1
- package/dist/components/input-search.cjs +80 -1
- package/dist/components/input-search.js +46 -1
- package/dist/components/input.cjs +45 -1
- package/dist/components/input.js +11 -1
- package/dist/components/item.cjs +186 -1
- package/dist/components/item.d.ts +1 -1
- package/dist/components/item.js +119 -1
- package/dist/components/kbd.cjs +54 -1
- package/dist/components/kbd.js +17 -1
- package/dist/components/label.cjs +45 -1
- package/dist/components/label.js +11 -1
- package/dist/components/menubar.cjs +232 -1
- package/dist/components/menubar.js +153 -1
- package/dist/components/native-select.cjs +75 -1
- package/dist/components/native-select.js +35 -1
- package/dist/components/navigation-menu.cjs +146 -2
- package/dist/components/navigation-menu.js +94 -2
- package/dist/components/pagination.cjs +138 -1
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/pagination.js +86 -1
- package/dist/components/popover.cjs +86 -1
- package/dist/components/popover.js +40 -1
- package/dist/components/progress-circle.cjs +184 -1
- package/dist/components/progress-circle.d.ts +1 -1
- package/dist/components/progress-circle.js +147 -1
- package/dist/components/progress.cjs +52 -1
- package/dist/components/progress.js +18 -1
- package/dist/components/radio-cards.cjs +66 -1
- package/dist/components/radio-cards.js +29 -1
- package/dist/components/radio-group.cjs +59 -1
- package/dist/components/radio-group.js +22 -1
- package/dist/components/radio.cjs +47 -1
- package/dist/components/radio.js +13 -1
- package/dist/components/resizable.cjs +71 -1
- package/dist/components/resizable.d.ts +6 -6
- package/dist/components/resizable.js +31 -1
- package/dist/components/scroll-area.cjs +140 -1
- package/dist/components/scroll-area.d.ts +1 -1
- package/dist/components/scroll-area.js +100 -1
- package/dist/components/select.cjs +180 -1
- package/dist/components/select.d.ts +2 -2
- package/dist/components/select.js +119 -1
- package/dist/components/separator.cjs +82 -1
- package/dist/components/separator.d.ts +1 -1
- package/dist/components/separator.js +42 -1
- package/dist/components/sheet.cjs +184 -1
- package/dist/components/sheet.d.ts +2 -2
- package/dist/components/sheet.js +123 -1
- package/dist/components/sidebar.cjs +506 -1
- package/dist/components/sidebar.d.ts +1 -1
- package/dist/components/sidebar.js +400 -1
- package/dist/components/skeleton.cjs +44 -1
- package/dist/components/skeleton.js +10 -1
- package/dist/components/slider.cjs +79 -1
- package/dist/components/slider.js +45 -1
- package/dist/components/sonner.cjs +57 -1
- package/dist/components/sonner.js +17 -1
- package/dist/components/spinner.cjs +75 -1
- package/dist/components/spinner.js +41 -1
- package/dist/components/switch.cjs +49 -1
- package/dist/components/switch.js +15 -1
- package/dist/components/table.cjs +118 -1
- package/dist/components/table.js +63 -1
- package/dist/components/tabs.cjs +75 -1
- package/dist/components/tabs.d.ts +1 -1
- package/dist/components/tabs.js +32 -1
- package/dist/components/textarea.cjs +44 -1
- package/dist/components/textarea.js +10 -1
- package/dist/components/toggle-group.cjs +90 -1
- package/dist/components/toggle-group.d.ts +8 -10
- package/dist/components/toggle-group.js +53 -1
- package/dist/components/toggle.cjs +71 -1
- package/dist/components/toggle.d.ts +8 -10
- package/dist/components/toggle.js +34 -1
- package/dist/components/tooltip.cjs +90 -1
- package/dist/components/tooltip.js +44 -1
- package/dist/css/amber.css +95 -1
- package/dist/css/blue.css +95 -1
- package/dist/css/cyan.css +95 -1
- package/dist/css/emerald.css +95 -1
- package/dist/css/fuchsia.css +95 -1
- package/dist/css/gray.css +95 -1
- package/dist/css/green.css +95 -1
- package/dist/css/indigo.css +95 -1
- package/dist/css/lime.css +95 -1
- package/dist/css/neutral.css +95 -1
- package/dist/css/orange.css +95 -1
- package/dist/css/pink.css +95 -1
- package/dist/css/preset.css +118 -1
- package/dist/css/purple.css +95 -1
- package/dist/css/red.css +95 -1
- package/dist/css/rose.css +95 -1
- package/dist/css/sky.css +95 -1
- package/dist/css/slate.css +95 -1
- package/dist/css/stone.css +95 -1
- package/dist/css/style.css +3 -1
- package/dist/css/teal.css +95 -1
- package/dist/css/violet.css +95 -1
- package/dist/css/yellow.css +95 -1
- package/dist/css/zinc.css +95 -1
- package/dist/hooks/use-animated-value.cjs +74 -1
- package/dist/hooks/use-animated-value.d.ts +9 -10
- package/dist/hooks/use-animated-value.js +40 -1
- package/dist/hooks/use-copy-to-clipboard.cjs +57 -1
- package/dist/hooks/use-copy-to-clipboard.d.ts +17 -0
- package/dist/hooks/use-copy-to-clipboard.js +23 -1
- package/dist/hooks/use-is-mobile.cjs +39 -1
- package/dist/hooks/use-is-mobile.d.ts +15 -6
- package/dist/hooks/use-is-mobile.js +5 -1
- package/dist/hooks/use-media-query.cjs +56 -1
- package/dist/hooks/use-media-query.d.ts +11 -3
- package/dist/hooks/use-media-query.js +22 -1
- package/dist/hooks/use-mutation-observer.cjs +56 -1
- package/dist/hooks/use-mutation-observer.d.ts +7 -11
- package/dist/hooks/use-mutation-observer.js +22 -1
- package/dist/hooks/use-pagination.cjs +92 -1
- package/dist/hooks/use-pagination.d.ts +12 -10
- package/dist/hooks/use-pagination.js +55 -1
- package/dist/index.cjs +1081 -1
- package/dist/index.d.ts +4 -5
- package/dist/index.js +69 -1
- package/dist/primitives/checkbox-group.cjs +151 -1
- package/dist/primitives/checkbox-group.d.ts +1 -1
- package/dist/primitives/checkbox-group.js +99 -1
- package/dist/primitives/input-number.cjs +439 -1
- package/dist/primitives/input-number.d.ts +1 -1
- package/dist/primitives/input-number.js +381 -1
- package/dist/primitives/input.cjs +99 -1
- package/dist/primitives/input.d.ts +1 -1
- package/dist/primitives/input.js +53 -1
- package/dist/primitives/progress-circle.cjs +198 -1
- package/dist/primitives/progress-circle.d.ts +1 -1
- package/dist/primitives/progress-circle.js +128 -1
- package/package.json +405 -62
package/dist/components/item.js
CHANGED
|
@@ -1 +1,119 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn, tv } from "@codefast/tailwind-variants";
|
|
3
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
4
|
+
import { Separator } from "./separator.js";
|
|
5
|
+
const itemVariants = tv({
|
|
6
|
+
base: cn("group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm outline-hidden transition-colors duration-100", "[a]:transition-colors [a]:hover:bg-accent/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50"),
|
|
7
|
+
defaultVariants: {
|
|
8
|
+
size: "default",
|
|
9
|
+
variant: "default"
|
|
10
|
+
},
|
|
11
|
+
variants: {
|
|
12
|
+
size: {
|
|
13
|
+
default: "gap-4 p-4",
|
|
14
|
+
sm: "gap-2.5 px-4 py-3"
|
|
15
|
+
},
|
|
16
|
+
variant: {
|
|
17
|
+
default: "bg-transparent",
|
|
18
|
+
muted: "bg-muted/50",
|
|
19
|
+
outline: "border-border"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
const itemMediaVariants = tv({
|
|
24
|
+
base: cn("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start", "group-has-[[data-slot=item-description]]/item:translate-y-0.5 [&_svg]:pointer-events-none"),
|
|
25
|
+
defaultVariants: {
|
|
26
|
+
variant: "default"
|
|
27
|
+
},
|
|
28
|
+
variants: {
|
|
29
|
+
variant: {
|
|
30
|
+
default: "bg-transparent",
|
|
31
|
+
icon: "size-8 shrink-0 rounded-md border bg-muted [&_svg:not([class*='size-'])]:size-4",
|
|
32
|
+
image: "size-10 shrink-0 overflow-hidden rounded-md [&_img]:size-full [&_img]:object-cover"
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
function ItemGroup({ className, ...props }) {
|
|
37
|
+
return /*#__PURE__*/ jsx("div", {
|
|
38
|
+
className: cn("group/item-group flex flex-col", className),
|
|
39
|
+
"data-slot": "item-group",
|
|
40
|
+
role: "list",
|
|
41
|
+
...props
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
function ItemSeparator({ className, ...props }) {
|
|
45
|
+
return /*#__PURE__*/ jsx(Separator, {
|
|
46
|
+
className: cn("my-0", className),
|
|
47
|
+
"data-slot": "item-separator",
|
|
48
|
+
orientation: "horizontal",
|
|
49
|
+
...props
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
function Item({ asChild = false, className, size = "default", variant = "default", ...props }) {
|
|
53
|
+
const Component = asChild ? Slot : "div";
|
|
54
|
+
return /*#__PURE__*/ jsx(Component, {
|
|
55
|
+
className: itemVariants({
|
|
56
|
+
className,
|
|
57
|
+
size,
|
|
58
|
+
variant
|
|
59
|
+
}),
|
|
60
|
+
"data-size": size,
|
|
61
|
+
"data-slot": "item",
|
|
62
|
+
"data-variant": variant,
|
|
63
|
+
...props
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
function ItemMedia({ className, variant = "default", ...props }) {
|
|
67
|
+
return /*#__PURE__*/ jsx("div", {
|
|
68
|
+
className: itemMediaVariants({
|
|
69
|
+
className,
|
|
70
|
+
variant
|
|
71
|
+
}),
|
|
72
|
+
"data-slot": "item-media",
|
|
73
|
+
"data-variant": variant,
|
|
74
|
+
...props
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
function ItemContent({ className, ...props }) {
|
|
78
|
+
return /*#__PURE__*/ jsx("div", {
|
|
79
|
+
className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
|
|
80
|
+
"data-slot": "item-content",
|
|
81
|
+
...props
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function ItemTitle({ className, ...props }) {
|
|
85
|
+
return /*#__PURE__*/ jsx("div", {
|
|
86
|
+
className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
|
|
87
|
+
"data-slot": "item-title",
|
|
88
|
+
...props
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
function ItemDescription({ className, ...props }) {
|
|
92
|
+
return /*#__PURE__*/ jsx("p", {
|
|
93
|
+
className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
|
|
94
|
+
"data-slot": "item-description",
|
|
95
|
+
...props
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
function ItemActions({ className, ...props }) {
|
|
99
|
+
return /*#__PURE__*/ jsx("div", {
|
|
100
|
+
className: cn("flex items-center gap-2", className),
|
|
101
|
+
"data-slot": "item-actions",
|
|
102
|
+
...props
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
function ItemHeader({ className, ...props }) {
|
|
106
|
+
return /*#__PURE__*/ jsx("div", {
|
|
107
|
+
className: cn("flex basis-full items-center justify-between gap-2", className),
|
|
108
|
+
"data-slot": "item-header",
|
|
109
|
+
...props
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
function ItemFooter({ className, ...props }) {
|
|
113
|
+
return /*#__PURE__*/ jsx("div", {
|
|
114
|
+
className: cn("flex basis-full items-center justify-between gap-2", className),
|
|
115
|
+
"data-slot": "item-footer",
|
|
116
|
+
...props
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants };
|
package/dist/components/kbd.cjs
CHANGED
|
@@ -1 +1,54 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
Kbd: ()=>Kbd,
|
|
28
|
+
KbdGroup: ()=>KbdGroup
|
|
29
|
+
});
|
|
30
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
|
+
const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
|
|
32
|
+
function Kbd({ className, ...props }) {
|
|
33
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", {
|
|
34
|
+
className: (0, tailwind_variants_namespaceObject.cn)("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
|
|
35
|
+
"data-slot": "kbd",
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
function KbdGroup({ className, ...props }) {
|
|
40
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", {
|
|
41
|
+
className: (0, tailwind_variants_namespaceObject.cn)("inline-flex items-center gap-1", className),
|
|
42
|
+
"data-slot": "kbd-group",
|
|
43
|
+
...props
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
exports.Kbd = __webpack_exports__.Kbd;
|
|
47
|
+
exports.KbdGroup = __webpack_exports__.KbdGroup;
|
|
48
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
49
|
+
"Kbd",
|
|
50
|
+
"KbdGroup"
|
|
51
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
52
|
+
Object.defineProperty(exports, '__esModule', {
|
|
53
|
+
value: true
|
|
54
|
+
});
|
package/dist/components/kbd.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
import{jsx
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@codefast/tailwind-variants";
|
|
3
|
+
function Kbd({ className, ...props }) {
|
|
4
|
+
return /*#__PURE__*/ jsx("kbd", {
|
|
5
|
+
className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
|
|
6
|
+
"data-slot": "kbd",
|
|
7
|
+
...props
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
function KbdGroup({ className, ...props }) {
|
|
11
|
+
return /*#__PURE__*/ jsx("kbd", {
|
|
12
|
+
className: cn("inline-flex items-center gap-1", className),
|
|
13
|
+
"data-slot": "kbd-group",
|
|
14
|
+
...props
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
export { Kbd, KbdGroup };
|
|
@@ -1,2 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
|
-
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
})();
|
|
15
|
+
(()=>{
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
17
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
+
value: 'Module'
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
})();
|
|
25
|
+
var __webpack_exports__ = {};
|
|
26
|
+
__webpack_require__.r(__webpack_exports__);
|
|
27
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
+
Label: ()=>Label
|
|
29
|
+
});
|
|
30
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
|
+
const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
|
|
32
|
+
const react_label_namespaceObject = require("@radix-ui/react-label");
|
|
33
|
+
function Label({ className, ...props }) {
|
|
34
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root, {
|
|
35
|
+
className: (0, tailwind_variants_namespaceObject.cn)("inline-block text-sm leading-none font-medium group-data-disabled:opacity-50 peer-disabled:opacity-50 peer-aria-invalid:text-destructive peer-data-disabled:opacity-50 data-invalid:text-destructive", className),
|
|
36
|
+
"data-slot": "label",
|
|
37
|
+
...props
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
exports.Label = __webpack_exports__.Label;
|
|
41
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
42
|
+
"Label"
|
|
43
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
44
|
+
Object.defineProperty(exports, '__esModule', {
|
|
45
|
+
value: true
|
|
46
|
+
});
|
package/dist/components/label.js
CHANGED
|
@@ -1,2 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "@codefast/tailwind-variants";
|
|
4
|
+
import { Root } from "@radix-ui/react-label";
|
|
5
|
+
function Label({ className, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ jsx(Root, {
|
|
7
|
+
className: cn("inline-block text-sm leading-none font-medium group-data-disabled:opacity-50 peer-disabled:opacity-50 peer-aria-invalid:text-destructive peer-data-disabled:opacity-50 data-invalid:text-destructive", className),
|
|
8
|
+
"data-slot": "label",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
export { Label };
|
|
@@ -1,2 +1,233 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
|
-
"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MenubarArrow:()=>MenubarArrow,MenubarSeparator:()=>MenubarSeparator,MenubarGroup:()=>MenubarGroup,MenubarRadioItem:()=>MenubarRadioItem,Menubar:()=>Menubar,MenubarLabel:()=>MenubarLabel,MenubarContent:()=>MenubarContent,MenubarCheckboxItem:()=>MenubarCheckboxItem,MenubarItem:()=>MenubarItem,MenubarShortcut:()=>MenubarShortcut,MenubarSubContent:()=>MenubarSubContent,MenubarTrigger:()=>MenubarTrigger,MenubarMenu:()=>MenubarMenu,MenubarSub:()=>MenubarSub,MenubarRadioGroup:()=>MenubarRadioGroup,MenubarSubTrigger:()=>MenubarSubTrigger});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_menubar_namespaceObject=require("@radix-ui/react-menubar");function Menubar({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("bg-background flex items-center space-x-1 rounded-lg border p-1",e),"data-slot":"menubar",...a})}function MenubarMenu({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Menu,{"data-slot":"menubar-menu",...e})}function MenubarGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Group,{"data-slot":"menubar-group",...e})}function MenubarSub({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Sub,{"data-slot":"menubar-sub",...e})}function MenubarRadioGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function MenubarTrigger({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Trigger,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium outline-hidden select-none",e),"data-slot":"menubar-trigger",...a})}function MenubarSubTrigger({children:e,className:a,inset:t,...r}){return(0,jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.SubTrigger,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8",a),"data-inset":t,"data-slot":"menubar-sub-trigger",...r,children:[e,(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon,{className:"ml-auto size-4"})]})}function MenubarSubContent({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.SubContent,{className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 min-w-32 rounded-lg border p-1 shadow-lg",e),"data-slot":"menubar-sub-content",...a})})}function MenubarContent({align:e="start",alignOffset:a=-4,className:t,sideOffset:r=4,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Content,{align:e,alignOffset:a,className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 ease-ui z-50 min-w-32 rounded-lg border p-1 shadow-lg",t),"data-slot":"menubar-content",sideOffset:r,...n})})}function MenubarItem({className:e,inset:a,variant:t,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),"data-inset":a,"data-slot":"menubar-item","data-variant":t,...r})}function MenubarCheckboxItem({checked:e,children:a,className:t,...r}){return(0,jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.CheckboxItem,{checked:e,className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),"data-slot":"menubar-checkbox-item",...r,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon,{className:"size-4"})})}),a]})}function MenubarRadioItem({children:e,className:a,...t}){return(0,jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.RadioItem,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",a),"data-slot":"menubar-radio-item",...t,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon,{className:"size-4 fill-current"})})}),e]})}function MenubarLabel({className:e,inset:a,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Label,{className:(0,tailwind_variants_namespaceObject.cn)("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8",e),"data-inset":a,"data-slot":"menubar-label",...t})}function MenubarSeparator({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Separator,{className:(0,tailwind_variants_namespaceObject.cn)("bg-border mx-2 my-1 h-px",e),"data-slot":"menubar-separator",...a})}function MenubarShortcut({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest",e),"data-slot":"menubar-shortcut",...a})}function MenubarArrow({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Arrow,{className:(0,tailwind_variants_namespaceObject.cn)("fill-popover",e),"data-slot":"menubar-arrow",...a})}for(var __webpack_i__ in exports.Menubar=__webpack_exports__.Menubar,exports.MenubarArrow=__webpack_exports__.MenubarArrow,exports.MenubarCheckboxItem=__webpack_exports__.MenubarCheckboxItem,exports.MenubarContent=__webpack_exports__.MenubarContent,exports.MenubarGroup=__webpack_exports__.MenubarGroup,exports.MenubarItem=__webpack_exports__.MenubarItem,exports.MenubarLabel=__webpack_exports__.MenubarLabel,exports.MenubarMenu=__webpack_exports__.MenubarMenu,exports.MenubarRadioGroup=__webpack_exports__.MenubarRadioGroup,exports.MenubarRadioItem=__webpack_exports__.MenubarRadioItem,exports.MenubarSeparator=__webpack_exports__.MenubarSeparator,exports.MenubarShortcut=__webpack_exports__.MenubarShortcut,exports.MenubarSub=__webpack_exports__.MenubarSub,exports.MenubarSubContent=__webpack_exports__.MenubarSubContent,exports.MenubarSubTrigger=__webpack_exports__.MenubarSubTrigger,exports.MenubarTrigger=__webpack_exports__.MenubarTrigger,__webpack_exports__)-1===["Menubar","MenubarArrow","MenubarCheckboxItem","MenubarContent","MenubarGroup","MenubarItem","MenubarLabel","MenubarMenu","MenubarRadioGroup","MenubarRadioItem","MenubarSeparator","MenubarShortcut","MenubarSub","MenubarSubContent","MenubarSubTrigger","MenubarTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
})();
|
|
15
|
+
(()=>{
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
17
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
+
value: 'Module'
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
})();
|
|
25
|
+
var __webpack_exports__ = {};
|
|
26
|
+
__webpack_require__.r(__webpack_exports__);
|
|
27
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
+
MenubarArrow: ()=>MenubarArrow,
|
|
29
|
+
MenubarSeparator: ()=>MenubarSeparator,
|
|
30
|
+
MenubarGroup: ()=>MenubarGroup,
|
|
31
|
+
MenubarRadioItem: ()=>MenubarRadioItem,
|
|
32
|
+
Menubar: ()=>Menubar,
|
|
33
|
+
MenubarLabel: ()=>MenubarLabel,
|
|
34
|
+
MenubarContent: ()=>MenubarContent,
|
|
35
|
+
MenubarCheckboxItem: ()=>MenubarCheckboxItem,
|
|
36
|
+
MenubarItem: ()=>MenubarItem,
|
|
37
|
+
MenubarShortcut: ()=>MenubarShortcut,
|
|
38
|
+
MenubarSubContent: ()=>MenubarSubContent,
|
|
39
|
+
MenubarTrigger: ()=>MenubarTrigger,
|
|
40
|
+
MenubarMenu: ()=>MenubarMenu,
|
|
41
|
+
MenubarSub: ()=>MenubarSub,
|
|
42
|
+
MenubarRadioGroup: ()=>MenubarRadioGroup,
|
|
43
|
+
MenubarSubTrigger: ()=>MenubarSubTrigger
|
|
44
|
+
});
|
|
45
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
46
|
+
const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
|
|
47
|
+
const react_menubar_namespaceObject = require("@radix-ui/react-menubar");
|
|
48
|
+
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
49
|
+
function Menubar({ className, ...props }) {
|
|
50
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Root, {
|
|
51
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex items-center space-x-1 rounded-lg border bg-background p-1", className),
|
|
52
|
+
"data-slot": "menubar",
|
|
53
|
+
...props
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
function MenubarMenu({ ...props }) {
|
|
57
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Menu, {
|
|
58
|
+
"data-slot": "menubar-menu",
|
|
59
|
+
...props
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
function MenubarGroup({ ...props }) {
|
|
63
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Group, {
|
|
64
|
+
"data-slot": "menubar-group",
|
|
65
|
+
...props
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
function MenubarSub({ ...props }) {
|
|
69
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Sub, {
|
|
70
|
+
"data-slot": "menubar-sub",
|
|
71
|
+
...props
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
function MenubarRadioGroup({ ...props }) {
|
|
75
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.RadioGroup, {
|
|
76
|
+
"data-slot": "menubar-radio-group",
|
|
77
|
+
...props
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
function MenubarTrigger({ className, ...props }) {
|
|
81
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Trigger, {
|
|
82
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
|
|
83
|
+
"data-slot": "menubar-trigger",
|
|
84
|
+
...props
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
function MenubarSubTrigger({ children, className, inset, ...props }) {
|
|
88
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.SubTrigger, {
|
|
89
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
|
|
90
|
+
"data-inset": inset,
|
|
91
|
+
"data-slot": "menubar-sub-trigger",
|
|
92
|
+
...props,
|
|
93
|
+
children: [
|
|
94
|
+
children,
|
|
95
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
|
|
96
|
+
className: "ml-auto size-4"
|
|
97
|
+
})
|
|
98
|
+
]
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
function MenubarSubContent({ className, ...props }) {
|
|
102
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal, {
|
|
103
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.SubContent, {
|
|
104
|
+
className: (0, tailwind_variants_namespaceObject.cn)("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
|
|
105
|
+
"data-slot": "menubar-sub-content",
|
|
106
|
+
...props
|
|
107
|
+
})
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 4, ...props }) {
|
|
111
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal, {
|
|
112
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Content, {
|
|
113
|
+
align: align,
|
|
114
|
+
alignOffset: alignOffset,
|
|
115
|
+
className: (0, tailwind_variants_namespaceObject.cn)("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
|
|
116
|
+
"data-slot": "menubar-content",
|
|
117
|
+
sideOffset: sideOffset,
|
|
118
|
+
...props
|
|
119
|
+
})
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
function MenubarItem({ className, inset, variant, ...props }) {
|
|
123
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Item, {
|
|
124
|
+
className: (0, tailwind_variants_namespaceObject.cn)("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
|
|
125
|
+
"data-inset": inset,
|
|
126
|
+
"data-slot": "menubar-item",
|
|
127
|
+
"data-variant": variant,
|
|
128
|
+
...props
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
function MenubarCheckboxItem({ checked, children, className, ...props }) {
|
|
132
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.CheckboxItem, {
|
|
133
|
+
checked: checked,
|
|
134
|
+
className: (0, tailwind_variants_namespaceObject.cn)("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
135
|
+
"data-slot": "menubar-checkbox-item",
|
|
136
|
+
...props,
|
|
137
|
+
children: [
|
|
138
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
139
|
+
className: "absolute left-2 flex items-center justify-center",
|
|
140
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator, {
|
|
141
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
|
|
142
|
+
className: "size-4"
|
|
143
|
+
})
|
|
144
|
+
})
|
|
145
|
+
}),
|
|
146
|
+
children
|
|
147
|
+
]
|
|
148
|
+
});
|
|
149
|
+
}
|
|
150
|
+
function MenubarRadioItem({ children, className, ...props }) {
|
|
151
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.RadioItem, {
|
|
152
|
+
className: (0, tailwind_variants_namespaceObject.cn)("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
153
|
+
"data-slot": "menubar-radio-item",
|
|
154
|
+
...props,
|
|
155
|
+
children: [
|
|
156
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
157
|
+
className: "absolute left-2 flex items-center justify-center",
|
|
158
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator, {
|
|
159
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon, {
|
|
160
|
+
className: "size-4 fill-current"
|
|
161
|
+
})
|
|
162
|
+
})
|
|
163
|
+
}),
|
|
164
|
+
children
|
|
165
|
+
]
|
|
166
|
+
});
|
|
167
|
+
}
|
|
168
|
+
function MenubarLabel({ className, inset, ...props }) {
|
|
169
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Label, {
|
|
170
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
|
|
171
|
+
"data-inset": inset,
|
|
172
|
+
"data-slot": "menubar-label",
|
|
173
|
+
...props
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
function MenubarSeparator({ className, ...props }) {
|
|
177
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Separator, {
|
|
178
|
+
className: (0, tailwind_variants_namespaceObject.cn)("mx-2 my-1 h-px bg-border", className),
|
|
179
|
+
"data-slot": "menubar-separator",
|
|
180
|
+
...props
|
|
181
|
+
});
|
|
182
|
+
}
|
|
183
|
+
function MenubarShortcut({ className, ...props }) {
|
|
184
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
185
|
+
className: (0, tailwind_variants_namespaceObject.cn)("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80", className),
|
|
186
|
+
"data-slot": "menubar-shortcut",
|
|
187
|
+
...props
|
|
188
|
+
});
|
|
189
|
+
}
|
|
190
|
+
function MenubarArrow({ className, ...props }) {
|
|
191
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Arrow, {
|
|
192
|
+
className: (0, tailwind_variants_namespaceObject.cn)("fill-popover", className),
|
|
193
|
+
"data-slot": "menubar-arrow",
|
|
194
|
+
...props
|
|
195
|
+
});
|
|
196
|
+
}
|
|
197
|
+
exports.Menubar = __webpack_exports__.Menubar;
|
|
198
|
+
exports.MenubarArrow = __webpack_exports__.MenubarArrow;
|
|
199
|
+
exports.MenubarCheckboxItem = __webpack_exports__.MenubarCheckboxItem;
|
|
200
|
+
exports.MenubarContent = __webpack_exports__.MenubarContent;
|
|
201
|
+
exports.MenubarGroup = __webpack_exports__.MenubarGroup;
|
|
202
|
+
exports.MenubarItem = __webpack_exports__.MenubarItem;
|
|
203
|
+
exports.MenubarLabel = __webpack_exports__.MenubarLabel;
|
|
204
|
+
exports.MenubarMenu = __webpack_exports__.MenubarMenu;
|
|
205
|
+
exports.MenubarRadioGroup = __webpack_exports__.MenubarRadioGroup;
|
|
206
|
+
exports.MenubarRadioItem = __webpack_exports__.MenubarRadioItem;
|
|
207
|
+
exports.MenubarSeparator = __webpack_exports__.MenubarSeparator;
|
|
208
|
+
exports.MenubarShortcut = __webpack_exports__.MenubarShortcut;
|
|
209
|
+
exports.MenubarSub = __webpack_exports__.MenubarSub;
|
|
210
|
+
exports.MenubarSubContent = __webpack_exports__.MenubarSubContent;
|
|
211
|
+
exports.MenubarSubTrigger = __webpack_exports__.MenubarSubTrigger;
|
|
212
|
+
exports.MenubarTrigger = __webpack_exports__.MenubarTrigger;
|
|
213
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
214
|
+
"Menubar",
|
|
215
|
+
"MenubarArrow",
|
|
216
|
+
"MenubarCheckboxItem",
|
|
217
|
+
"MenubarContent",
|
|
218
|
+
"MenubarGroup",
|
|
219
|
+
"MenubarItem",
|
|
220
|
+
"MenubarLabel",
|
|
221
|
+
"MenubarMenu",
|
|
222
|
+
"MenubarRadioGroup",
|
|
223
|
+
"MenubarRadioItem",
|
|
224
|
+
"MenubarSeparator",
|
|
225
|
+
"MenubarShortcut",
|
|
226
|
+
"MenubarSub",
|
|
227
|
+
"MenubarSubContent",
|
|
228
|
+
"MenubarSubTrigger",
|
|
229
|
+
"MenubarTrigger"
|
|
230
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
231
|
+
Object.defineProperty(exports, '__esModule', {
|
|
232
|
+
value: true
|
|
233
|
+
});
|