tokka-ui 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/dist/accordion.d.ts +9 -0
  2. package/dist/accordion.js +51 -0
  3. package/dist/alert-dialog.d.ts +23 -0
  4. package/dist/alert-dialog.js +122 -0
  5. package/dist/alert.d.ts +11 -0
  6. package/dist/alert.js +55 -0
  7. package/dist/aspect-ratio.d.ts +6 -0
  8. package/dist/aspect-ratio.js +6 -0
  9. package/dist/avatar.d.ts +8 -0
  10. package/dist/avatar.js +46 -0
  11. package/dist/badge.d.ts +13 -0
  12. package/dist/badge.js +31 -0
  13. package/dist/breadcrumb.d.ts +22 -0
  14. package/dist/breadcrumb.js +97 -0
  15. package/dist/button.d.ts +1 -1
  16. package/dist/button.js +4 -51
  17. package/dist/calendar.d.ts +11 -0
  18. package/dist/calendar.js +8 -0
  19. package/dist/carousel.d.ts +23 -0
  20. package/dist/carousel.js +200 -0
  21. package/dist/chart.d.ts +1 -0
  22. package/dist/chart.js +2 -0
  23. package/dist/checkbox.d.ts +6 -0
  24. package/dist/checkbox.js +31 -0
  25. package/dist/chunk-63HUTNB3.js +92 -0
  26. package/dist/chunk-7BHODGBN.js +25 -0
  27. package/dist/chunk-A4HW2TQU.js +66 -0
  28. package/dist/chunk-BOKKBA25.js +30 -0
  29. package/dist/chunk-DVPPDIDA.js +57 -0
  30. package/dist/chunk-FJGEWLIV.js +109 -0
  31. package/dist/chunk-KDTBFEE2.js +123 -0
  32. package/dist/chunk-PLLTYLGO.js +120 -0
  33. package/dist/chunk-QBAV4RWS.js +43 -0
  34. package/dist/collapsible.d.ts +8 -0
  35. package/dist/collapsible.js +10 -0
  36. package/dist/combobox.d.ts +6 -0
  37. package/dist/combobox.js +32 -0
  38. package/dist/command.d.ts +85 -0
  39. package/dist/command.js +24 -0
  40. package/dist/context-menu.d.ts +30 -0
  41. package/dist/context-menu.js +157 -0
  42. package/dist/data-table.d.ts +2 -0
  43. package/dist/data-table.js +21 -0
  44. package/dist/date-picker.d.ts +6 -0
  45. package/dist/date-picker.js +16 -0
  46. package/dist/dialog.d.ts +22 -0
  47. package/dist/dialog.js +25 -0
  48. package/dist/drawer.d.ts +27 -0
  49. package/dist/drawer.js +105 -0
  50. package/dist/dropdown-menu.d.ts +30 -0
  51. package/dist/dropdown-menu.js +155 -0
  52. package/dist/form.d.ts +28 -0
  53. package/dist/form.js +120 -0
  54. package/dist/hover-card.d.ts +8 -0
  55. package/dist/hover-card.js +29 -0
  56. package/dist/input-otp.d.ts +37 -0
  57. package/dist/input-otp.js +53 -0
  58. package/dist/label.d.ts +8 -0
  59. package/dist/label.js +7 -0
  60. package/dist/menubar.d.ts +31 -0
  61. package/dist/menubar.js +186 -0
  62. package/dist/native-select.d.ts +7 -0
  63. package/dist/native-select.js +31 -0
  64. package/dist/navigation-menu.d.ts +15 -0
  65. package/dist/navigation-menu.js +111 -0
  66. package/dist/pagination.d.ts +33 -0
  67. package/dist/pagination.js +111 -0
  68. package/dist/popover.d.ts +8 -0
  69. package/dist/popover.js +11 -0
  70. package/dist/progress.d.ts +6 -0
  71. package/dist/progress.js +30 -0
  72. package/dist/radio-group.d.ts +7 -0
  73. package/dist/radio-group.js +39 -0
  74. package/dist/resizable.d.ts +27 -0
  75. package/dist/resizable.js +42 -0
  76. package/dist/scroll-area.d.ts +7 -0
  77. package/dist/scroll-area.js +42 -0
  78. package/dist/select.d.ts +15 -0
  79. package/dist/select.js +128 -0
  80. package/dist/separator.d.ts +6 -0
  81. package/dist/separator.js +28 -0
  82. package/dist/sheet.d.ts +29 -0
  83. package/dist/sheet.js +25 -0
  84. package/dist/sidebar.d.ts +30 -0
  85. package/dist/sidebar.js +203 -0
  86. package/dist/skeleton.d.ts +5 -0
  87. package/dist/skeleton.js +21 -0
  88. package/dist/slider.d.ts +6 -0
  89. package/dist/slider.js +27 -0
  90. package/dist/sonner.d.ts +7 -0
  91. package/dist/sonner.js +23 -0
  92. package/dist/spinner.d.ts +12 -0
  93. package/dist/spinner.js +29 -0
  94. package/dist/switch.d.ts +6 -0
  95. package/dist/switch.js +31 -0
  96. package/dist/table.d.ts +12 -0
  97. package/dist/table.js +21 -0
  98. package/dist/tabs.d.ts +9 -0
  99. package/dist/tabs.js +51 -0
  100. package/dist/textarea.d.ts +7 -0
  101. package/dist/textarea.js +26 -0
  102. package/dist/toggle-group.d.ts +15 -0
  103. package/dist/toggle-group.js +49 -0
  104. package/dist/toggle.d.ts +15 -0
  105. package/dist/toggle.js +9 -0
  106. package/dist/tooltip.d.ts +9 -0
  107. package/dist/tooltip.js +30 -0
  108. package/package.json +237 -8
  109. package/src/accordion.tsx +55 -0
  110. package/src/alert-dialog.tsx +138 -0
  111. package/src/alert.tsx +58 -0
  112. package/src/aspect-ratio.tsx +5 -0
  113. package/src/avatar.tsx +47 -0
  114. package/src/badge.tsx +35 -0
  115. package/src/breadcrumb.tsx +114 -0
  116. package/src/calendar.tsx +63 -0
  117. package/src/carousel.tsx +259 -0
  118. package/src/chart.tsx +9 -0
  119. package/src/checkbox.tsx +27 -0
  120. package/src/collapsible.tsx +9 -0
  121. package/src/combobox.tsx +8 -0
  122. package/src/command.tsx +152 -0
  123. package/src/context-menu.tsx +197 -0
  124. package/src/data-table.tsx +9 -0
  125. package/src/date-picker.tsx +8 -0
  126. package/src/dialog.tsx +119 -0
  127. package/src/drawer.tsx +115 -0
  128. package/src/dropdown-menu.tsx +197 -0
  129. package/src/form.tsx +175 -0
  130. package/src/hover-card.tsx +26 -0
  131. package/src/input-otp.tsx +68 -0
  132. package/src/label.tsx +23 -0
  133. package/src/menubar.tsx +233 -0
  134. package/src/native-select.tsx +29 -0
  135. package/src/navigation-menu.tsx +127 -0
  136. package/src/pagination.tsx +116 -0
  137. package/src/popover.tsx +28 -0
  138. package/src/progress.tsx +25 -0
  139. package/src/radio-group.tsx +41 -0
  140. package/src/resizable.tsx +42 -0
  141. package/src/scroll-area.tsx +45 -0
  142. package/src/select.tsx +157 -0
  143. package/src/separator.tsx +28 -0
  144. package/src/sheet.tsx +137 -0
  145. package/src/sidebar.tsx +249 -0
  146. package/src/skeleton.tsx +15 -0
  147. package/src/slider.tsx +25 -0
  148. package/src/sonner.tsx +25 -0
  149. package/src/spinner.tsx +33 -0
  150. package/src/switch.tsx +26 -0
  151. package/src/table.tsx +116 -0
  152. package/src/tabs.tsx +52 -0
  153. package/src/textarea.tsx +23 -0
  154. package/src/toggle-group.tsx +58 -0
  155. package/src/toggle.tsx +42 -0
  156. package/src/tooltip.tsx +27 -0
  157. 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
+ };
@@ -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 };
@@ -0,0 +1,6 @@
1
+ // src/aspect-ratio.tsx
2
+ import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
3
+ var AspectRatio = AspectRatioPrimitive.Root;
4
+ export {
5
+ AspectRatio
6
+ };
@@ -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
+ };
@@ -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" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
6
+ variant?: "link" | "default" | "destructive" | "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
- cn
3
- } from "./chunk-RQHJBTEU.js";
4
-
5
- // src/button.tsx
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 };
@@ -0,0 +1,8 @@
1
+ import {
2
+ Calendar
3
+ } from "./chunk-A4HW2TQU.js";
4
+ import "./chunk-DVPPDIDA.js";
5
+ import "./chunk-RQHJBTEU.js";
6
+ export {
7
+ Calendar
8
+ };
@@ -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 };