tokka-ui 0.1.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +9 -0
- package/dist/accordion.js +51 -0
- package/dist/alert-dialog.d.ts +23 -0
- package/dist/alert-dialog.js +122 -0
- package/dist/alert.d.ts +11 -0
- package/dist/alert.js +55 -0
- package/dist/aspect-ratio.d.ts +6 -0
- package/dist/aspect-ratio.js +6 -0
- package/dist/avatar.d.ts +8 -0
- package/dist/avatar.js +46 -0
- package/dist/badge.d.ts +13 -0
- package/dist/badge.js +31 -0
- package/dist/breadcrumb.d.ts +22 -0
- package/dist/breadcrumb.js +97 -0
- package/dist/button.d.ts +1 -1
- package/dist/button.js +4 -51
- package/dist/calendar.d.ts +11 -0
- package/dist/calendar.js +8 -0
- package/dist/carousel.d.ts +23 -0
- package/dist/carousel.js +200 -0
- package/dist/chart.d.ts +1 -0
- package/dist/chart.js +2 -0
- package/dist/checkbox.d.ts +6 -0
- package/dist/checkbox.js +31 -0
- package/dist/chunk-63HUTNB3.js +92 -0
- package/dist/chunk-7BHODGBN.js +25 -0
- package/dist/chunk-BOKKBA25.js +30 -0
- package/dist/chunk-DVPPDIDA.js +57 -0
- package/dist/chunk-FJGEWLIV.js +109 -0
- package/dist/chunk-HHN2GS4U.js +72 -0
- package/dist/chunk-KDTBFEE2.js +123 -0
- package/dist/chunk-PLLTYLGO.js +120 -0
- package/dist/chunk-QBAV4RWS.js +43 -0
- package/dist/collapsible.d.ts +8 -0
- package/dist/collapsible.js +10 -0
- package/dist/combobox.d.ts +6 -0
- package/dist/combobox.js +32 -0
- package/dist/command.d.ts +85 -0
- package/dist/command.js +24 -0
- package/dist/context-menu.d.ts +30 -0
- package/dist/context-menu.js +157 -0
- package/dist/data-table.d.ts +2 -0
- package/dist/data-table.js +21 -0
- package/dist/date-picker.d.ts +6 -0
- package/dist/date-picker.js +16 -0
- package/dist/dialog.d.ts +22 -0
- package/dist/dialog.js +25 -0
- package/dist/drawer.d.ts +27 -0
- package/dist/drawer.js +105 -0
- package/dist/dropdown-menu.d.ts +30 -0
- package/dist/dropdown-menu.js +155 -0
- package/dist/form.d.ts +28 -0
- package/dist/form.js +120 -0
- package/dist/hover-card.d.ts +8 -0
- package/dist/hover-card.js +29 -0
- package/dist/input-otp.d.ts +37 -0
- package/dist/input-otp.js +53 -0
- package/dist/label.d.ts +8 -0
- package/dist/label.js +7 -0
- package/dist/menubar.d.ts +31 -0
- package/dist/menubar.js +186 -0
- package/dist/native-select.d.ts +7 -0
- package/dist/native-select.js +31 -0
- package/dist/navigation-menu.d.ts +15 -0
- package/dist/navigation-menu.js +111 -0
- package/dist/pagination.d.ts +33 -0
- package/dist/pagination.js +111 -0
- package/dist/popover.d.ts +8 -0
- package/dist/popover.js +11 -0
- package/dist/progress.d.ts +6 -0
- package/dist/progress.js +30 -0
- package/dist/radio-group.d.ts +7 -0
- package/dist/radio-group.js +39 -0
- package/dist/resizable.d.ts +27 -0
- package/dist/resizable.js +42 -0
- package/dist/scroll-area.d.ts +7 -0
- package/dist/scroll-area.js +42 -0
- package/dist/select.d.ts +15 -0
- package/dist/select.js +128 -0
- package/dist/separator.d.ts +6 -0
- package/dist/separator.js +28 -0
- package/dist/sheet.d.ts +29 -0
- package/dist/sheet.js +25 -0
- package/dist/sidebar.d.ts +30 -0
- package/dist/sidebar.js +203 -0
- package/dist/skeleton.d.ts +5 -0
- package/dist/skeleton.js +21 -0
- package/dist/slider.d.ts +6 -0
- package/dist/slider.js +27 -0
- package/dist/sonner.d.ts +7 -0
- package/dist/sonner.js +23 -0
- package/dist/spinner.d.ts +12 -0
- package/dist/spinner.js +29 -0
- package/dist/switch.d.ts +6 -0
- package/dist/switch.js +31 -0
- package/dist/table.d.ts +12 -0
- package/dist/table.js +21 -0
- package/dist/tabs.d.ts +9 -0
- package/dist/tabs.js +51 -0
- package/dist/textarea.d.ts +7 -0
- package/dist/textarea.js +26 -0
- package/dist/toggle-group.d.ts +15 -0
- package/dist/toggle-group.js +49 -0
- package/dist/toggle.d.ts +15 -0
- package/dist/toggle.js +9 -0
- package/dist/tooltip.d.ts +9 -0
- package/dist/tooltip.js +30 -0
- package/package.json +237 -8
- package/src/accordion.tsx +55 -0
- package/src/alert-dialog.tsx +138 -0
- package/src/alert.tsx +58 -0
- package/src/aspect-ratio.tsx +5 -0
- package/src/avatar.tsx +47 -0
- package/src/badge.tsx +35 -0
- package/src/breadcrumb.tsx +114 -0
- package/src/calendar.tsx +69 -0
- package/src/carousel.tsx +259 -0
- package/src/chart.tsx +9 -0
- package/src/checkbox.tsx +27 -0
- package/src/collapsible.tsx +9 -0
- package/src/combobox.tsx +8 -0
- package/src/command.tsx +152 -0
- package/src/context-menu.tsx +197 -0
- package/src/data-table.tsx +9 -0
- package/src/date-picker.tsx +8 -0
- package/src/dialog.tsx +119 -0
- package/src/drawer.tsx +115 -0
- package/src/dropdown-menu.tsx +197 -0
- package/src/form.tsx +175 -0
- package/src/hover-card.tsx +26 -0
- package/src/input-otp.tsx +68 -0
- package/src/label.tsx +23 -0
- package/src/menubar.tsx +233 -0
- package/src/native-select.tsx +29 -0
- package/src/navigation-menu.tsx +127 -0
- package/src/pagination.tsx +116 -0
- package/src/popover.tsx +28 -0
- package/src/progress.tsx +25 -0
- package/src/radio-group.tsx +41 -0
- package/src/resizable.tsx +42 -0
- package/src/scroll-area.tsx +45 -0
- package/src/select.tsx +157 -0
- package/src/separator.tsx +28 -0
- package/src/sheet.tsx +137 -0
- package/src/sidebar.tsx +249 -0
- package/src/skeleton.tsx +15 -0
- package/src/slider.tsx +25 -0
- package/src/sonner.tsx +25 -0
- package/src/spinner.tsx +33 -0
- package/src/switch.tsx +26 -0
- package/src/table.tsx +116 -0
- package/src/tabs.tsx +52 -0
- package/src/textarea.tsx +23 -0
- package/src/toggle-group.tsx +58 -0
- package/src/toggle.tsx +42 -0
- package/src/tooltip.tsx +27 -0
- package/LICENSE +0 -21
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
+
|
|
4
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
|
|
9
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-RQHJBTEU.js";
|
|
4
|
+
|
|
5
|
+
// src/accordion.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
8
|
+
import { ChevronDown } from "lucide-react";
|
|
9
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
var Accordion = AccordionPrimitive.Root;
|
|
11
|
+
var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
12
|
+
AccordionPrimitive.Item,
|
|
13
|
+
{
|
|
14
|
+
ref,
|
|
15
|
+
className: cn("border-b", className),
|
|
16
|
+
...props
|
|
17
|
+
}
|
|
18
|
+
));
|
|
19
|
+
AccordionItem.displayName = "AccordionItem";
|
|
20
|
+
var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
|
|
21
|
+
AccordionPrimitive.Trigger,
|
|
22
|
+
{
|
|
23
|
+
ref,
|
|
24
|
+
className: cn(
|
|
25
|
+
"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
|
|
26
|
+
className
|
|
27
|
+
),
|
|
28
|
+
...props,
|
|
29
|
+
children: [
|
|
30
|
+
children,
|
|
31
|
+
/* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 transition-transform duration-200" })
|
|
32
|
+
]
|
|
33
|
+
}
|
|
34
|
+
) }));
|
|
35
|
+
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
36
|
+
var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
37
|
+
AccordionPrimitive.Content,
|
|
38
|
+
{
|
|
39
|
+
ref,
|
|
40
|
+
className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
41
|
+
...props,
|
|
42
|
+
children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
|
|
43
|
+
}
|
|
44
|
+
));
|
|
45
|
+
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
46
|
+
export {
|
|
47
|
+
Accordion,
|
|
48
|
+
AccordionContent,
|
|
49
|
+
AccordionItem,
|
|
50
|
+
AccordionTrigger
|
|
51
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
4
|
+
|
|
5
|
+
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
6
|
+
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
8
|
+
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const AlertDialogHeader: {
|
|
11
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
declare const AlertDialogFooter: {
|
|
15
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
19
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
20
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
|
|
23
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import {
|
|
2
|
+
buttonVariants
|
|
3
|
+
} from "./chunk-DVPPDIDA.js";
|
|
4
|
+
import {
|
|
5
|
+
cn
|
|
6
|
+
} from "./chunk-RQHJBTEU.js";
|
|
7
|
+
|
|
8
|
+
// src/alert-dialog.tsx
|
|
9
|
+
import * as React from "react";
|
|
10
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
11
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
+
var AlertDialog = AlertDialogPrimitive.Root;
|
|
13
|
+
var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
14
|
+
var AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
15
|
+
var AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
16
|
+
AlertDialogPrimitive.Overlay,
|
|
17
|
+
{
|
|
18
|
+
className: cn(
|
|
19
|
+
"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
20
|
+
className
|
|
21
|
+
),
|
|
22
|
+
...props,
|
|
23
|
+
ref
|
|
24
|
+
}
|
|
25
|
+
));
|
|
26
|
+
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
27
|
+
var AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
|
|
28
|
+
/* @__PURE__ */ jsx(AlertDialogOverlay, {}),
|
|
29
|
+
/* @__PURE__ */ jsx(
|
|
30
|
+
AlertDialogPrimitive.Content,
|
|
31
|
+
{
|
|
32
|
+
ref,
|
|
33
|
+
className: cn(
|
|
34
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
|
|
35
|
+
className
|
|
36
|
+
),
|
|
37
|
+
...props
|
|
38
|
+
}
|
|
39
|
+
)
|
|
40
|
+
] }));
|
|
41
|
+
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
42
|
+
var AlertDialogHeader = ({
|
|
43
|
+
className,
|
|
44
|
+
...props
|
|
45
|
+
}) => /* @__PURE__ */ jsx(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
className: cn(
|
|
49
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
50
|
+
className
|
|
51
|
+
),
|
|
52
|
+
...props
|
|
53
|
+
}
|
|
54
|
+
);
|
|
55
|
+
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
56
|
+
var AlertDialogFooter = ({
|
|
57
|
+
className,
|
|
58
|
+
...props
|
|
59
|
+
}) => /* @__PURE__ */ jsx(
|
|
60
|
+
"div",
|
|
61
|
+
{
|
|
62
|
+
className: cn(
|
|
63
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
64
|
+
className
|
|
65
|
+
),
|
|
66
|
+
...props
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
70
|
+
var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
71
|
+
AlertDialogPrimitive.Title,
|
|
72
|
+
{
|
|
73
|
+
ref,
|
|
74
|
+
className: cn("text-lg font-semibold", className),
|
|
75
|
+
...props
|
|
76
|
+
}
|
|
77
|
+
));
|
|
78
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
79
|
+
var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
80
|
+
AlertDialogPrimitive.Description,
|
|
81
|
+
{
|
|
82
|
+
ref,
|
|
83
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
84
|
+
...props
|
|
85
|
+
}
|
|
86
|
+
));
|
|
87
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
88
|
+
var AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
89
|
+
AlertDialogPrimitive.Action,
|
|
90
|
+
{
|
|
91
|
+
ref,
|
|
92
|
+
className: cn(buttonVariants(), className),
|
|
93
|
+
...props
|
|
94
|
+
}
|
|
95
|
+
));
|
|
96
|
+
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
97
|
+
var AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
98
|
+
AlertDialogPrimitive.Cancel,
|
|
99
|
+
{
|
|
100
|
+
ref,
|
|
101
|
+
className: cn(
|
|
102
|
+
buttonVariants({ variant: "outline" }),
|
|
103
|
+
"mt-2 sm:mt-0",
|
|
104
|
+
className
|
|
105
|
+
),
|
|
106
|
+
...props
|
|
107
|
+
}
|
|
108
|
+
));
|
|
109
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
110
|
+
export {
|
|
111
|
+
AlertDialog,
|
|
112
|
+
AlertDialogAction,
|
|
113
|
+
AlertDialogCancel,
|
|
114
|
+
AlertDialogContent,
|
|
115
|
+
AlertDialogDescription,
|
|
116
|
+
AlertDialogFooter,
|
|
117
|
+
AlertDialogHeader,
|
|
118
|
+
AlertDialogOverlay,
|
|
119
|
+
AlertDialogPortal,
|
|
120
|
+
AlertDialogTitle,
|
|
121
|
+
AlertDialogTrigger
|
|
122
|
+
};
|
package/dist/alert.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
|
|
5
|
+
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
6
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
7
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
9
|
+
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
10
|
+
|
|
11
|
+
export { Alert, AlertDescription, AlertTitle };
|
package/dist/alert.js
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-RQHJBTEU.js";
|
|
4
|
+
|
|
5
|
+
// src/alert.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import { cva } from "class-variance-authority";
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
var alertVariants = cva(
|
|
10
|
+
"relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
|
|
11
|
+
{
|
|
12
|
+
variants: {
|
|
13
|
+
variant: {
|
|
14
|
+
default: "bg-background text-foreground",
|
|
15
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
variant: "default"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
var Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
24
|
+
"div",
|
|
25
|
+
{
|
|
26
|
+
ref,
|
|
27
|
+
role: "alert",
|
|
28
|
+
className: cn(alertVariants({ variant }), className),
|
|
29
|
+
...props
|
|
30
|
+
}
|
|
31
|
+
));
|
|
32
|
+
Alert.displayName = "Alert";
|
|
33
|
+
var AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
34
|
+
"h5",
|
|
35
|
+
{
|
|
36
|
+
ref,
|
|
37
|
+
className: cn("mb-1 font-medium leading-none tracking-tight", className),
|
|
38
|
+
...props
|
|
39
|
+
}
|
|
40
|
+
));
|
|
41
|
+
AlertTitle.displayName = "AlertTitle";
|
|
42
|
+
var AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
43
|
+
"div",
|
|
44
|
+
{
|
|
45
|
+
ref,
|
|
46
|
+
className: cn("text-sm [&_p]:leading-relaxed", className),
|
|
47
|
+
...props
|
|
48
|
+
}
|
|
49
|
+
));
|
|
50
|
+
AlertDescription.displayName = "AlertDescription";
|
|
51
|
+
export {
|
|
52
|
+
Alert,
|
|
53
|
+
AlertDescription,
|
|
54
|
+
AlertTitle
|
|
55
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
3
|
+
|
|
4
|
+
declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
|
|
6
|
+
export { AspectRatio };
|
package/dist/avatar.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
3
|
+
|
|
4
|
+
declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
6
|
+
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
7
|
+
|
|
8
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
package/dist/avatar.js
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-RQHJBTEU.js";
|
|
4
|
+
|
|
5
|
+
// src/avatar.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
10
|
+
AvatarPrimitive.Root,
|
|
11
|
+
{
|
|
12
|
+
ref,
|
|
13
|
+
className: cn(
|
|
14
|
+
"relative flex size-10 shrink-0 overflow-hidden rounded-full",
|
|
15
|
+
className
|
|
16
|
+
),
|
|
17
|
+
...props
|
|
18
|
+
}
|
|
19
|
+
));
|
|
20
|
+
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
21
|
+
var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
22
|
+
AvatarPrimitive.Image,
|
|
23
|
+
{
|
|
24
|
+
ref,
|
|
25
|
+
className: cn("aspect-square size-full", className),
|
|
26
|
+
...props
|
|
27
|
+
}
|
|
28
|
+
));
|
|
29
|
+
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
30
|
+
var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
31
|
+
AvatarPrimitive.Fallback,
|
|
32
|
+
{
|
|
33
|
+
ref,
|
|
34
|
+
className: cn(
|
|
35
|
+
"flex size-full items-center justify-center rounded-full bg-muted",
|
|
36
|
+
className
|
|
37
|
+
),
|
|
38
|
+
...props
|
|
39
|
+
}
|
|
40
|
+
));
|
|
41
|
+
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
42
|
+
export {
|
|
43
|
+
Avatar,
|
|
44
|
+
AvatarFallback,
|
|
45
|
+
AvatarImage
|
|
46
|
+
};
|
package/dist/badge.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
|
|
6
|
+
declare const badgeVariants: (props?: ({
|
|
7
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
8
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
+
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
10
|
+
}
|
|
11
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Badge, type BadgeProps, badgeVariants };
|
package/dist/badge.js
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-RQHJBTEU.js";
|
|
4
|
+
|
|
5
|
+
// src/badge.tsx
|
|
6
|
+
import "react";
|
|
7
|
+
import { cva } from "class-variance-authority";
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
var badgeVariants = cva(
|
|
10
|
+
"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
11
|
+
{
|
|
12
|
+
variants: {
|
|
13
|
+
variant: {
|
|
14
|
+
default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
|
|
15
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
16
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
|
17
|
+
outline: "text-foreground"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: {
|
|
21
|
+
variant: "default"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
);
|
|
25
|
+
function Badge({ className, variant, ...props }) {
|
|
26
|
+
return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
Badge,
|
|
30
|
+
badgeVariants
|
|
31
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
5
|
+
separator?: React.ReactNode;
|
|
6
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
7
|
+
declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
8
|
+
declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
9
|
+
declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
10
|
+
asChild?: boolean;
|
|
11
|
+
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
12
|
+
declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
13
|
+
declare const BreadcrumbSeparator: {
|
|
14
|
+
({ children, className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
declare const BreadcrumbEllipsis: {
|
|
18
|
+
({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
19
|
+
displayName: string;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-RQHJBTEU.js";
|
|
4
|
+
|
|
5
|
+
// src/breadcrumb.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import { ChevronRight, MoreHorizontal } from "lucide-react";
|
|
8
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
9
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
var Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
|
|
11
|
+
Breadcrumb.displayName = "Breadcrumb";
|
|
12
|
+
var BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
13
|
+
"ol",
|
|
14
|
+
{
|
|
15
|
+
ref,
|
|
16
|
+
className: cn(
|
|
17
|
+
"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
|
|
18
|
+
className
|
|
19
|
+
),
|
|
20
|
+
...props
|
|
21
|
+
}
|
|
22
|
+
));
|
|
23
|
+
BreadcrumbList.displayName = "BreadcrumbList";
|
|
24
|
+
var BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
25
|
+
"li",
|
|
26
|
+
{
|
|
27
|
+
ref,
|
|
28
|
+
className: cn("inline-flex items-center gap-1.5", className),
|
|
29
|
+
...props
|
|
30
|
+
}
|
|
31
|
+
));
|
|
32
|
+
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
33
|
+
var BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
|
|
34
|
+
const Comp = asChild ? Slot : "a";
|
|
35
|
+
return /* @__PURE__ */ jsx(
|
|
36
|
+
Comp,
|
|
37
|
+
{
|
|
38
|
+
ref,
|
|
39
|
+
className: cn("transition-colors hover:text-foreground", className),
|
|
40
|
+
...props
|
|
41
|
+
}
|
|
42
|
+
);
|
|
43
|
+
});
|
|
44
|
+
BreadcrumbLink.displayName = "BreadcrumbLink";
|
|
45
|
+
var BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
46
|
+
"span",
|
|
47
|
+
{
|
|
48
|
+
ref,
|
|
49
|
+
role: "link",
|
|
50
|
+
"aria-disabled": "true",
|
|
51
|
+
"aria-current": "page",
|
|
52
|
+
className: cn("font-normal text-foreground", className),
|
|
53
|
+
...props
|
|
54
|
+
}
|
|
55
|
+
));
|
|
56
|
+
BreadcrumbPage.displayName = "BreadcrumbPage";
|
|
57
|
+
var BreadcrumbSeparator = ({
|
|
58
|
+
children,
|
|
59
|
+
className,
|
|
60
|
+
...props
|
|
61
|
+
}) => /* @__PURE__ */ jsx(
|
|
62
|
+
"li",
|
|
63
|
+
{
|
|
64
|
+
role: "presentation",
|
|
65
|
+
"aria-hidden": "true",
|
|
66
|
+
className: cn("[&>svg]:size-3.5", className),
|
|
67
|
+
...props,
|
|
68
|
+
children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
|
|
72
|
+
var BreadcrumbEllipsis = ({
|
|
73
|
+
className,
|
|
74
|
+
...props
|
|
75
|
+
}) => /* @__PURE__ */ jsxs(
|
|
76
|
+
"span",
|
|
77
|
+
{
|
|
78
|
+
role: "presentation",
|
|
79
|
+
"aria-hidden": "true",
|
|
80
|
+
className: cn("flex size-9 items-center justify-center", className),
|
|
81
|
+
...props,
|
|
82
|
+
children: [
|
|
83
|
+
/* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
|
|
84
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
);
|
|
88
|
+
BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
|
|
89
|
+
export {
|
|
90
|
+
Breadcrumb,
|
|
91
|
+
BreadcrumbEllipsis,
|
|
92
|
+
BreadcrumbItem,
|
|
93
|
+
BreadcrumbLink,
|
|
94
|
+
BreadcrumbList,
|
|
95
|
+
BreadcrumbPage,
|
|
96
|
+
BreadcrumbSeparator
|
|
97
|
+
};
|
package/dist/button.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "destructive" | "
|
|
6
|
+
variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
7
7
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
package/dist/button.js
CHANGED
|
@@ -1,55 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
8
|
-
import { cva } from "class-variance-authority";
|
|
9
|
-
import { jsxs } from "react/jsx-runtime";
|
|
10
|
-
var buttonVariants = cva(
|
|
11
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
12
|
-
{
|
|
13
|
-
variants: {
|
|
14
|
-
variant: {
|
|
15
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
16
|
-
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
17
|
-
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
18
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
19
|
-
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
20
|
-
link: "text-primary underline-offset-4 hover:underline"
|
|
21
|
-
},
|
|
22
|
-
size: {
|
|
23
|
-
default: "h-10 px-4 py-2",
|
|
24
|
-
sm: "h-9 rounded-md px-3",
|
|
25
|
-
lg: "h-11 rounded-md px-8",
|
|
26
|
-
icon: "size-10"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
defaultVariants: {
|
|
30
|
-
variant: "default",
|
|
31
|
-
size: "default"
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
);
|
|
35
|
-
var Button = React.forwardRef(
|
|
36
|
-
({ className, variant, size, asChild = false, icon, children, ...props }, ref) => {
|
|
37
|
-
const Comp = asChild ? Slot : "button";
|
|
38
|
-
return /* @__PURE__ */ jsxs(
|
|
39
|
-
Comp,
|
|
40
|
-
{
|
|
41
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
42
|
-
ref,
|
|
43
|
-
...props,
|
|
44
|
-
children: [
|
|
45
|
-
icon,
|
|
46
|
-
children
|
|
47
|
-
]
|
|
48
|
-
}
|
|
49
|
-
);
|
|
50
|
-
}
|
|
51
|
-
);
|
|
52
|
-
Button.displayName = "Button";
|
|
2
|
+
Button,
|
|
3
|
+
buttonVariants
|
|
4
|
+
} from "./chunk-DVPPDIDA.js";
|
|
5
|
+
import "./chunk-RQHJBTEU.js";
|
|
53
6
|
export {
|
|
54
7
|
Button,
|
|
55
8
|
buttonVariants
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { DayPicker } from 'react-day-picker';
|
|
4
|
+
|
|
5
|
+
type CalendarProps = React.ComponentProps<typeof DayPicker>;
|
|
6
|
+
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
7
|
+
declare namespace Calendar {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { Calendar, type CalendarProps };
|
package/dist/calendar.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ButtonProps } from './button.js';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
4
|
+
import 'class-variance-authority/types';
|
|
5
|
+
import 'class-variance-authority';
|
|
6
|
+
|
|
7
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
8
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
9
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
10
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
11
|
+
type CarouselProps = {
|
|
12
|
+
opts?: CarouselOptions;
|
|
13
|
+
plugins?: CarouselPlugin;
|
|
14
|
+
orientation?: "horizontal" | "vertical";
|
|
15
|
+
setApi?: (api: CarouselApi) => void;
|
|
16
|
+
};
|
|
17
|
+
declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
declare const CarouselNext: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
|
|
23
|
+
export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
|