@codefast/ui 0.3.15 → 0.3.16-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 +7 -0
- package/dist/components/accordion.d.mts +30 -0
- package/dist/components/accordion.mjs +15 -0
- package/dist/components/alert-dialog.d.mts +60 -0
- package/dist/components/alert-dialog.mjs +30 -0
- package/dist/components/alert.d.mts +21 -0
- package/dist/components/alert.mjs +12 -0
- package/dist/components/aspect-ratio.d.mts +6 -0
- package/dist/components/aspect-ratio.mjs +3 -0
- package/dist/components/avatar.d.mts +18 -0
- package/dist/components/avatar.mjs +9 -0
- package/dist/components/badge.d.mts +9 -0
- package/dist/components/badge.mjs +6 -0
- package/dist/components/breadcrumb.d.mts +42 -0
- package/dist/components/breadcrumb.mjs +21 -0
- package/dist/components/button-group.d.mts +21 -0
- package/dist/components/button-group.mjs +12 -0
- package/dist/components/button.d.mts +9 -0
- package/dist/components/button.mjs +6 -0
- package/dist/components/calendar.d.mts +12 -0
- package/dist/components/calendar.mjs +6 -0
- package/dist/components/card.d.mts +42 -0
- package/dist/components/card.mjs +21 -0
- package/dist/components/carousel.d.mts +33 -0
- package/dist/components/carousel.mjs +15 -0
- package/dist/components/chart.d.mts +39 -0
- package/dist/components/chart.mjs +18 -0
- package/dist/components/checkbox-cards.d.mts +12 -0
- package/dist/components/checkbox-cards.mjs +6 -0
- package/dist/components/checkbox-group.d.mts +12 -0
- package/dist/components/checkbox-group.mjs +6 -0
- package/dist/components/checkbox.d.mts +6 -0
- package/dist/components/checkbox.mjs +3 -0
- package/dist/components/collapsible.d.mts +18 -0
- package/dist/components/collapsible.mjs +9 -0
- package/dist/components/command.d.mts +60 -0
- package/dist/components/command.mjs +30 -0
- package/dist/components/context-menu.d.mts +90 -0
- package/dist/components/context-menu.mjs +45 -0
- package/dist/components/dialog.d.mts +54 -0
- package/dist/components/dialog.mjs +27 -0
- package/dist/components/drawer.d.mts +54 -0
- package/dist/components/drawer.mjs +27 -0
- package/dist/components/dropdown-menu.d.mts +90 -0
- package/dist/components/dropdown-menu.mjs +45 -0
- package/dist/components/empty.d.mts +39 -0
- package/dist/components/empty.mjs +21 -0
- package/dist/components/field.d.mts +63 -0
- package/dist/components/field.mjs +33 -0
- package/dist/components/form.d.mts +42 -0
- package/dist/components/form.mjs +21 -0
- package/dist/components/hover-card.d.mts +24 -0
- package/dist/components/hover-card.mjs +12 -0
- package/dist/components/input-group.d.mts +45 -0
- package/dist/components/input-group.mjs +27 -0
- package/dist/components/input-number.d.mts +6 -0
- package/dist/components/input-number.mjs +3 -0
- package/dist/components/input-otp.d.mts +24 -0
- package/dist/components/input-otp.mjs +12 -0
- package/dist/components/input-password.d.mts +6 -0
- package/dist/components/input-password.mjs +3 -0
- package/dist/components/input-search.d.mts +6 -0
- package/dist/components/input-search.mjs +3 -0
- package/dist/components/input.d.mts +6 -0
- package/dist/components/input.mjs +3 -0
- package/dist/components/item.d.mts +66 -0
- package/dist/components/item.mjs +36 -0
- package/dist/components/kbd.d.mts +12 -0
- package/dist/components/kbd.mjs +6 -0
- package/dist/components/label.d.mts +6 -0
- package/dist/components/label.mjs +3 -0
- package/dist/components/menubar.d.mts +96 -0
- package/dist/components/menubar.mjs +48 -0
- package/dist/components/native-select.d.mts +18 -0
- package/dist/components/native-select.mjs +9 -0
- package/dist/components/navigation-menu.d.mts +39 -0
- package/dist/components/navigation-menu.mjs +21 -0
- package/dist/components/pagination.d.mts +42 -0
- package/dist/components/pagination.mjs +21 -0
- package/dist/components/popover.d.mts +30 -0
- package/dist/components/popover.mjs +15 -0
- package/dist/components/progress-circle.d.mts +9 -0
- package/dist/components/progress-circle.mjs +6 -0
- package/dist/components/progress.d.mts +6 -0
- package/dist/components/progress.mjs +3 -0
- package/dist/components/radio-cards.d.mts +12 -0
- package/dist/components/radio-cards.mjs +6 -0
- package/dist/components/radio-group.d.mts +12 -0
- package/dist/components/radio-group.mjs +6 -0
- package/dist/components/radio.d.mts +6 -0
- package/dist/components/radio.mjs +3 -0
- package/dist/components/resizable.d.mts +18 -0
- package/dist/components/resizable.mjs +9 -0
- package/dist/components/scroll-area.d.mts +15 -0
- package/dist/components/scroll-area.mjs +9 -0
- package/dist/components/select.d.mts +60 -0
- package/dist/components/select.mjs +30 -0
- package/dist/components/separator.d.mts +15 -0
- package/dist/components/separator.mjs +9 -0
- package/dist/components/sheet.d.mts +57 -0
- package/dist/components/sheet.mjs +30 -0
- package/dist/components/sidebar.d.mts +141 -0
- package/dist/components/sidebar.mjs +72 -0
- package/dist/components/skeleton.d.mts +6 -0
- package/dist/components/skeleton.mjs +3 -0
- package/dist/components/slider.d.mts +6 -0
- package/dist/components/slider.mjs +3 -0
- package/dist/components/sonner.d.mts +6 -0
- package/dist/components/sonner.mjs +3 -0
- package/dist/components/spinner.d.mts +6 -0
- package/dist/components/spinner.mjs +3 -0
- package/dist/components/switch.d.mts +6 -0
- package/dist/components/switch.mjs +3 -0
- package/dist/components/table.d.mts +48 -0
- package/dist/components/table.mjs +24 -0
- package/dist/components/tabs.d.mts +24 -0
- package/dist/components/tabs.mjs +12 -0
- package/dist/components/textarea.d.mts +6 -0
- package/dist/components/textarea.mjs +3 -0
- package/dist/components/toggle-group.d.mts +12 -0
- package/dist/components/toggle-group.mjs +6 -0
- package/dist/components/toggle.d.mts +12 -0
- package/dist/components/toggle.mjs +6 -0
- package/dist/components/tooltip.d.mts +30 -0
- package/dist/components/tooltip.mjs +15 -0
- package/dist/hooks/use-animated-value.d.mts +2 -0
- package/dist/hooks/use-animated-value.mjs +5 -3
- package/dist/hooks/use-copy-to-clipboard.d.mts +2 -0
- package/dist/hooks/use-copy-to-clipboard.mjs +5 -3
- package/dist/hooks/use-is-mobile.d.mts +2 -0
- package/dist/hooks/use-is-mobile.mjs +5 -3
- package/dist/hooks/use-media-query.d.mts +2 -0
- package/dist/hooks/use-media-query.mjs +5 -3
- package/dist/hooks/use-mutation-observer.d.mts +2 -0
- package/dist/hooks/use-mutation-observer.mjs +5 -3
- package/dist/hooks/use-pagination.d.mts +7 -0
- package/dist/hooks/use-pagination.mjs +7 -3
- package/dist/primitives/checkbox-group.d.mts +12 -0
- package/dist/primitives/checkbox-group.mjs +6 -0
- package/dist/primitives/input-number.d.mts +22 -0
- package/dist/primitives/input-number.mjs +12 -0
- package/dist/primitives/input.d.mts +10 -0
- package/dist/primitives/input.mjs +6 -0
- package/dist/primitives/progress-circle.d.mts +30 -0
- package/dist/primitives/progress-circle.mjs +19 -7
- package/package.json +4 -4
package/dist/components/item.mjs
CHANGED
|
@@ -3,6 +3,9 @@ import { Separator } from "./separator.mjs";
|
|
|
3
3
|
import { Slot } from "@radix-ui/react-slot";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
//#region src/components/item.tsx
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
const itemVariants = tv({
|
|
7
10
|
base: [
|
|
8
11
|
"group/item flex flex-wrap items-center",
|
|
@@ -29,6 +32,9 @@ const itemVariants = tv({
|
|
|
29
32
|
}
|
|
30
33
|
}
|
|
31
34
|
});
|
|
35
|
+
/**
|
|
36
|
+
* @since 0.3.16-canary.0
|
|
37
|
+
*/
|
|
32
38
|
const itemMediaVariants = tv({
|
|
33
39
|
base: [
|
|
34
40
|
"flex shrink-0 items-center justify-center gap-2",
|
|
@@ -51,6 +57,9 @@ const itemMediaVariants = tv({
|
|
|
51
57
|
]
|
|
52
58
|
} }
|
|
53
59
|
});
|
|
60
|
+
/**
|
|
61
|
+
* @since 0.3.16-canary.0
|
|
62
|
+
*/
|
|
54
63
|
function ItemGroup({ className, ...props }) {
|
|
55
64
|
return /* @__PURE__ */ jsx("div", {
|
|
56
65
|
className: cn("group/item-group flex flex-col", className),
|
|
@@ -59,6 +68,9 @@ function ItemGroup({ className, ...props }) {
|
|
|
59
68
|
...props
|
|
60
69
|
});
|
|
61
70
|
}
|
|
71
|
+
/**
|
|
72
|
+
* @since 0.3.16-canary.0
|
|
73
|
+
*/
|
|
62
74
|
function ItemSeparator({ className, ...props }) {
|
|
63
75
|
return /* @__PURE__ */ jsx(Separator, {
|
|
64
76
|
className: cn("my-0", className),
|
|
@@ -67,6 +79,9 @@ function ItemSeparator({ className, ...props }) {
|
|
|
67
79
|
...props
|
|
68
80
|
});
|
|
69
81
|
}
|
|
82
|
+
/**
|
|
83
|
+
* @since 0.3.16-canary.0
|
|
84
|
+
*/
|
|
70
85
|
function Item({ asChild = false, className, size = "default", variant = "default", ...props }) {
|
|
71
86
|
return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
|
|
72
87
|
className: itemVariants({
|
|
@@ -80,6 +95,9 @@ function Item({ asChild = false, className, size = "default", variant = "default
|
|
|
80
95
|
...props
|
|
81
96
|
});
|
|
82
97
|
}
|
|
98
|
+
/**
|
|
99
|
+
* @since 0.3.16-canary.0
|
|
100
|
+
*/
|
|
83
101
|
function ItemMedia({ className, variant = "default", ...props }) {
|
|
84
102
|
return /* @__PURE__ */ jsx("div", {
|
|
85
103
|
className: itemMediaVariants({
|
|
@@ -91,6 +109,9 @@ function ItemMedia({ className, variant = "default", ...props }) {
|
|
|
91
109
|
...props
|
|
92
110
|
});
|
|
93
111
|
}
|
|
112
|
+
/**
|
|
113
|
+
* @since 0.3.16-canary.0
|
|
114
|
+
*/
|
|
94
115
|
function ItemContent({ className, ...props }) {
|
|
95
116
|
return /* @__PURE__ */ jsx("div", {
|
|
96
117
|
className: cn("flex flex-1 flex-col gap-1", "[&+[data-slot=item-content]]:flex-none", className),
|
|
@@ -98,6 +119,9 @@ function ItemContent({ className, ...props }) {
|
|
|
98
119
|
...props
|
|
99
120
|
});
|
|
100
121
|
}
|
|
122
|
+
/**
|
|
123
|
+
* @since 0.3.16-canary.0
|
|
124
|
+
*/
|
|
101
125
|
function ItemTitle({ className, ...props }) {
|
|
102
126
|
return /* @__PURE__ */ jsx("div", {
|
|
103
127
|
className: cn("flex w-fit items-center gap-2", "text-sm leading-snug font-medium", className),
|
|
@@ -105,6 +129,9 @@ function ItemTitle({ className, ...props }) {
|
|
|
105
129
|
...props
|
|
106
130
|
});
|
|
107
131
|
}
|
|
132
|
+
/**
|
|
133
|
+
* @since 0.3.16-canary.0
|
|
134
|
+
*/
|
|
108
135
|
function ItemDescription({ className, ...props }) {
|
|
109
136
|
return /* @__PURE__ */ jsx("p", {
|
|
110
137
|
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),
|
|
@@ -112,6 +139,9 @@ function ItemDescription({ className, ...props }) {
|
|
|
112
139
|
...props
|
|
113
140
|
});
|
|
114
141
|
}
|
|
142
|
+
/**
|
|
143
|
+
* @since 0.3.16-canary.0
|
|
144
|
+
*/
|
|
115
145
|
function ItemActions({ className, ...props }) {
|
|
116
146
|
return /* @__PURE__ */ jsx("div", {
|
|
117
147
|
className: cn("flex items-center gap-2", className),
|
|
@@ -119,6 +149,9 @@ function ItemActions({ className, ...props }) {
|
|
|
119
149
|
...props
|
|
120
150
|
});
|
|
121
151
|
}
|
|
152
|
+
/**
|
|
153
|
+
* @since 0.3.16-canary.0
|
|
154
|
+
*/
|
|
122
155
|
function ItemHeader({ className, ...props }) {
|
|
123
156
|
return /* @__PURE__ */ jsx("div", {
|
|
124
157
|
className: cn("flex basis-full items-center justify-between gap-2", className),
|
|
@@ -126,6 +159,9 @@ function ItemHeader({ className, ...props }) {
|
|
|
126
159
|
...props
|
|
127
160
|
});
|
|
128
161
|
}
|
|
162
|
+
/**
|
|
163
|
+
* @since 0.3.16-canary.0
|
|
164
|
+
*/
|
|
129
165
|
function ItemFooter({ className, ...props }) {
|
|
130
166
|
return /* @__PURE__ */ jsx("div", {
|
|
131
167
|
className: cn("flex basis-full items-center justify-between gap-2", className),
|
|
@@ -1,12 +1,24 @@
|
|
|
1
1
|
import { ComponentProps, JSX } from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/components/kbd.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* @since 0.3.16-canary.0
|
|
6
|
+
*/
|
|
4
7
|
type KbdProps = ComponentProps<"kbd">;
|
|
8
|
+
/**
|
|
9
|
+
* @since 0.3.16-canary.0
|
|
10
|
+
*/
|
|
5
11
|
declare function Kbd({
|
|
6
12
|
className,
|
|
7
13
|
...props
|
|
8
14
|
}: KbdProps): JSX.Element;
|
|
15
|
+
/**
|
|
16
|
+
* @since 0.3.16-canary.0
|
|
17
|
+
*/
|
|
9
18
|
type KbdGroupProps = ComponentProps<"kbd">;
|
|
19
|
+
/**
|
|
20
|
+
* @since 0.3.16-canary.0
|
|
21
|
+
*/
|
|
10
22
|
declare function KbdGroup({
|
|
11
23
|
className,
|
|
12
24
|
...props
|
package/dist/components/kbd.mjs
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.mjs";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
//#region src/components/kbd.tsx
|
|
4
|
+
/**
|
|
5
|
+
* @since 0.3.16-canary.0
|
|
6
|
+
*/
|
|
4
7
|
function Kbd({ className, ...props }) {
|
|
5
8
|
return /* @__PURE__ */ jsx("kbd", {
|
|
6
9
|
className: cn("inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 px-1", "rounded-md", "bg-muted font-sans text-xs font-medium text-muted-foreground", "pointer-events-none select-none", "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background", "dark:in-data-[slot=tooltip-content]:bg-background/10", "[&_svg:not([class*='size-'])]:size-3", className),
|
|
@@ -8,6 +11,9 @@ function Kbd({ className, ...props }) {
|
|
|
8
11
|
...props
|
|
9
12
|
});
|
|
10
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* @since 0.3.16-canary.0
|
|
16
|
+
*/
|
|
11
17
|
function KbdGroup({ className, ...props }) {
|
|
12
18
|
return /* @__PURE__ */ jsx("kbd", {
|
|
13
19
|
className: cn("inline-flex items-center gap-1", className),
|
|
@@ -2,7 +2,13 @@ import { ComponentProps, JSX } from "react";
|
|
|
2
2
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
3
3
|
|
|
4
4
|
//#region src/components/label.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
type LabelProps = ComponentProps<typeof LabelPrimitive.Root>;
|
|
9
|
+
/**
|
|
10
|
+
* @since 0.3.16-canary.0
|
|
11
|
+
*/
|
|
6
12
|
declare function Label({
|
|
7
13
|
className,
|
|
8
14
|
...props
|
|
@@ -3,6 +3,9 @@ import { cn } from "../lib/utils.mjs";
|
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
5
5
|
//#region src/components/label.tsx
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
function Label({ className, ...props }) {
|
|
7
10
|
return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
|
|
8
11
|
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),
|
|
@@ -2,47 +2,101 @@ import { ComponentProps, JSX } from "react";
|
|
|
2
2
|
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
3
3
|
|
|
4
4
|
//#region src/components/menubar.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
type MenubarProps = ComponentProps<typeof MenubarPrimitive.Root>;
|
|
9
|
+
/**
|
|
10
|
+
* @since 0.3.16-canary.0
|
|
11
|
+
*/
|
|
6
12
|
declare function Menubar({
|
|
7
13
|
className,
|
|
8
14
|
...props
|
|
9
15
|
}: MenubarProps): JSX.Element;
|
|
16
|
+
/**
|
|
17
|
+
* @since 0.3.16-canary.0
|
|
18
|
+
*/
|
|
10
19
|
type MenubarMenuProps = ComponentProps<typeof MenubarPrimitive.Menu>;
|
|
20
|
+
/**
|
|
21
|
+
* @since 0.3.16-canary.0
|
|
22
|
+
*/
|
|
11
23
|
declare function MenubarMenu({
|
|
12
24
|
...props
|
|
13
25
|
}: MenubarMenuProps): JSX.Element;
|
|
26
|
+
/**
|
|
27
|
+
* @since 0.3.16-canary.0
|
|
28
|
+
*/
|
|
14
29
|
type MenubarGroupProps = ComponentProps<typeof MenubarPrimitive.Group>;
|
|
30
|
+
/**
|
|
31
|
+
* @since 0.3.16-canary.0
|
|
32
|
+
*/
|
|
15
33
|
declare function MenubarGroup({
|
|
16
34
|
...props
|
|
17
35
|
}: MenubarGroupProps): JSX.Element;
|
|
36
|
+
/**
|
|
37
|
+
* @since 0.3.16-canary.0
|
|
38
|
+
*/
|
|
18
39
|
type MenubarSubProps = ComponentProps<typeof MenubarPrimitive.Sub>;
|
|
40
|
+
/**
|
|
41
|
+
* @since 0.3.16-canary.0
|
|
42
|
+
*/
|
|
19
43
|
declare function MenubarSub({
|
|
20
44
|
...props
|
|
21
45
|
}: MenubarSubProps): JSX.Element;
|
|
46
|
+
/**
|
|
47
|
+
* @since 0.3.16-canary.0
|
|
48
|
+
*/
|
|
22
49
|
type MenubarRadioGroupProps = ComponentProps<typeof MenubarPrimitive.RadioGroup>;
|
|
50
|
+
/**
|
|
51
|
+
* @since 0.3.16-canary.0
|
|
52
|
+
*/
|
|
23
53
|
declare function MenubarRadioGroup({
|
|
24
54
|
...props
|
|
25
55
|
}: MenubarRadioGroupProps): JSX.Element;
|
|
56
|
+
/**
|
|
57
|
+
* @since 0.3.16-canary.0
|
|
58
|
+
*/
|
|
26
59
|
type MenubarTriggerProps = ComponentProps<typeof MenubarPrimitive.Trigger>;
|
|
60
|
+
/**
|
|
61
|
+
* @since 0.3.16-canary.0
|
|
62
|
+
*/
|
|
27
63
|
declare function MenubarTrigger({
|
|
28
64
|
className,
|
|
29
65
|
...props
|
|
30
66
|
}: MenubarTriggerProps): JSX.Element;
|
|
67
|
+
/**
|
|
68
|
+
* @since 0.3.16-canary.0
|
|
69
|
+
*/
|
|
31
70
|
interface MenubarSubTriggerProps extends ComponentProps<typeof MenubarPrimitive.SubTrigger> {
|
|
32
71
|
inset?: boolean;
|
|
33
72
|
}
|
|
73
|
+
/**
|
|
74
|
+
* @since 0.3.16-canary.0
|
|
75
|
+
*/
|
|
34
76
|
declare function MenubarSubTrigger({
|
|
35
77
|
children,
|
|
36
78
|
className,
|
|
37
79
|
inset,
|
|
38
80
|
...props
|
|
39
81
|
}: MenubarSubTriggerProps): JSX.Element;
|
|
82
|
+
/**
|
|
83
|
+
* @since 0.3.16-canary.0
|
|
84
|
+
*/
|
|
40
85
|
type MenubarSubContentProps = ComponentProps<typeof MenubarPrimitive.SubContent>;
|
|
86
|
+
/**
|
|
87
|
+
* @since 0.3.16-canary.0
|
|
88
|
+
*/
|
|
41
89
|
declare function MenubarSubContent({
|
|
42
90
|
className,
|
|
43
91
|
...props
|
|
44
92
|
}: MenubarSubContentProps): JSX.Element;
|
|
93
|
+
/**
|
|
94
|
+
* @since 0.3.16-canary.0
|
|
95
|
+
*/
|
|
45
96
|
type MenubarContentProps = ComponentProps<typeof MenubarPrimitive.Content>;
|
|
97
|
+
/**
|
|
98
|
+
* @since 0.3.16-canary.0
|
|
99
|
+
*/
|
|
46
100
|
declare function MenubarContent({
|
|
47
101
|
align,
|
|
48
102
|
alignOffset,
|
|
@@ -50,48 +104,90 @@ declare function MenubarContent({
|
|
|
50
104
|
sideOffset,
|
|
51
105
|
...props
|
|
52
106
|
}: MenubarContentProps): JSX.Element;
|
|
107
|
+
/**
|
|
108
|
+
* @since 0.3.16-canary.0
|
|
109
|
+
*/
|
|
53
110
|
interface MenubarItemProps extends ComponentProps<typeof MenubarPrimitive.Item> {
|
|
54
111
|
inset?: boolean;
|
|
55
112
|
variant?: "default" | "destructive";
|
|
56
113
|
}
|
|
114
|
+
/**
|
|
115
|
+
* @since 0.3.16-canary.0
|
|
116
|
+
*/
|
|
57
117
|
declare function MenubarItem({
|
|
58
118
|
className,
|
|
59
119
|
inset,
|
|
60
120
|
variant,
|
|
61
121
|
...props
|
|
62
122
|
}: MenubarItemProps): JSX.Element;
|
|
123
|
+
/**
|
|
124
|
+
* @since 0.3.16-canary.0
|
|
125
|
+
*/
|
|
63
126
|
type MenubarCheckboxItemProps = ComponentProps<typeof MenubarPrimitive.CheckboxItem>;
|
|
127
|
+
/**
|
|
128
|
+
* @since 0.3.16-canary.0
|
|
129
|
+
*/
|
|
64
130
|
declare function MenubarCheckboxItem({
|
|
65
131
|
checked,
|
|
66
132
|
children,
|
|
67
133
|
className,
|
|
68
134
|
...props
|
|
69
135
|
}: MenubarCheckboxItemProps): JSX.Element;
|
|
136
|
+
/**
|
|
137
|
+
* @since 0.3.16-canary.0
|
|
138
|
+
*/
|
|
70
139
|
type MenubarRadioItemProps = ComponentProps<typeof MenubarPrimitive.RadioItem>;
|
|
140
|
+
/**
|
|
141
|
+
* @since 0.3.16-canary.0
|
|
142
|
+
*/
|
|
71
143
|
declare function MenubarRadioItem({
|
|
72
144
|
children,
|
|
73
145
|
className,
|
|
74
146
|
...props
|
|
75
147
|
}: MenubarRadioItemProps): JSX.Element;
|
|
148
|
+
/**
|
|
149
|
+
* @since 0.3.16-canary.0
|
|
150
|
+
*/
|
|
76
151
|
interface MenubarLabelProps extends ComponentProps<typeof MenubarPrimitive.Label> {
|
|
77
152
|
inset?: boolean;
|
|
78
153
|
}
|
|
154
|
+
/**
|
|
155
|
+
* @since 0.3.16-canary.0
|
|
156
|
+
*/
|
|
79
157
|
declare function MenubarLabel({
|
|
80
158
|
className,
|
|
81
159
|
inset,
|
|
82
160
|
...props
|
|
83
161
|
}: MenubarLabelProps): JSX.Element;
|
|
162
|
+
/**
|
|
163
|
+
* @since 0.3.16-canary.0
|
|
164
|
+
*/
|
|
84
165
|
type MenubarSeparatorProps = ComponentProps<typeof MenubarPrimitive.Separator>;
|
|
166
|
+
/**
|
|
167
|
+
* @since 0.3.16-canary.0
|
|
168
|
+
*/
|
|
85
169
|
declare function MenubarSeparator({
|
|
86
170
|
className,
|
|
87
171
|
...props
|
|
88
172
|
}: MenubarSeparatorProps): JSX.Element;
|
|
173
|
+
/**
|
|
174
|
+
* @since 0.3.16-canary.0
|
|
175
|
+
*/
|
|
89
176
|
type MenubarShortcutProps = ComponentProps<"span">;
|
|
177
|
+
/**
|
|
178
|
+
* @since 0.3.16-canary.0
|
|
179
|
+
*/
|
|
90
180
|
declare function MenubarShortcut({
|
|
91
181
|
className,
|
|
92
182
|
...props
|
|
93
183
|
}: MenubarShortcutProps): JSX.Element;
|
|
184
|
+
/**
|
|
185
|
+
* @since 0.3.16-canary.0
|
|
186
|
+
*/
|
|
94
187
|
type MenubarArrowProps = ComponentProps<typeof MenubarPrimitive.Arrow>;
|
|
188
|
+
/**
|
|
189
|
+
* @since 0.3.16-canary.0
|
|
190
|
+
*/
|
|
95
191
|
declare function MenubarArrow({
|
|
96
192
|
className,
|
|
97
193
|
...props
|
|
@@ -4,6 +4,9 @@ import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
|
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
6
6
|
//#region src/components/menubar.tsx
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
function Menubar({ className, ...props }) {
|
|
8
11
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Root, {
|
|
9
12
|
className: cn("flex items-center space-x-1", "p-1", "rounded-lg border", "bg-background", className),
|
|
@@ -11,30 +14,45 @@ function Menubar({ className, ...props }) {
|
|
|
11
14
|
...props
|
|
12
15
|
});
|
|
13
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
14
20
|
function MenubarMenu({ ...props }) {
|
|
15
21
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, {
|
|
16
22
|
"data-slot": "menubar-menu",
|
|
17
23
|
...props
|
|
18
24
|
});
|
|
19
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* @since 0.3.16-canary.0
|
|
28
|
+
*/
|
|
20
29
|
function MenubarGroup({ ...props }) {
|
|
21
30
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Group, {
|
|
22
31
|
"data-slot": "menubar-group",
|
|
23
32
|
...props
|
|
24
33
|
});
|
|
25
34
|
}
|
|
35
|
+
/**
|
|
36
|
+
* @since 0.3.16-canary.0
|
|
37
|
+
*/
|
|
26
38
|
function MenubarSub({ ...props }) {
|
|
27
39
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, {
|
|
28
40
|
"data-slot": "menubar-sub",
|
|
29
41
|
...props
|
|
30
42
|
});
|
|
31
43
|
}
|
|
44
|
+
/**
|
|
45
|
+
* @since 0.3.16-canary.0
|
|
46
|
+
*/
|
|
32
47
|
function MenubarRadioGroup({ ...props }) {
|
|
33
48
|
return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, {
|
|
34
49
|
"data-slot": "menubar-radio-group",
|
|
35
50
|
...props
|
|
36
51
|
});
|
|
37
52
|
}
|
|
53
|
+
/**
|
|
54
|
+
* @since 0.3.16-canary.0
|
|
55
|
+
*/
|
|
38
56
|
function MenubarTrigger({ className, ...props }) {
|
|
39
57
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, {
|
|
40
58
|
className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm font-medium", "select-none", "focus:bg-accent focus:text-accent-foreground", "data-open:bg-accent data-open:text-accent-foreground", className),
|
|
@@ -42,6 +60,9 @@ function MenubarTrigger({ className, ...props }) {
|
|
|
42
60
|
...props
|
|
43
61
|
});
|
|
44
62
|
}
|
|
63
|
+
/**
|
|
64
|
+
* @since 0.3.16-canary.0
|
|
65
|
+
*/
|
|
45
66
|
function MenubarSubTrigger({ children, className, inset, ...props }) {
|
|
46
67
|
return /* @__PURE__ */ jsxs(MenubarPrimitive.SubTrigger, {
|
|
47
68
|
className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "data-inset:pl-8", "data-open:bg-accent data-open:text-accent-foreground", className),
|
|
@@ -51,6 +72,9 @@ function MenubarSubTrigger({ children, className, inset, ...props }) {
|
|
|
51
72
|
children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("size-4", "ml-auto") })]
|
|
52
73
|
});
|
|
53
74
|
}
|
|
75
|
+
/**
|
|
76
|
+
* @since 0.3.16-canary.0
|
|
77
|
+
*/
|
|
54
78
|
function MenubarSubContent({ className, ...props }) {
|
|
55
79
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.SubContent, {
|
|
56
80
|
className: cn("z-50", "min-w-32 overflow-hidden p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-menubar-content-transform-origin)", className),
|
|
@@ -58,6 +82,9 @@ function MenubarSubContent({ className, ...props }) {
|
|
|
58
82
|
...props
|
|
59
83
|
}) });
|
|
60
84
|
}
|
|
85
|
+
/**
|
|
86
|
+
* @since 0.3.16-canary.0
|
|
87
|
+
*/
|
|
61
88
|
function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 4, ...props }) {
|
|
62
89
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.Content, {
|
|
63
90
|
align,
|
|
@@ -68,6 +95,9 @@ function MenubarContent({ align = "start", alignOffset = -4, className, sideOffs
|
|
|
68
95
|
...props
|
|
69
96
|
}) });
|
|
70
97
|
}
|
|
98
|
+
/**
|
|
99
|
+
* @since 0.3.16-canary.0
|
|
100
|
+
*/
|
|
71
101
|
function MenubarItem({ className, inset, variant, ...props }) {
|
|
72
102
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Item, {
|
|
73
103
|
className: cn("group/menubar-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default 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", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),
|
|
@@ -77,6 +107,9 @@ function MenubarItem({ className, inset, variant, ...props }) {
|
|
|
77
107
|
...props
|
|
78
108
|
});
|
|
79
109
|
}
|
|
110
|
+
/**
|
|
111
|
+
* @since 0.3.16-canary.0
|
|
112
|
+
*/
|
|
80
113
|
function MenubarCheckboxItem({ checked, children, className, ...props }) {
|
|
81
114
|
return /* @__PURE__ */ jsxs(MenubarPrimitive.CheckboxItem, {
|
|
82
115
|
checked,
|
|
@@ -89,6 +122,9 @@ function MenubarCheckboxItem({ checked, children, className, ...props }) {
|
|
|
89
122
|
}), children]
|
|
90
123
|
});
|
|
91
124
|
}
|
|
125
|
+
/**
|
|
126
|
+
* @since 0.3.16-canary.0
|
|
127
|
+
*/
|
|
92
128
|
function MenubarRadioItem({ children, className, ...props }) {
|
|
93
129
|
return /* @__PURE__ */ jsxs(MenubarPrimitive.RadioItem, {
|
|
94
130
|
className: cn("group/menubar-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
@@ -100,6 +136,9 @@ function MenubarRadioItem({ children, className, ...props }) {
|
|
|
100
136
|
}), children]
|
|
101
137
|
});
|
|
102
138
|
}
|
|
139
|
+
/**
|
|
140
|
+
* @since 0.3.16-canary.0
|
|
141
|
+
*/
|
|
103
142
|
function MenubarLabel({ className, inset, ...props }) {
|
|
104
143
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Label, {
|
|
105
144
|
className: cn("flex items-center gap-x-2", "px-2 py-1.5", "text-sm font-semibold", "data-inset:pl-8", className),
|
|
@@ -108,6 +147,9 @@ function MenubarLabel({ className, inset, ...props }) {
|
|
|
108
147
|
...props
|
|
109
148
|
});
|
|
110
149
|
}
|
|
150
|
+
/**
|
|
151
|
+
* @since 0.3.16-canary.0
|
|
152
|
+
*/
|
|
111
153
|
function MenubarSeparator({ className, ...props }) {
|
|
112
154
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Separator, {
|
|
113
155
|
className: cn("mx-2 my-1 h-px", "bg-border", className),
|
|
@@ -115,6 +157,9 @@ function MenubarSeparator({ className, ...props }) {
|
|
|
115
157
|
...props
|
|
116
158
|
});
|
|
117
159
|
}
|
|
160
|
+
/**
|
|
161
|
+
* @since 0.3.16-canary.0
|
|
162
|
+
*/
|
|
118
163
|
function MenubarShortcut({ className, ...props }) {
|
|
119
164
|
return /* @__PURE__ */ jsx("span", {
|
|
120
165
|
className: cn("ml-auto", "text-xs tracking-widest text-muted-foreground", "group-data-[variant=destructive]/menubar-item:text-destructive/80", className),
|
|
@@ -122,6 +167,9 @@ function MenubarShortcut({ className, ...props }) {
|
|
|
122
167
|
...props
|
|
123
168
|
});
|
|
124
169
|
}
|
|
170
|
+
/**
|
|
171
|
+
* @since 0.3.16-canary.0
|
|
172
|
+
*/
|
|
125
173
|
function MenubarArrow({ className, ...props }) {
|
|
126
174
|
return /* @__PURE__ */ jsx(MenubarPrimitive.Arrow, {
|
|
127
175
|
className: cn("fill-popover", className),
|
|
@@ -1,16 +1,34 @@
|
|
|
1
1
|
import { ComponentProps, JSX } from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/components/native-select.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* @since 0.3.16-canary.0
|
|
6
|
+
*/
|
|
4
7
|
type NativeSelectProps = ComponentProps<"select">;
|
|
8
|
+
/**
|
|
9
|
+
* @since 0.3.16-canary.0
|
|
10
|
+
*/
|
|
5
11
|
declare function NativeSelect({
|
|
6
12
|
className,
|
|
7
13
|
...props
|
|
8
14
|
}: NativeSelectProps): JSX.Element;
|
|
15
|
+
/**
|
|
16
|
+
* @since 0.3.16-canary.0
|
|
17
|
+
*/
|
|
9
18
|
type NativeSelectOptionProps = ComponentProps<"option">;
|
|
19
|
+
/**
|
|
20
|
+
* @since 0.3.16-canary.0
|
|
21
|
+
*/
|
|
10
22
|
declare function NativeSelectOption({
|
|
11
23
|
...props
|
|
12
24
|
}: NativeSelectOptionProps): JSX.Element;
|
|
25
|
+
/**
|
|
26
|
+
* @since 0.3.16-canary.0
|
|
27
|
+
*/
|
|
13
28
|
type NativeSelectOptGroupProps = ComponentProps<"optgroup">;
|
|
29
|
+
/**
|
|
30
|
+
* @since 0.3.16-canary.0
|
|
31
|
+
*/
|
|
14
32
|
declare function NativeSelectOptGroup({
|
|
15
33
|
className,
|
|
16
34
|
...props
|
|
@@ -2,6 +2,9 @@ import { cn } from "../lib/utils.mjs";
|
|
|
2
2
|
import { ChevronDownIcon } from "lucide-react";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
//#region src/components/native-select.tsx
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
function NativeSelect({ className, ...props }) {
|
|
6
9
|
return /* @__PURE__ */ jsxs("div", {
|
|
7
10
|
className: cn("group/native-select relative", "w-fit", "has-[select:disabled]:opacity-50"),
|
|
@@ -17,12 +20,18 @@ function NativeSelect({ className, ...props }) {
|
|
|
17
20
|
})]
|
|
18
21
|
});
|
|
19
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* @since 0.3.16-canary.0
|
|
25
|
+
*/
|
|
20
26
|
function NativeSelectOption({ ...props }) {
|
|
21
27
|
return /* @__PURE__ */ jsx("option", {
|
|
22
28
|
"data-slot": "native-select-option",
|
|
23
29
|
...props
|
|
24
30
|
});
|
|
25
31
|
}
|
|
32
|
+
/**
|
|
33
|
+
* @since 0.3.16-canary.0
|
|
34
|
+
*/
|
|
26
35
|
function NativeSelectOptGroup({ className, ...props }) {
|
|
27
36
|
return /* @__PURE__ */ jsx("optgroup", {
|
|
28
37
|
className: cn(className),
|
|
@@ -3,39 +3,78 @@ import { ComponentProps, JSX } from "react";
|
|
|
3
3
|
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
4
4
|
|
|
5
5
|
//#region src/components/navigation-menu.d.ts
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
declare const navigationMenuTriggerVariants: _$_codefast_tailwind_variants0.VariantFunctionType<_$_codefast_tailwind_variants0.ConfigurationSchema, Record<string, never>>;
|
|
10
|
+
/**
|
|
11
|
+
* @since 0.3.16-canary.0
|
|
12
|
+
*/
|
|
7
13
|
interface NavigationMenuProps extends ComponentProps<typeof NavigationMenuPrimitive.Root> {
|
|
8
14
|
viewport?: boolean;
|
|
9
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* @since 0.3.16-canary.0
|
|
18
|
+
*/
|
|
10
19
|
declare function NavigationMenu({
|
|
11
20
|
children,
|
|
12
21
|
className,
|
|
13
22
|
viewport,
|
|
14
23
|
...props
|
|
15
24
|
}: NavigationMenuProps): JSX.Element;
|
|
25
|
+
/**
|
|
26
|
+
* @since 0.3.16-canary.0
|
|
27
|
+
*/
|
|
16
28
|
type NavigationMenuListProps = ComponentProps<typeof NavigationMenuPrimitive.List>;
|
|
29
|
+
/**
|
|
30
|
+
* @since 0.3.16-canary.0
|
|
31
|
+
*/
|
|
17
32
|
declare function NavigationMenuList({
|
|
18
33
|
children,
|
|
19
34
|
className,
|
|
20
35
|
...props
|
|
21
36
|
}: NavigationMenuListProps): JSX.Element;
|
|
37
|
+
/**
|
|
38
|
+
* @since 0.3.16-canary.0
|
|
39
|
+
*/
|
|
22
40
|
type NavigationMenuItemProps = ComponentProps<typeof NavigationMenuPrimitive.Item>;
|
|
41
|
+
/**
|
|
42
|
+
* @since 0.3.16-canary.0
|
|
43
|
+
*/
|
|
23
44
|
declare function NavigationMenuItem({
|
|
24
45
|
className,
|
|
25
46
|
...props
|
|
26
47
|
}: NavigationMenuItemProps): JSX.Element;
|
|
48
|
+
/**
|
|
49
|
+
* @since 0.3.16-canary.0
|
|
50
|
+
*/
|
|
27
51
|
type NavigationMenuTriggerProps = ComponentProps<typeof NavigationMenuPrimitive.Trigger>;
|
|
52
|
+
/**
|
|
53
|
+
* @since 0.3.16-canary.0
|
|
54
|
+
*/
|
|
28
55
|
declare function NavigationMenuTrigger({
|
|
29
56
|
children,
|
|
30
57
|
className,
|
|
31
58
|
...props
|
|
32
59
|
}: NavigationMenuTriggerProps): JSX.Element;
|
|
60
|
+
/**
|
|
61
|
+
* @since 0.3.16-canary.0
|
|
62
|
+
*/
|
|
33
63
|
type NavigationMenuContentProps = ComponentProps<typeof NavigationMenuPrimitive.Content>;
|
|
64
|
+
/**
|
|
65
|
+
* @since 0.3.16-canary.0
|
|
66
|
+
*/
|
|
34
67
|
declare function NavigationMenuContent({
|
|
35
68
|
className,
|
|
36
69
|
...props
|
|
37
70
|
}: NavigationMenuContentProps): JSX.Element;
|
|
71
|
+
/**
|
|
72
|
+
* @since 0.3.16-canary.0
|
|
73
|
+
*/
|
|
38
74
|
type NavigationMenuLinkProps = ComponentProps<typeof NavigationMenuPrimitive.Link>;
|
|
75
|
+
/**
|
|
76
|
+
* @since 0.3.16-canary.0
|
|
77
|
+
*/
|
|
39
78
|
declare function NavigationMenuLink({
|
|
40
79
|
className,
|
|
41
80
|
...props
|