@c-rex/ui 0.0.8 → 0.0.9
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/alert.cjs +2 -0
- package/dist/alert.cjs.map +1 -0
- package/dist/alert.d.cts +11 -0
- package/dist/alert.d.ts +11 -0
- package/dist/alert.js +2 -0
- package/dist/alert.js.map +1 -0
- package/dist/breadcrumb.cjs +2 -0
- package/dist/breadcrumb.cjs.map +1 -0
- package/dist/breadcrumb.d.cts +22 -0
- package/dist/breadcrumb.d.ts +22 -0
- package/dist/breadcrumb.js +2 -0
- package/dist/breadcrumb.js.map +1 -0
- package/dist/button.cjs +2 -0
- package/dist/button.cjs.map +1 -0
- package/dist/button.d.cts +15 -0
- package/dist/button.d.ts +15 -0
- package/dist/button.js +2 -0
- package/dist/button.js.map +1 -0
- package/dist/command.cjs +2 -0
- package/dist/command.cjs.map +1 -0
- package/dist/command.d.cts +83 -0
- package/dist/command.d.ts +83 -0
- package/dist/command.js +2 -0
- package/dist/command.js.map +1 -0
- package/dist/dialog.cjs +2 -0
- package/dist/dialog.cjs.map +1 -0
- package/dist/dialog.d.cts +22 -0
- package/dist/dialog.d.ts +22 -0
- package/dist/dialog.js +2 -0
- package/dist/dialog.js.map +1 -0
- package/dist/hooks/use-mobile.cjs +2 -0
- package/dist/hooks/use-mobile.cjs.map +1 -0
- package/dist/hooks/use-mobile.d.cts +3 -0
- package/dist/hooks/use-mobile.d.ts +3 -0
- package/dist/hooks/use-mobile.js +2 -0
- package/dist/hooks/use-mobile.js.map +1 -0
- package/dist/input.cjs +2 -0
- package/dist/input.cjs.map +1 -0
- package/dist/input.d.cts +5 -0
- package/dist/input.d.ts +5 -0
- package/dist/input.js +2 -0
- package/dist/input.js.map +1 -0
- package/dist/popover.cjs +2 -0
- package/dist/popover.cjs.map +1 -0
- package/dist/popover.d.cts +9 -0
- package/dist/popover.d.ts +9 -0
- package/dist/popover.js +2 -0
- package/dist/popover.js.map +1 -0
- package/dist/select.cjs +2 -0
- package/dist/select.cjs.map +1 -0
- package/dist/select.d.cts +15 -0
- package/dist/select.d.ts +15 -0
- package/dist/select.js +2 -0
- package/dist/select.js.map +1 -0
- package/dist/separator.cjs +2 -0
- package/dist/separator.cjs.map +1 -0
- package/dist/separator.d.cts +6 -0
- package/dist/separator.d.ts +6 -0
- package/dist/separator.js +2 -0
- package/dist/separator.js.map +1 -0
- package/dist/sheet.cjs +2 -0
- package/dist/sheet.cjs.map +1 -0
- package/dist/sheet.d.cts +29 -0
- package/dist/sheet.d.ts +29 -0
- package/dist/sheet.js +2 -0
- package/dist/sheet.js.map +1 -0
- package/dist/sidebar.cjs +2 -0
- package/dist/sidebar.cjs.map +1 -0
- package/dist/sidebar.d.cts +72 -0
- package/dist/sidebar.d.ts +72 -0
- package/dist/sidebar.js +2 -0
- package/dist/sidebar.js.map +1 -0
- package/dist/skeleton.cjs +2 -0
- package/dist/skeleton.cjs.map +1 -0
- package/dist/skeleton.d.cts +5 -0
- package/dist/skeleton.d.ts +5 -0
- package/dist/skeleton.js +2 -0
- package/dist/skeleton.js.map +1 -0
- package/dist/table.cjs +2 -0
- package/dist/table.cjs.map +1 -0
- package/dist/table.d.cts +12 -0
- package/dist/table.d.ts +12 -0
- package/dist/table.js +2 -0
- package/dist/table.js.map +1 -0
- package/dist/tooltip.cjs +2 -0
- package/dist/tooltip.cjs.map +1 -0
- package/dist/tooltip.d.cts +9 -0
- package/dist/tooltip.d.ts +9 -0
- package/dist/tooltip.js +2 -0
- package/dist/tooltip.js.map +1 -0
- package/package.json +114 -97
- package/src/alert.tsx +0 -58
- package/src/breadcrumb.tsx +0 -115
- package/src/button.tsx +0 -66
- package/src/command.tsx +0 -151
- package/src/dialog.tsx +0 -122
- package/src/hooks/use-mobile.tsx +0 -19
- package/src/input.tsx +0 -22
- package/src/popover.tsx +0 -31
- package/src/select.tsx +0 -157
- package/src/separator.tsx +0 -29
- package/src/sheet.tsx +0 -140
- package/src/sidebar.tsx +0 -785
- package/src/skeleton.tsx +0 -15
- package/src/table.tsx +0 -120
- package/src/tooltip.tsx +0 -30
package/src/skeleton.tsx
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { cn } from "@c-rex/utils";
|
|
2
|
-
|
|
3
|
-
function Skeleton({
|
|
4
|
-
className,
|
|
5
|
-
...props
|
|
6
|
-
}: React.HTMLAttributes<HTMLDivElement>) {
|
|
7
|
-
return (
|
|
8
|
-
<div
|
|
9
|
-
className={cn("animate-pulse rounded-md bg-primary/10", className)}
|
|
10
|
-
{...props}
|
|
11
|
-
/>
|
|
12
|
-
);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export { Skeleton };
|
package/src/table.tsx
DELETED
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
|
|
3
|
-
import { cn } from "@c-rex/utils";
|
|
4
|
-
|
|
5
|
-
const Table = React.forwardRef<
|
|
6
|
-
HTMLTableElement,
|
|
7
|
-
React.HTMLAttributes<HTMLTableElement>
|
|
8
|
-
>(({ className, ...props }, ref) => (
|
|
9
|
-
<div className="relative w-full overflow-auto">
|
|
10
|
-
<table
|
|
11
|
-
ref={ref}
|
|
12
|
-
className={cn("w-full caption-bottom text-sm", className)}
|
|
13
|
-
{...props}
|
|
14
|
-
/>
|
|
15
|
-
</div>
|
|
16
|
-
));
|
|
17
|
-
Table.displayName = "Table";
|
|
18
|
-
|
|
19
|
-
const TableHeader = React.forwardRef<
|
|
20
|
-
HTMLTableSectionElement,
|
|
21
|
-
React.HTMLAttributes<HTMLTableSectionElement>
|
|
22
|
-
>(({ className, ...props }, ref) => (
|
|
23
|
-
<thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
|
|
24
|
-
));
|
|
25
|
-
TableHeader.displayName = "TableHeader";
|
|
26
|
-
|
|
27
|
-
const TableBody = React.forwardRef<
|
|
28
|
-
HTMLTableSectionElement,
|
|
29
|
-
React.HTMLAttributes<HTMLTableSectionElement>
|
|
30
|
-
>(({ className, ...props }, ref) => (
|
|
31
|
-
<tbody
|
|
32
|
-
ref={ref}
|
|
33
|
-
className={cn("[&_tr:last-child]:border-0", className)}
|
|
34
|
-
{...props}
|
|
35
|
-
/>
|
|
36
|
-
));
|
|
37
|
-
TableBody.displayName = "TableBody";
|
|
38
|
-
|
|
39
|
-
const TableFooter = React.forwardRef<
|
|
40
|
-
HTMLTableSectionElement,
|
|
41
|
-
React.HTMLAttributes<HTMLTableSectionElement>
|
|
42
|
-
>(({ className, ...props }, ref) => (
|
|
43
|
-
<tfoot
|
|
44
|
-
ref={ref}
|
|
45
|
-
className={cn(
|
|
46
|
-
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
47
|
-
className,
|
|
48
|
-
)}
|
|
49
|
-
{...props}
|
|
50
|
-
/>
|
|
51
|
-
));
|
|
52
|
-
TableFooter.displayName = "TableFooter";
|
|
53
|
-
|
|
54
|
-
const TableRow = React.forwardRef<
|
|
55
|
-
HTMLTableRowElement,
|
|
56
|
-
React.HTMLAttributes<HTMLTableRowElement>
|
|
57
|
-
>(({ className, ...props }, ref) => (
|
|
58
|
-
<tr
|
|
59
|
-
ref={ref}
|
|
60
|
-
className={cn(
|
|
61
|
-
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
62
|
-
className,
|
|
63
|
-
)}
|
|
64
|
-
{...props}
|
|
65
|
-
/>
|
|
66
|
-
));
|
|
67
|
-
TableRow.displayName = "TableRow";
|
|
68
|
-
|
|
69
|
-
const TableHead = React.forwardRef<
|
|
70
|
-
HTMLTableCellElement,
|
|
71
|
-
React.ThHTMLAttributes<HTMLTableCellElement>
|
|
72
|
-
>(({ className, ...props }, ref) => (
|
|
73
|
-
<th
|
|
74
|
-
ref={ref}
|
|
75
|
-
className={cn(
|
|
76
|
-
"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
77
|
-
className,
|
|
78
|
-
)}
|
|
79
|
-
{...props}
|
|
80
|
-
/>
|
|
81
|
-
));
|
|
82
|
-
TableHead.displayName = "TableHead";
|
|
83
|
-
|
|
84
|
-
const TableCell = React.forwardRef<
|
|
85
|
-
HTMLTableCellElement,
|
|
86
|
-
React.TdHTMLAttributes<HTMLTableCellElement>
|
|
87
|
-
>(({ className, ...props }, ref) => (
|
|
88
|
-
<td
|
|
89
|
-
ref={ref}
|
|
90
|
-
className={cn(
|
|
91
|
-
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
92
|
-
className,
|
|
93
|
-
)}
|
|
94
|
-
{...props}
|
|
95
|
-
/>
|
|
96
|
-
));
|
|
97
|
-
TableCell.displayName = "TableCell";
|
|
98
|
-
|
|
99
|
-
const TableCaption = React.forwardRef<
|
|
100
|
-
HTMLTableCaptionElement,
|
|
101
|
-
React.HTMLAttributes<HTMLTableCaptionElement>
|
|
102
|
-
>(({ className, ...props }, ref) => (
|
|
103
|
-
<caption
|
|
104
|
-
ref={ref}
|
|
105
|
-
className={cn("mt-4 text-sm text-muted-foreground", className)}
|
|
106
|
-
{...props}
|
|
107
|
-
/>
|
|
108
|
-
));
|
|
109
|
-
TableCaption.displayName = "TableCaption";
|
|
110
|
-
|
|
111
|
-
export {
|
|
112
|
-
Table,
|
|
113
|
-
TableHeader,
|
|
114
|
-
TableBody,
|
|
115
|
-
TableFooter,
|
|
116
|
-
TableHead,
|
|
117
|
-
TableRow,
|
|
118
|
-
TableCell,
|
|
119
|
-
TableCaption,
|
|
120
|
-
};
|
package/src/tooltip.tsx
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
3
|
-
|
|
4
|
-
import { cn } from "@c-rex/utils";
|
|
5
|
-
|
|
6
|
-
const TooltipProvider = TooltipPrimitive.Provider;
|
|
7
|
-
|
|
8
|
-
const Tooltip = TooltipPrimitive.Root;
|
|
9
|
-
|
|
10
|
-
const TooltipTrigger = TooltipPrimitive.Trigger;
|
|
11
|
-
|
|
12
|
-
const TooltipContent = React.forwardRef<
|
|
13
|
-
React.ElementRef<typeof TooltipPrimitive.Content>,
|
|
14
|
-
React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
|
|
15
|
-
>(({ className, sideOffset = 4, ...props }, ref) => (
|
|
16
|
-
<TooltipPrimitive.Portal>
|
|
17
|
-
<TooltipPrimitive.Content
|
|
18
|
-
ref={ref}
|
|
19
|
-
sideOffset={sideOffset}
|
|
20
|
-
className={cn(
|
|
21
|
-
"z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
22
|
-
className,
|
|
23
|
-
)}
|
|
24
|
-
{...props}
|
|
25
|
-
/>
|
|
26
|
-
</TooltipPrimitive.Portal>
|
|
27
|
-
));
|
|
28
|
-
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
29
|
-
|
|
30
|
-
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|