@zimyo/ui 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.ts +1 -0
- package/dist/components/ui/accordion.d.ts +5 -4
- package/dist/components/ui/accordion.js +21 -16
- package/dist/components/ui/alert-dialog.d.ts +12 -11
- package/dist/components/ui/alert-dialog.js +17 -16
- package/dist/components/ui/alert.d.ts +4 -3
- package/dist/components/ui/alert.js +4 -5
- package/dist/components/ui/aspect-ratio.d.ts +2 -2
- package/dist/components/ui/aspect-ratio.js +2 -2
- package/dist/components/ui/avatar.d.ts +4 -3
- package/dist/components/ui/avatar.js +4 -5
- package/dist/components/ui/badge.d.ts +3 -2
- package/dist/components/ui/badge.js +2 -3
- package/dist/components/ui/breadcrumb.d.ts +8 -7
- package/dist/components/ui/breadcrumb.js +19 -15
- package/dist/components/ui/button.d.ts +3 -2
- package/dist/components/ui/button.js +2 -3
- package/dist/components/ui/calendar.d.ts +3 -2
- package/dist/components/ui/calendar.js +13 -10
- package/dist/components/ui/card.d.ts +8 -7
- package/dist/components/ui/card.js +8 -9
- package/dist/components/ui/carousel.d.ts +6 -5
- package/dist/components/ui/carousel.js +34 -24
- package/dist/components/ui/chart.d.ts +5 -4
- package/dist/components/ui/chart.js +81 -65
- package/dist/components/ui/checkbox.d.ts +2 -1
- package/dist/components/ui/checkbox.js +11 -9
- package/dist/components/ui/collapsible.d.ts +4 -4
- package/dist/components/ui/collapsible.js +4 -4
- package/dist/components/ui/command.d.ts +10 -9
- package/dist/components/ui/command.js +34 -25
- package/dist/components/ui/context-menu.d.ts +16 -15
- package/dist/components/ui/context-menu.js +45 -32
- package/dist/components/ui/dialog.d.ts +11 -10
- package/dist/components/ui/dialog.js +26 -22
- package/dist/components/ui/drawer.d.ts +11 -10
- package/dist/components/ui/drawer.js +21 -19
- package/dist/components/ui/dropdown-menu.d.ts +16 -15
- package/dist/components/ui/dropdown-menu.js +46 -33
- package/dist/components/ui/form.d.ts +7 -6
- package/dist/components/ui/form.js +19 -15
- package/dist/components/ui/hover-card.d.ts +4 -3
- package/dist/components/ui/hover-card.js +12 -12
- package/dist/components/ui/input-otp.d.ts +5 -4
- package/dist/components/ui/input-otp.js +16 -11
- package/dist/components/ui/input.d.ts +2 -1
- package/dist/components/ui/input.js +2 -3
- package/dist/components/ui/label.d.ts +2 -1
- package/dist/components/ui/label.js +2 -3
- package/dist/components/ui/menubar.d.ts +17 -16
- package/dist/components/ui/menubar.js +49 -36
- package/dist/components/ui/navigation-menu.d.ts +9 -8
- package/dist/components/ui/navigation-menu.js +27 -21
- package/dist/components/ui/pagination.d.ts +8 -7
- package/dist/components/ui/pagination.js +28 -20
- package/dist/components/ui/popover.d.ts +5 -4
- package/dist/components/ui/popover.js +12 -11
- package/dist/components/ui/progress.d.ts +2 -1
- package/dist/components/ui/progress.js +11 -10
- package/dist/components/ui/radio-group.d.ts +3 -2
- package/dist/components/ui/radio-group.js +12 -10
- package/dist/components/ui/resizable.d.ts +4 -3
- package/dist/components/ui/resizable.js +12 -10
- package/dist/components/ui/scroll-area.d.ts +3 -2
- package/dist/components/ui/scroll-area.js +15 -11
- package/dist/components/ui/select.d.ts +11 -10
- package/dist/components/ui/select.js +50 -32
- package/dist/components/ui/separator.d.ts +2 -1
- package/dist/components/ui/separator.js +2 -3
- package/dist/components/ui/sheet.d.ts +9 -8
- package/dist/components/ui/sheet.js +26 -21
- package/dist/components/ui/sidebar.d.ts +24 -23
- package/dist/components/ui/sidebar.js +112 -85
- package/dist/components/ui/skeleton.d.ts +2 -2
- package/dist/components/ui/skeleton.js +2 -2
- package/dist/components/ui/slider.d.ts +2 -1
- package/dist/components/ui/slider.js +17 -15
- package/dist/components/ui/sonner.d.ts +2 -2
- package/dist/components/ui/sonner.js +2 -2
- package/dist/components/ui/switch.d.ts +2 -1
- package/dist/components/ui/switch.js +7 -6
- package/dist/components/ui/table.d.ts +9 -8
- package/dist/components/ui/table.js +15 -15
- package/dist/components/ui/tabs.d.ts +5 -4
- package/dist/components/ui/tabs.js +5 -6
- package/dist/components/ui/textarea.d.ts +2 -1
- package/dist/components/ui/textarea.js +2 -3
- package/dist/components/ui/toggle-group.d.ts +3 -2
- package/dist/components/ui/toggle-group.js +15 -10
- package/dist/components/ui/toggle.d.ts +2 -1
- package/dist/components/ui/toggle.js +2 -3
- package/dist/components/ui/tooltip.d.ts +5 -4
- package/dist/components/ui/tooltip.js +19 -14
- package/dist/index.d.ts +3 -1
- package/dist/index.js +1 -0
- package/dist/providers/ThemeProvider.d.ts +12 -0
- package/dist/providers/ThemeProvider.js +27 -0
- package/dist/providers/index.d.ts +3 -0
- package/dist/styles.css +1 -1
- package/package.json +9 -3
- package/dist/_virtual/_rollupPluginBabelHelpers.js +0 -11
|
@@ -44,6 +44,7 @@ export { Textarea } from './ui/textarea.js';
|
|
|
44
44
|
export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.js';
|
|
45
45
|
export { Toggle, toggleVariants } from './ui/toggle.js';
|
|
46
46
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.js';
|
|
47
|
+
import 'react/jsx-runtime';
|
|
47
48
|
import 'class-variance-authority/dist/types';
|
|
48
49
|
import 'class-variance-authority';
|
|
49
50
|
import 'react';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import { Accordion as Accordion$1 } from 'radix-ui';
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
|
|
4
|
-
declare function Accordion({ ...props }: React.ComponentProps<typeof Accordion$1.Root>):
|
|
5
|
-
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof Accordion$1.Item>):
|
|
6
|
-
declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Trigger>):
|
|
7
|
-
declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Content>):
|
|
5
|
+
declare function Accordion({ ...props }: React.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime.JSX.Element;
|
|
6
|
+
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime.JSX.Element;
|
|
7
|
+
declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
8
|
+
declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
|
|
8
9
|
|
|
9
10
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import { __rest } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { ChevronDownIcon } from 'lucide-react';
|
|
4
4
|
import { Accordion as Accordion$1 } from 'radix-ui';
|
|
5
|
-
import * as React from 'react';
|
|
6
5
|
import { cn } from '../../lib/utils.js';
|
|
7
6
|
|
|
8
7
|
function Accordion(_a) {
|
|
9
8
|
var props = __rest(_a, []);
|
|
10
|
-
return
|
|
9
|
+
return jsx(Accordion$1.Root, Object.assign({
|
|
11
10
|
"data-slot": "accordion"
|
|
12
11
|
}, props));
|
|
13
12
|
}
|
|
@@ -16,7 +15,7 @@ function AccordionItem(_a) {
|
|
|
16
15
|
className
|
|
17
16
|
} = _a,
|
|
18
17
|
props = __rest(_a, ["className"]);
|
|
19
|
-
return
|
|
18
|
+
return jsx(Accordion$1.Item, Object.assign({
|
|
20
19
|
"data-slot": "accordion-item",
|
|
21
20
|
className: cn("border-b last:border-b-0", className)
|
|
22
21
|
}, props));
|
|
@@ -27,14 +26,17 @@ function AccordionTrigger(_a) {
|
|
|
27
26
|
children
|
|
28
27
|
} = _a,
|
|
29
28
|
props = __rest(_a, ["className", "children"]);
|
|
30
|
-
return
|
|
31
|
-
className: "flex"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
29
|
+
return jsx(Accordion$1.Header, {
|
|
30
|
+
className: "flex",
|
|
31
|
+
children: jsxs(Accordion$1.Trigger, Object.assign({
|
|
32
|
+
"data-slot": "accordion-trigger",
|
|
33
|
+
className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className)
|
|
34
|
+
}, props, {
|
|
35
|
+
children: [children, jsx(ChevronDownIcon, {
|
|
36
|
+
className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
|
|
37
|
+
})]
|
|
38
|
+
}))
|
|
39
|
+
});
|
|
38
40
|
}
|
|
39
41
|
function AccordionContent(_a) {
|
|
40
42
|
var {
|
|
@@ -42,12 +44,15 @@ function AccordionContent(_a) {
|
|
|
42
44
|
children
|
|
43
45
|
} = _a,
|
|
44
46
|
props = __rest(_a, ["className", "children"]);
|
|
45
|
-
return
|
|
47
|
+
return jsx(Accordion$1.Content, Object.assign({
|
|
46
48
|
"data-slot": "accordion-content",
|
|
47
49
|
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
|
|
48
|
-
}, props
|
|
49
|
-
|
|
50
|
-
|
|
50
|
+
}, props, {
|
|
51
|
+
children: jsx("div", {
|
|
52
|
+
className: cn("pt-0 pb-4", className),
|
|
53
|
+
children: children
|
|
54
|
+
})
|
|
55
|
+
}));
|
|
51
56
|
}
|
|
52
57
|
|
|
53
58
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import { AlertDialog as AlertDialog$1 } from 'radix-ui';
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
|
|
4
|
-
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>):
|
|
5
|
-
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>):
|
|
6
|
-
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>):
|
|
7
|
-
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Overlay>):
|
|
8
|
-
declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Content>):
|
|
9
|
-
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">):
|
|
10
|
-
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">):
|
|
11
|
-
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>):
|
|
12
|
-
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>):
|
|
13
|
-
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Action>):
|
|
14
|
-
declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Cancel>):
|
|
5
|
+
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
|
|
6
|
+
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
7
|
+
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
8
|
+
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
12
|
+
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
|
|
13
|
+
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
|
|
14
|
+
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime.JSX.Element;
|
|
15
|
+
declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime.JSX.Element;
|
|
15
16
|
|
|
16
17
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import { __rest } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { AlertDialog as AlertDialog$1 } from 'radix-ui';
|
|
4
|
-
import * as React from 'react';
|
|
5
4
|
import { buttonVariants } from './button.js';
|
|
6
5
|
import { cn } from '../../lib/utils.js';
|
|
7
6
|
|
|
8
7
|
function AlertDialog(_a) {
|
|
9
8
|
var props = __rest(_a, []);
|
|
10
|
-
return
|
|
9
|
+
return jsx(AlertDialog$1.Root, Object.assign({
|
|
11
10
|
"data-slot": "alert-dialog"
|
|
12
11
|
}, props));
|
|
13
12
|
}
|
|
14
13
|
function AlertDialogTrigger(_a) {
|
|
15
14
|
var props = __rest(_a, []);
|
|
16
|
-
return
|
|
15
|
+
return jsx(AlertDialog$1.Trigger, Object.assign({
|
|
17
16
|
"data-slot": "alert-dialog-trigger"
|
|
18
17
|
}, props));
|
|
19
18
|
}
|
|
20
19
|
function AlertDialogPortal(_a) {
|
|
21
20
|
var props = __rest(_a, []);
|
|
22
|
-
return
|
|
21
|
+
return jsx(AlertDialog$1.Portal, Object.assign({
|
|
23
22
|
"data-slot": "alert-dialog-portal"
|
|
24
23
|
}, props));
|
|
25
24
|
}
|
|
@@ -28,7 +27,7 @@ function AlertDialogOverlay(_a) {
|
|
|
28
27
|
className
|
|
29
28
|
} = _a,
|
|
30
29
|
props = __rest(_a, ["className"]);
|
|
31
|
-
return
|
|
30
|
+
return jsx(AlertDialog$1.Overlay, Object.assign({
|
|
32
31
|
"data-slot": "alert-dialog-overlay",
|
|
33
32
|
className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className)
|
|
34
33
|
}, props));
|
|
@@ -38,17 +37,19 @@ function AlertDialogContent(_a) {
|
|
|
38
37
|
className
|
|
39
38
|
} = _a,
|
|
40
39
|
props = __rest(_a, ["className"]);
|
|
41
|
-
return
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
return jsxs(AlertDialogPortal, {
|
|
41
|
+
children: [jsx(AlertDialogOverlay, {}), jsx(AlertDialog$1.Content, Object.assign({
|
|
42
|
+
"data-slot": "alert-dialog-content",
|
|
43
|
+
className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className)
|
|
44
|
+
}, props))]
|
|
45
|
+
});
|
|
45
46
|
}
|
|
46
47
|
function AlertDialogHeader(_a) {
|
|
47
48
|
var {
|
|
48
49
|
className
|
|
49
50
|
} = _a,
|
|
50
51
|
props = __rest(_a, ["className"]);
|
|
51
|
-
return
|
|
52
|
+
return jsx("div", Object.assign({
|
|
52
53
|
"data-slot": "alert-dialog-header",
|
|
53
54
|
className: cn("flex flex-col gap-2 text-center sm:text-left", className)
|
|
54
55
|
}, props));
|
|
@@ -58,7 +59,7 @@ function AlertDialogFooter(_a) {
|
|
|
58
59
|
className
|
|
59
60
|
} = _a,
|
|
60
61
|
props = __rest(_a, ["className"]);
|
|
61
|
-
return
|
|
62
|
+
return jsx("div", Object.assign({
|
|
62
63
|
"data-slot": "alert-dialog-footer",
|
|
63
64
|
className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)
|
|
64
65
|
}, props));
|
|
@@ -68,7 +69,7 @@ function AlertDialogTitle(_a) {
|
|
|
68
69
|
className
|
|
69
70
|
} = _a,
|
|
70
71
|
props = __rest(_a, ["className"]);
|
|
71
|
-
return
|
|
72
|
+
return jsx(AlertDialog$1.Title, Object.assign({
|
|
72
73
|
"data-slot": "alert-dialog-title",
|
|
73
74
|
className: cn("text-lg font-semibold", className)
|
|
74
75
|
}, props));
|
|
@@ -78,7 +79,7 @@ function AlertDialogDescription(_a) {
|
|
|
78
79
|
className
|
|
79
80
|
} = _a,
|
|
80
81
|
props = __rest(_a, ["className"]);
|
|
81
|
-
return
|
|
82
|
+
return jsx(AlertDialog$1.Description, Object.assign({
|
|
82
83
|
"data-slot": "alert-dialog-description",
|
|
83
84
|
className: cn("text-muted-foreground text-sm", className)
|
|
84
85
|
}, props));
|
|
@@ -88,7 +89,7 @@ function AlertDialogAction(_a) {
|
|
|
88
89
|
className
|
|
89
90
|
} = _a,
|
|
90
91
|
props = __rest(_a, ["className"]);
|
|
91
|
-
return
|
|
92
|
+
return jsx(AlertDialog$1.Action, Object.assign({
|
|
92
93
|
className: cn(buttonVariants(), className)
|
|
93
94
|
}, props));
|
|
94
95
|
}
|
|
@@ -97,7 +98,7 @@ function AlertDialogCancel(_a) {
|
|
|
97
98
|
className
|
|
98
99
|
} = _a,
|
|
99
100
|
props = __rest(_a, ["className"]);
|
|
100
|
-
return
|
|
101
|
+
return jsx(AlertDialog$1.Cancel, Object.assign({
|
|
101
102
|
className: cn(buttonVariants({
|
|
102
103
|
variant: "outline"
|
|
103
104
|
}), className)
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
2
3
|
import { VariantProps } from 'class-variance-authority';
|
|
3
4
|
import * as React from 'react';
|
|
@@ -5,8 +6,8 @@ import * as React from 'react';
|
|
|
5
6
|
declare const alertVariants: (props?: ({
|
|
6
7
|
variant?: "default" | "destructive" | null | undefined;
|
|
7
8
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
8
|
-
declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>):
|
|
9
|
-
declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">):
|
|
10
|
-
declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">):
|
|
9
|
+
declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
11
12
|
|
|
12
13
|
export { Alert, AlertDescription, AlertTitle };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import { __rest } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
|
|
4
|
-
import * as React from 'react';
|
|
5
4
|
import { cn } from '../../lib/utils.js';
|
|
6
5
|
|
|
7
6
|
const alertVariants = cva("relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
|
|
@@ -21,7 +20,7 @@ function Alert(_a) {
|
|
|
21
20
|
variant
|
|
22
21
|
} = _a,
|
|
23
22
|
props = __rest(_a, ["className", "variant"]);
|
|
24
|
-
return
|
|
23
|
+
return jsx("div", Object.assign({
|
|
25
24
|
"data-slot": "alert",
|
|
26
25
|
role: "alert",
|
|
27
26
|
className: cn(alertVariants({
|
|
@@ -34,7 +33,7 @@ function AlertTitle(_a) {
|
|
|
34
33
|
className
|
|
35
34
|
} = _a,
|
|
36
35
|
props = __rest(_a, ["className"]);
|
|
37
|
-
return
|
|
36
|
+
return jsx("div", Object.assign({
|
|
38
37
|
"data-slot": "alert-title",
|
|
39
38
|
className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className)
|
|
40
39
|
}, props));
|
|
@@ -44,7 +43,7 @@ function AlertDescription(_a) {
|
|
|
44
43
|
className
|
|
45
44
|
} = _a,
|
|
46
45
|
props = __rest(_a, ["className"]);
|
|
47
|
-
return
|
|
46
|
+
return jsx("div", Object.assign({
|
|
48
47
|
"data-slot": "alert-description",
|
|
49
48
|
className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className)
|
|
50
49
|
}, props));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { AspectRatio as AspectRatio$1 } from 'radix-ui';
|
|
3
3
|
|
|
4
|
-
declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>):
|
|
4
|
+
declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
|
|
5
5
|
|
|
6
6
|
export { AspectRatio };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import { __rest } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { AspectRatio as AspectRatio$1 } from 'radix-ui';
|
|
4
4
|
|
|
5
5
|
function AspectRatio(_a) {
|
|
6
6
|
var props = __rest(_a, []);
|
|
7
|
-
return
|
|
7
|
+
return jsx(AspectRatio$1.Root, Object.assign({
|
|
8
8
|
"data-slot": "aspect-ratio"
|
|
9
9
|
}, props));
|
|
10
10
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import { Avatar as Avatar$1 } from 'radix-ui';
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
|
|
4
|
-
declare function Avatar({ className, ...props }: React.ComponentProps<typeof Avatar$1.Root>):
|
|
5
|
-
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>):
|
|
6
|
-
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof Avatar$1.Fallback>):
|
|
5
|
+
declare function Avatar({ className, ...props }: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime.JSX.Element;
|
|
6
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
|
|
7
|
+
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime.JSX.Element;
|
|
7
8
|
|
|
8
9
|
export { Avatar, AvatarFallback, AvatarImage };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import { __rest } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Avatar as Avatar$1 } from 'radix-ui';
|
|
4
|
-
import * as React from 'react';
|
|
5
4
|
import { cn } from '../../lib/utils.js';
|
|
6
5
|
|
|
7
6
|
function Avatar(_a) {
|
|
@@ -9,7 +8,7 @@ function Avatar(_a) {
|
|
|
9
8
|
className
|
|
10
9
|
} = _a,
|
|
11
10
|
props = __rest(_a, ["className"]);
|
|
12
|
-
return
|
|
11
|
+
return jsx(Avatar$1.Root, Object.assign({
|
|
13
12
|
"data-slot": "avatar",
|
|
14
13
|
className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className)
|
|
15
14
|
}, props));
|
|
@@ -19,7 +18,7 @@ function AvatarImage(_a) {
|
|
|
19
18
|
className
|
|
20
19
|
} = _a,
|
|
21
20
|
props = __rest(_a, ["className"]);
|
|
22
|
-
return
|
|
21
|
+
return jsx(Avatar$1.Image, Object.assign({
|
|
23
22
|
"data-slot": "avatar-image",
|
|
24
23
|
className: cn("aspect-square size-full", className)
|
|
25
24
|
}, props));
|
|
@@ -29,7 +28,7 @@ function AvatarFallback(_a) {
|
|
|
29
28
|
className
|
|
30
29
|
} = _a,
|
|
31
30
|
props = __rest(_a, ["className"]);
|
|
32
|
-
return
|
|
31
|
+
return jsx(Avatar$1.Fallback, Object.assign({
|
|
33
32
|
"data-slot": "avatar-fallback",
|
|
34
33
|
className: cn("bg-muted flex size-full items-center justify-center rounded-full", className)
|
|
35
34
|
}, props));
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
2
3
|
import { VariantProps } from 'class-variance-authority';
|
|
3
4
|
import * as React from 'react';
|
|
4
5
|
|
|
5
6
|
declare const badgeVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "
|
|
7
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
7
8
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
8
9
|
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
9
10
|
asChild?: boolean;
|
|
10
|
-
}):
|
|
11
|
+
}): react_jsx_runtime.JSX.Element;
|
|
11
12
|
|
|
12
13
|
export { Badge, badgeVariants };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import { __rest } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
|
|
4
4
|
import { Slot } from 'radix-ui';
|
|
5
|
-
import * as React from 'react';
|
|
6
5
|
import { cn } from '../../lib/utils.js';
|
|
7
6
|
|
|
8
7
|
const badgeVariants = cva("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3", {
|
|
@@ -26,7 +25,7 @@ function Badge(_a) {
|
|
|
26
25
|
} = _a,
|
|
27
26
|
props = __rest(_a, ["className", "variant", "asChild"]);
|
|
28
27
|
const Comp = asChild ? Slot.Slot : "span";
|
|
29
|
-
return
|
|
28
|
+
return jsx(Comp, Object.assign({
|
|
30
29
|
"data-slot": "badge",
|
|
31
30
|
className: cn(badgeVariants({
|
|
32
31
|
variant
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
|
|
3
|
-
declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">):
|
|
4
|
-
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">):
|
|
5
|
-
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">):
|
|
4
|
+
declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
5
|
+
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
|
|
6
|
+
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
6
7
|
declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
|
|
7
8
|
asChild?: boolean;
|
|
8
|
-
}):
|
|
9
|
-
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">):
|
|
10
|
-
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">):
|
|
11
|
-
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">):
|
|
9
|
+
}): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
12
|
+
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
12
13
|
|
|
13
14
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import { __rest } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { MoreHorizontal, ChevronRight } from 'lucide-react';
|
|
4
4
|
import { Slot } from 'radix-ui';
|
|
5
|
-
import * as React from 'react';
|
|
6
5
|
import { cn } from '../../lib/utils.js';
|
|
7
6
|
|
|
8
7
|
function Breadcrumb(_a) {
|
|
9
8
|
var props = __rest(_a, []);
|
|
10
|
-
return
|
|
9
|
+
return jsx("nav", Object.assign({
|
|
11
10
|
"aria-label": "breadcrumb",
|
|
12
11
|
"data-slot": "breadcrumb"
|
|
13
12
|
}, props));
|
|
@@ -17,7 +16,7 @@ function BreadcrumbList(_a) {
|
|
|
17
16
|
className
|
|
18
17
|
} = _a,
|
|
19
18
|
props = __rest(_a, ["className"]);
|
|
20
|
-
return
|
|
19
|
+
return jsx("ol", Object.assign({
|
|
21
20
|
"data-slot": "breadcrumb-list",
|
|
22
21
|
className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className)
|
|
23
22
|
}, props));
|
|
@@ -27,7 +26,7 @@ function BreadcrumbItem(_a) {
|
|
|
27
26
|
className
|
|
28
27
|
} = _a,
|
|
29
28
|
props = __rest(_a, ["className"]);
|
|
30
|
-
return
|
|
29
|
+
return jsx("li", Object.assign({
|
|
31
30
|
"data-slot": "breadcrumb-item",
|
|
32
31
|
className: cn("inline-flex items-center gap-1.5", className)
|
|
33
32
|
}, props));
|
|
@@ -39,7 +38,7 @@ function BreadcrumbLink(_a) {
|
|
|
39
38
|
} = _a,
|
|
40
39
|
props = __rest(_a, ["asChild", "className"]);
|
|
41
40
|
const Comp = asChild ? Slot.Slot : "a";
|
|
42
|
-
return
|
|
41
|
+
return jsx(Comp, Object.assign({
|
|
43
42
|
"data-slot": "breadcrumb-link",
|
|
44
43
|
className: cn("hover:text-foreground transition-colors", className)
|
|
45
44
|
}, props));
|
|
@@ -49,7 +48,7 @@ function BreadcrumbPage(_a) {
|
|
|
49
48
|
className
|
|
50
49
|
} = _a,
|
|
51
50
|
props = __rest(_a, ["className"]);
|
|
52
|
-
return
|
|
51
|
+
return jsx("span", Object.assign({
|
|
53
52
|
"data-slot": "breadcrumb-page",
|
|
54
53
|
role: "link",
|
|
55
54
|
"aria-disabled": "true",
|
|
@@ -63,28 +62,33 @@ function BreadcrumbSeparator(_a) {
|
|
|
63
62
|
className
|
|
64
63
|
} = _a,
|
|
65
64
|
props = __rest(_a, ["children", "className"]);
|
|
66
|
-
return
|
|
65
|
+
return jsx("li", Object.assign({
|
|
67
66
|
"data-slot": "breadcrumb-separator",
|
|
68
67
|
role: "presentation",
|
|
69
68
|
"aria-hidden": "true",
|
|
70
69
|
className: cn("[&>svg]:size-3.5", className)
|
|
71
|
-
}, props
|
|
70
|
+
}, props, {
|
|
71
|
+
children: children !== null && children !== void 0 ? children : jsx(ChevronRight, {})
|
|
72
|
+
}));
|
|
72
73
|
}
|
|
73
74
|
function BreadcrumbEllipsis(_a) {
|
|
74
75
|
var {
|
|
75
76
|
className
|
|
76
77
|
} = _a,
|
|
77
78
|
props = __rest(_a, ["className"]);
|
|
78
|
-
return
|
|
79
|
+
return jsxs("span", Object.assign({
|
|
79
80
|
"data-slot": "breadcrumb-ellipsis",
|
|
80
81
|
role: "presentation",
|
|
81
82
|
"aria-hidden": "true",
|
|
82
83
|
className: cn("flex size-9 items-center justify-center", className)
|
|
83
|
-
}, props
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
84
|
+
}, props, {
|
|
85
|
+
children: [jsx(MoreHorizontal, {
|
|
86
|
+
className: "size-4"
|
|
87
|
+
}), jsx("span", {
|
|
88
|
+
className: "sr-only",
|
|
89
|
+
children: "More"
|
|
90
|
+
})]
|
|
91
|
+
}));
|
|
88
92
|
}
|
|
89
93
|
|
|
90
94
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
2
3
|
import { VariantProps } from 'class-variance-authority';
|
|
3
4
|
import * as React from 'react';
|
|
4
5
|
|
|
5
6
|
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "
|
|
7
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
7
8
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
9
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
9
10
|
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
10
11
|
asChild?: boolean;
|
|
11
|
-
}):
|
|
12
|
+
}): react_jsx_runtime.JSX.Element;
|
|
12
13
|
|
|
13
14
|
export { Button, buttonVariants };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import { __rest } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
|
|
4
4
|
import { Slot } from 'radix-ui';
|
|
5
|
-
import * as React from 'react';
|
|
6
5
|
import { cn } from '../../lib/utils.js';
|
|
7
6
|
|
|
8
7
|
const buttonVariants = cva("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
|
|
@@ -36,7 +35,7 @@ function Button(_a) {
|
|
|
36
35
|
} = _a,
|
|
37
36
|
props = __rest(_a, ["className", "variant", "size", "asChild"]);
|
|
38
37
|
const Comp = asChild ? Slot.Slot : "button";
|
|
39
|
-
return
|
|
38
|
+
return jsx(Comp, Object.assign({
|
|
40
39
|
"data-slot": "button",
|
|
41
40
|
className: cn(buttonVariants({
|
|
42
41
|
variant,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import { DayPicker, DayButton } from 'react-day-picker';
|
|
3
4
|
import { Button } from './button.js';
|
|
@@ -6,7 +7,7 @@ import 'class-variance-authority';
|
|
|
6
7
|
|
|
7
8
|
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
8
9
|
buttonVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
9
|
-
}):
|
|
10
|
-
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>):
|
|
10
|
+
}): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
|
|
11
12
|
|
|
12
13
|
export { Calendar, CalendarDayButton };
|