@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.28.1 → 0.5.0-beta.30.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/components/ui/alert.cjs +1 -1
- package/dist/components/ui/alert.cjs.map +1 -1
- package/dist/components/ui/alert.js +23 -20
- package/dist/components/ui/alert.js.map +1 -1
- package/dist/components/ui/badge.cjs +1 -1
- package/dist/components/ui/badge.cjs.map +1 -1
- package/dist/components/ui/badge.js +10 -10
- package/dist/components/ui/badge.js.map +1 -1
- package/dist/components/ui/data-table/data-table-column-toggle.cjs +2 -0
- package/dist/components/ui/data-table/data-table-column-toggle.cjs.map +1 -0
- package/dist/components/ui/data-table/data-table-column-toggle.js +142 -0
- package/dist/components/ui/data-table/data-table-column-toggle.js.map +1 -0
- package/dist/components/ui/data-table/data-table-pagination.cjs +2 -0
- package/dist/components/ui/data-table/data-table-pagination.cjs.map +1 -0
- package/dist/components/ui/data-table/data-table-pagination.js +88 -0
- package/dist/components/ui/data-table/data-table-pagination.js.map +1 -0
- package/dist/components/ui/data-table/data-table.cjs +2 -0
- package/dist/components/ui/data-table/data-table.cjs.map +1 -0
- package/dist/components/ui/data-table/data-table.js +293 -0
- package/dist/components/ui/data-table/data-table.js.map +1 -0
- package/dist/components/ui/dialog.cjs +1 -1
- package/dist/components/ui/dialog.cjs.map +1 -1
- package/dist/components/ui/dialog.js +62 -51
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/table.cjs +1 -1
- package/dist/components/ui/table.cjs.map +1 -1
- package/dist/components/ui/table.js +68 -36
- package/dist/components/ui/table.js.map +1 -1
- package/dist/components/ui/tabs.cjs +1 -1
- package/dist/components/ui/tabs.cjs.map +1 -1
- package/dist/components/ui/tabs.js +28 -27
- package/dist/components/ui/tabs.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +73 -5
- package/dist/index.js +338 -329
- package/dist/index.js.map +1 -1
- package/dist/index.tailwind.css +1 -1
- package/package.json +6 -1
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as a, jsxs as n } from "react/jsx-runtime";
|
|
2
2
|
import { XIcon as s } from "lucide-react";
|
|
3
3
|
import { Dialog as e } from "radix-ui";
|
|
4
4
|
import { Button as d } from "./button.js";
|
|
5
5
|
import { cn as l } from "../../lib/utils.js";
|
|
6
6
|
function h({
|
|
7
|
-
...
|
|
7
|
+
...o
|
|
8
8
|
}) {
|
|
9
|
-
return /* @__PURE__ */
|
|
9
|
+
return /* @__PURE__ */ a(e.Root, { "data-slot": "dialog", ...o });
|
|
10
10
|
}
|
|
11
11
|
function D({
|
|
12
|
-
...
|
|
12
|
+
...o
|
|
13
13
|
}) {
|
|
14
|
-
return /* @__PURE__ */
|
|
14
|
+
return /* @__PURE__ */ a(e.Trigger, { "data-slot": "dialog-trigger", ...o });
|
|
15
15
|
}
|
|
16
|
-
function
|
|
17
|
-
...
|
|
16
|
+
function c({
|
|
17
|
+
...o
|
|
18
18
|
}) {
|
|
19
|
-
return /* @__PURE__ */
|
|
19
|
+
return /* @__PURE__ */ a(e.Portal, { "data-slot": "dialog-portal", ...o });
|
|
20
20
|
}
|
|
21
21
|
function b({
|
|
22
|
-
...
|
|
22
|
+
...o
|
|
23
23
|
}) {
|
|
24
|
-
return /* @__PURE__ */
|
|
24
|
+
return /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", ...o });
|
|
25
25
|
}
|
|
26
|
-
function
|
|
27
|
-
className:
|
|
26
|
+
function u({
|
|
27
|
+
className: o,
|
|
28
28
|
...t
|
|
29
29
|
}) {
|
|
30
|
-
return /* @__PURE__ */
|
|
30
|
+
return /* @__PURE__ */ a(
|
|
31
31
|
e.Overlay,
|
|
32
32
|
{
|
|
33
33
|
"data-slot": "dialog-overlay",
|
|
34
34
|
className: l(
|
|
35
35
|
"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
|
|
36
|
-
|
|
36
|
+
o
|
|
37
37
|
),
|
|
38
38
|
...t
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
41
|
}
|
|
42
|
-
function
|
|
43
|
-
className:
|
|
42
|
+
function v({
|
|
43
|
+
className: o,
|
|
44
44
|
children: t,
|
|
45
|
-
showCloseButton:
|
|
46
|
-
...
|
|
45
|
+
showCloseButton: i = !0,
|
|
46
|
+
...r
|
|
47
47
|
}) {
|
|
48
|
-
return /* @__PURE__ */ n(
|
|
49
|
-
/* @__PURE__ */
|
|
48
|
+
return /* @__PURE__ */ n(c, { children: [
|
|
49
|
+
/* @__PURE__ */ a(u, {}),
|
|
50
50
|
/* @__PURE__ */ n(
|
|
51
51
|
e.Content,
|
|
52
52
|
{
|
|
53
53
|
"data-slot": "dialog-content",
|
|
54
54
|
className: l(
|
|
55
|
-
"fixed top-1/2 left-1/2 z-50
|
|
56
|
-
|
|
55
|
+
"fixed top-1/2 left-1/2 z-50 flex flex-col w-[calc(100%-2rem)] max-w-lg max-h-[90svh] -translate-x-1/2 -translate-y-1/2 rounded-xl bg-background text-sm shadow-elevation-3 ring-1 ring-foreground/10 duration-100 outline-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
56
|
+
o
|
|
57
57
|
),
|
|
58
|
-
...
|
|
58
|
+
...r,
|
|
59
59
|
children: [
|
|
60
60
|
t,
|
|
61
|
-
|
|
61
|
+
i && /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", asChild: !0, children: /* @__PURE__ */ n(
|
|
62
62
|
d,
|
|
63
63
|
{
|
|
64
64
|
variant: "ghost",
|
|
65
65
|
className: "absolute top-2 right-2",
|
|
66
66
|
size: "icon-sm",
|
|
67
67
|
children: [
|
|
68
|
-
/* @__PURE__ */
|
|
68
|
+
/* @__PURE__ */ a(
|
|
69
69
|
s,
|
|
70
70
|
{}
|
|
71
71
|
),
|
|
72
|
-
/* @__PURE__ */
|
|
72
|
+
/* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
|
|
73
73
|
]
|
|
74
74
|
}
|
|
75
75
|
) })
|
|
@@ -78,62 +78,72 @@ function C({
|
|
|
78
78
|
)
|
|
79
79
|
] });
|
|
80
80
|
}
|
|
81
|
-
function
|
|
82
|
-
return /* @__PURE__ */
|
|
81
|
+
function y({ className: o, ...t }) {
|
|
82
|
+
return /* @__PURE__ */ a(
|
|
83
83
|
"div",
|
|
84
84
|
{
|
|
85
85
|
"data-slot": "dialog-header",
|
|
86
|
-
className: l("flex flex-col gap-2",
|
|
86
|
+
className: l("flex shrink-0 flex-col gap-2 px-4 pt-4 pb-2", o),
|
|
87
|
+
...t
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
function C({ className: o, ...t }) {
|
|
92
|
+
return /* @__PURE__ */ a(
|
|
93
|
+
"div",
|
|
94
|
+
{
|
|
95
|
+
"data-slot": "dialog-body",
|
|
96
|
+
className: l("flex-1 overflow-y-auto px-4 py-2", o),
|
|
87
97
|
...t
|
|
88
98
|
}
|
|
89
99
|
);
|
|
90
100
|
}
|
|
91
101
|
function N({
|
|
92
|
-
className:
|
|
102
|
+
className: o,
|
|
93
103
|
showCloseButton: t = !1,
|
|
94
|
-
children:
|
|
95
|
-
...
|
|
104
|
+
children: i,
|
|
105
|
+
...r
|
|
96
106
|
}) {
|
|
97
107
|
return /* @__PURE__ */ n(
|
|
98
108
|
"div",
|
|
99
109
|
{
|
|
100
110
|
"data-slot": "dialog-footer",
|
|
101
111
|
className: l(
|
|
102
|
-
"
|
|
103
|
-
|
|
112
|
+
"flex shrink-0 flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 px-4 py-3 sm:flex-row sm:justify-end",
|
|
113
|
+
o
|
|
104
114
|
),
|
|
105
|
-
...
|
|
115
|
+
...r,
|
|
106
116
|
children: [
|
|
107
|
-
|
|
108
|
-
t && /* @__PURE__ */
|
|
117
|
+
i,
|
|
118
|
+
t && /* @__PURE__ */ a(e.Close, { asChild: !0, children: /* @__PURE__ */ a(d, { variant: "outline", children: "Close" }) })
|
|
109
119
|
]
|
|
110
120
|
}
|
|
111
121
|
);
|
|
112
122
|
}
|
|
113
|
-
function
|
|
114
|
-
className:
|
|
123
|
+
function k({
|
|
124
|
+
className: o,
|
|
115
125
|
...t
|
|
116
126
|
}) {
|
|
117
|
-
return /* @__PURE__ */
|
|
127
|
+
return /* @__PURE__ */ a(
|
|
118
128
|
e.Title,
|
|
119
129
|
{
|
|
120
130
|
"data-slot": "dialog-title",
|
|
121
|
-
className: l("text-base leading-none font-medium",
|
|
131
|
+
className: l("text-base leading-none font-medium", o),
|
|
122
132
|
...t
|
|
123
133
|
}
|
|
124
134
|
);
|
|
125
135
|
}
|
|
126
|
-
function
|
|
127
|
-
className:
|
|
136
|
+
function w({
|
|
137
|
+
className: o,
|
|
128
138
|
...t
|
|
129
139
|
}) {
|
|
130
|
-
return /* @__PURE__ */
|
|
140
|
+
return /* @__PURE__ */ a(
|
|
131
141
|
e.Description,
|
|
132
142
|
{
|
|
133
143
|
"data-slot": "dialog-description",
|
|
134
144
|
className: l(
|
|
135
145
|
"text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
|
|
136
|
-
|
|
146
|
+
o
|
|
137
147
|
),
|
|
138
148
|
...t
|
|
139
149
|
}
|
|
@@ -141,14 +151,15 @@ function z({
|
|
|
141
151
|
}
|
|
142
152
|
export {
|
|
143
153
|
h as Dialog,
|
|
154
|
+
C as DialogBody,
|
|
144
155
|
b as DialogClose,
|
|
145
|
-
|
|
146
|
-
|
|
156
|
+
v as DialogContent,
|
|
157
|
+
w as DialogDescription,
|
|
147
158
|
N as DialogFooter,
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
159
|
+
y as DialogHeader,
|
|
160
|
+
u as DialogOverlay,
|
|
161
|
+
c as DialogPortal,
|
|
162
|
+
k as DialogTitle,
|
|
152
163
|
D as DialogTrigger
|
|
153
164
|
};
|
|
154
165
|
//# sourceMappingURL=dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["import { XIcon } from \"lucide-react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogContent({\n className,\n children,\n showCloseButton = true,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean\n}) {\n return (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"fixed top-1/2 left-1/2 z-50
|
|
1
|
+
{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["import { XIcon } from \"lucide-react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogContent({\n className,\n children,\n showCloseButton = true,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean\n}) {\n return (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"fixed top-1/2 left-1/2 z-50 flex flex-col w-[calc(100%-2rem)] max-w-lg max-h-[90svh] -translate-x-1/2 -translate-y-1/2 rounded-xl bg-background text-sm shadow-elevation-3 ring-1 ring-foreground/10 duration-100 outline-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n className\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close data-slot=\"dialog-close\" asChild>\n <Button\n variant=\"ghost\"\n className=\"absolute top-2 right-2\"\n size=\"icon-sm\"\n >\n <XIcon\n />\n <span className=\"sr-only\">Close</span>\n </Button>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"flex shrink-0 flex-col gap-2 px-4 pt-4 pb-2\", className)}\n {...props}\n />\n )\n}\n\nfunction DialogBody({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-body\"\n className={cn(\"flex-1 overflow-y-auto px-4 py-2\", className)}\n {...props}\n />\n )\n}\n\nfunction DialogFooter({\n className,\n showCloseButton = false,\n children,\n ...props\n}: React.ComponentProps<\"div\"> & {\n showCloseButton?: boolean\n}) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n \"flex shrink-0 flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 px-4 py-3 sm:flex-row sm:justify-end\",\n className\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close asChild>\n <Button variant=\"outline\">Close</Button>\n </DialogPrimitive.Close>\n )}\n </div>\n )\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\"text-base leading-none font-medium\", className)}\n {...props}\n />\n )\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\n \"text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n Dialog,\n DialogBody,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n}\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","jsxs","Button","XIcon","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../lib/utils.cjs");function n({className:e,containerClassName:t,variant:r,...l}){return a.jsx("div",{"data-slot":"table-container","data-variant":r,className:o.cn("relative w-full overflow-auto",r==="card"&&"rounded-lg border bg-card",t),children:a.jsx("table",{"data-slot":"table",className:o.cn("w-full caption-bottom text-sm",e),...l})})}function d({className:e,variant:t,...r}){return a.jsx("thead",{"data-slot":"table-header",className:o.cn("bg-muted/50 [&_tr]:border-b",t==="sticky"&&"sticky top-0 z-10 bg-background",e),...r})}function s({className:e,...t}){return a.jsx("tbody",{"data-slot":"table-body",className:o.cn("[&_tr:last-child]:border-0",e),...t})}function c({className:e,...t}){return a.jsx("tfoot",{"data-slot":"table-footer",className:o.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t})}function i({className:e,...t}){return a.jsx("tr",{"data-slot":"table-row",className:o.cn("group/row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50",e),...t})}function b({className:e,variant:t,...r}){return a.jsx("th",{"data-slot":"table-head",className:o.cn("h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0","in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14",t==="numeric"&&"text-right",t==="action"&&"w-10",e),...r})}function u({className:e,variant:t,...r}){return a.jsx("td",{"data-slot":"table-cell",className:o.cn("p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0","in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5",t==="numeric"&&"text-right tabular-nums",t==="action"&&"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity",e),...r})}function m({className:e,...t}){return a.jsx("caption",{"data-slot":"table-caption",className:o.cn("mt-4 text-sm text-muted-foreground",e),...t})}exports.Table=n;exports.TableBody=s;exports.TableCaption=m;exports.TableCell=u;exports.TableFooter=c;exports.TableHead=b;exports.TableHeader=d;exports.TableRow=i;
|
|
2
2
|
//# sourceMappingURL=table.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.cjs","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({
|
|
1
|
+
{"version":3,"file":"table.cjs","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n className,\n containerClassName,\n variant,\n ...props\n}: React.ComponentProps<\"table\"> & {\n containerClassName?: string\n variant?: \"default\" | \"card\"\n}) {\n return (\n <div\n data-slot=\"table-container\"\n data-variant={variant}\n className={cn(\n \"relative w-full overflow-auto\",\n variant === \"card\" && \"rounded-lg border bg-card\",\n containerClassName,\n )}\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"thead\"> & {\n variant?: \"default\" | \"sticky\"\n}) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\n \"bg-muted/50 [&_tr]:border-b\",\n variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"group/row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"th\"> & {\n variant?: \"default\" | \"numeric\" | \"action\"\n}) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n \"in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14\",\n variant === \"numeric\" && \"text-right\",\n variant === \"action\" && \"w-10\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"td\"> & {\n variant?: \"default\" | \"numeric\" | \"action\"\n}) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n \"in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5\",\n variant === \"numeric\" && \"text-right tabular-nums\",\n variant === \"action\" &&\n \"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n"],"names":["Table","className","containerClassName","variant","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"sJAIA,SAASA,EAAM,CACb,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAGG,CACD,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,kBACV,eAAcF,EACd,UAAWG,EAAAA,GACT,gCACAH,IAAY,QAAU,4BACtBD,CAAA,EAGF,SAAAG,EAAAA,IAAC,QAAA,CACC,YAAU,QACV,UAAWC,EAAAA,GAAG,gCAAiCL,CAAS,EACvD,GAAGG,CAAA,CAAA,CACN,CAAA,CAGN,CAEA,SAASG,EAAY,CACnB,UAAAN,EACA,QAAAE,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,8BACAH,IAAY,UAAY,kCACxBF,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAP,EAAW,GAAGG,GAAwC,CACzE,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BL,CAAS,EACpD,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CAAE,UAAAR,EAAW,GAAGG,GAAwC,CAC3E,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,0DACAL,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASM,EAAS,CAAE,UAAAT,EAAW,GAAGG,GAAqC,CACrE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,YACV,UAAWC,EAAAA,GACT,+JACAL,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASO,EAAU,CACjB,UAAAV,EACA,QAAAE,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,+GACA,+DACAH,IAAY,WAAa,aACzBA,IAAY,UAAY,OACxBF,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAU,CACjB,UAAAX,EACA,QAAAE,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,mEACA,gEACAH,IAAY,WAAa,0BACzBA,IAAY,UACV,uHACFF,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASS,EAAa,CACpB,UAAAZ,EACA,GAAGG,CACL,EAAoC,CAClC,OACEC,EAAAA,IAAC,UAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,qCAAsCL,CAAS,EAC5D,GAAGG,CAAA,CAAA,CAGV"}
|
|
@@ -1,115 +1,147 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { cn as o } from "../../lib/utils.js";
|
|
3
|
-
function
|
|
3
|
+
function i({
|
|
4
|
+
className: e,
|
|
5
|
+
containerClassName: t,
|
|
6
|
+
variant: r,
|
|
7
|
+
...d
|
|
8
|
+
}) {
|
|
4
9
|
return /* @__PURE__ */ a(
|
|
5
10
|
"div",
|
|
6
11
|
{
|
|
7
12
|
"data-slot": "table-container",
|
|
8
|
-
|
|
13
|
+
"data-variant": r,
|
|
14
|
+
className: o(
|
|
15
|
+
"relative w-full overflow-auto",
|
|
16
|
+
r === "card" && "rounded-lg border bg-card",
|
|
17
|
+
t
|
|
18
|
+
),
|
|
9
19
|
children: /* @__PURE__ */ a(
|
|
10
20
|
"table",
|
|
11
21
|
{
|
|
12
22
|
"data-slot": "table",
|
|
13
|
-
className: o("w-full caption-bottom text-sm",
|
|
14
|
-
...
|
|
23
|
+
className: o("w-full caption-bottom text-sm", e),
|
|
24
|
+
...d
|
|
15
25
|
}
|
|
16
26
|
)
|
|
17
27
|
}
|
|
18
28
|
);
|
|
19
29
|
}
|
|
20
|
-
function
|
|
30
|
+
function c({
|
|
31
|
+
className: e,
|
|
32
|
+
variant: t,
|
|
33
|
+
...r
|
|
34
|
+
}) {
|
|
21
35
|
return /* @__PURE__ */ a(
|
|
22
36
|
"thead",
|
|
23
37
|
{
|
|
24
38
|
"data-slot": "table-header",
|
|
25
|
-
className: o(
|
|
26
|
-
|
|
39
|
+
className: o(
|
|
40
|
+
"bg-muted/50 [&_tr]:border-b",
|
|
41
|
+
t === "sticky" && "sticky top-0 z-10 bg-background",
|
|
42
|
+
e
|
|
43
|
+
),
|
|
44
|
+
...r
|
|
27
45
|
}
|
|
28
46
|
);
|
|
29
47
|
}
|
|
30
|
-
function s({ className:
|
|
48
|
+
function s({ className: e, ...t }) {
|
|
31
49
|
return /* @__PURE__ */ a(
|
|
32
50
|
"tbody",
|
|
33
51
|
{
|
|
34
52
|
"data-slot": "table-body",
|
|
35
|
-
className: o("[&_tr:last-child]:border-0",
|
|
36
|
-
...
|
|
53
|
+
className: o("[&_tr:last-child]:border-0", e),
|
|
54
|
+
...t
|
|
37
55
|
}
|
|
38
56
|
);
|
|
39
57
|
}
|
|
40
|
-
function b({ className:
|
|
58
|
+
function b({ className: e, ...t }) {
|
|
41
59
|
return /* @__PURE__ */ a(
|
|
42
60
|
"tfoot",
|
|
43
61
|
{
|
|
44
62
|
"data-slot": "table-footer",
|
|
45
63
|
className: o(
|
|
46
64
|
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
47
|
-
|
|
65
|
+
e
|
|
48
66
|
),
|
|
49
|
-
...
|
|
67
|
+
...t
|
|
50
68
|
}
|
|
51
69
|
);
|
|
52
70
|
}
|
|
53
|
-
function
|
|
71
|
+
function u({ className: e, ...t }) {
|
|
54
72
|
return /* @__PURE__ */ a(
|
|
55
73
|
"tr",
|
|
56
74
|
{
|
|
57
75
|
"data-slot": "table-row",
|
|
58
76
|
className: o(
|
|
59
|
-
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
60
|
-
|
|
77
|
+
"group/row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50",
|
|
78
|
+
e
|
|
61
79
|
),
|
|
62
|
-
...
|
|
80
|
+
...t
|
|
63
81
|
}
|
|
64
82
|
);
|
|
65
83
|
}
|
|
66
|
-
function
|
|
84
|
+
function m({
|
|
85
|
+
className: e,
|
|
86
|
+
variant: t,
|
|
87
|
+
...r
|
|
88
|
+
}) {
|
|
67
89
|
return /* @__PURE__ */ a(
|
|
68
90
|
"th",
|
|
69
91
|
{
|
|
70
92
|
"data-slot": "table-head",
|
|
71
93
|
className: o(
|
|
72
|
-
"h-
|
|
73
|
-
|
|
94
|
+
"h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
|
|
95
|
+
"in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14",
|
|
96
|
+
t === "numeric" && "text-right",
|
|
97
|
+
t === "action" && "w-10",
|
|
98
|
+
e
|
|
74
99
|
),
|
|
75
|
-
...
|
|
100
|
+
...r
|
|
76
101
|
}
|
|
77
102
|
);
|
|
78
103
|
}
|
|
79
|
-
function
|
|
104
|
+
function p({
|
|
105
|
+
className: e,
|
|
106
|
+
variant: t,
|
|
107
|
+
...r
|
|
108
|
+
}) {
|
|
80
109
|
return /* @__PURE__ */ a(
|
|
81
110
|
"td",
|
|
82
111
|
{
|
|
83
112
|
"data-slot": "table-cell",
|
|
84
113
|
className: o(
|
|
85
|
-
"p-
|
|
86
|
-
|
|
114
|
+
"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
|
|
115
|
+
"in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5",
|
|
116
|
+
t === "numeric" && "text-right tabular-nums",
|
|
117
|
+
t === "action" && "opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity",
|
|
118
|
+
e
|
|
87
119
|
),
|
|
88
|
-
...
|
|
120
|
+
...r
|
|
89
121
|
}
|
|
90
122
|
);
|
|
91
123
|
}
|
|
92
|
-
function
|
|
93
|
-
className:
|
|
94
|
-
...
|
|
124
|
+
function f({
|
|
125
|
+
className: e,
|
|
126
|
+
...t
|
|
95
127
|
}) {
|
|
96
128
|
return /* @__PURE__ */ a(
|
|
97
129
|
"caption",
|
|
98
130
|
{
|
|
99
131
|
"data-slot": "table-caption",
|
|
100
|
-
className: o("mt-4 text-sm text-muted-foreground",
|
|
101
|
-
...
|
|
132
|
+
className: o("mt-4 text-sm text-muted-foreground", e),
|
|
133
|
+
...t
|
|
102
134
|
}
|
|
103
135
|
);
|
|
104
136
|
}
|
|
105
137
|
export {
|
|
106
|
-
|
|
138
|
+
i as Table,
|
|
107
139
|
s as TableBody,
|
|
108
|
-
|
|
109
|
-
|
|
140
|
+
f as TableCaption,
|
|
141
|
+
p as TableCell,
|
|
110
142
|
b as TableFooter,
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
143
|
+
m as TableHead,
|
|
144
|
+
c as TableHeader,
|
|
145
|
+
u as TableRow
|
|
114
146
|
};
|
|
115
147
|
//# sourceMappingURL=table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({
|
|
1
|
+
{"version":3,"file":"table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n className,\n containerClassName,\n variant,\n ...props\n}: React.ComponentProps<\"table\"> & {\n containerClassName?: string\n variant?: \"default\" | \"card\"\n}) {\n return (\n <div\n data-slot=\"table-container\"\n data-variant={variant}\n className={cn(\n \"relative w-full overflow-auto\",\n variant === \"card\" && \"rounded-lg border bg-card\",\n containerClassName,\n )}\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"thead\"> & {\n variant?: \"default\" | \"sticky\"\n}) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\n \"bg-muted/50 [&_tr]:border-b\",\n variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"group/row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"th\"> & {\n variant?: \"default\" | \"numeric\" | \"action\"\n}) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n \"in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14\",\n variant === \"numeric\" && \"text-right\",\n variant === \"action\" && \"w-10\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"td\"> & {\n variant?: \"default\" | \"numeric\" | \"action\"\n}) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n \"in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5\",\n variant === \"numeric\" && \"text-right tabular-nums\",\n variant === \"action\" &&\n \"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n"],"names":["Table","className","containerClassName","variant","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;AAIA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAGG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcF;AAAA,MACd,WAAWG;AAAA,QACT;AAAA,QACAH,MAAY,UAAU;AAAA,QACtBD;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,iCAAiCL,CAAS;AAAA,UACvD,GAAGG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,SAAAE;AAAA,EACA,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH,MAAY,YAAY;AAAA,QACxBF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAP,GAAW,GAAGG,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BL,CAAS;AAAA,MACpD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAR,GAAW,GAAGG,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAS,EAAE,WAAAT,GAAW,GAAGG,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU;AAAA,EACjB,WAAAV;AAAA,EACA,SAAAE;AAAA,EACA,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAH,MAAY,aAAa;AAAA,QACzBA,MAAY,YAAY;AAAA,QACxBF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAU;AAAA,EACjB,WAAAX;AAAA,EACA,SAAAE;AAAA,EACA,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAH,MAAY,aAAa;AAAA,QACzBA,MAAY,YACV;AAAA,QACFF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAa;AAAA,EACpB,WAAAZ;AAAA,EACA,GAAGG;AACL,GAAoC;AAClC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCL,CAAS;AAAA,MAC5D,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("class-variance-authority"),e=require("radix-ui"),i=require("../../lib/utils.cjs");function d({className:t,orientation:a="horizontal",...n}){return r.jsx(e.Tabs.Root,{"data-slot":"tabs","data-orientation":a,className:i.cn("group/tabs flex gap-2 data-horizontal:flex-col",t),...n})}const s=o.cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function l({className:t,variant:a="default",...n}){return r.jsx(e.Tabs.List,{"data-slot":"tabs-list","data-variant":a,className:i.cn(s({variant:a}),t),...n})}function u({className:t,...a}){return r.jsx(e.Tabs.Trigger,{"data-slot":"tabs-trigger",className:i.cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary","data-active:bg-primary data-active:text-primary-foreground data-active:shadow-sm dark:data-active:bg-primary dark:data-active:text-primary-foreground","not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground","after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",t),...a})}function c({className:t,...a}){return r.jsx(e.Tabs.Content,{"data-slot":"tabs-content",className:i.cn("flex-1 text-sm outline-none",t),...a})}exports.Tabs=d;exports.TabsContent=c;exports.TabsList=l;exports.TabsTrigger=u;exports.tabsListVariants=s;
|
|
2
2
|
//# sourceMappingURL=tabs.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.cjs","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Tabs as TabsPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n className,\n orientation = \"horizontal\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-orientation={orientation}\n className={cn(\n \"group/tabs flex gap-2 data-horizontal:flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst tabsListVariants = cva(\n \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n {\n variants: {\n variant: {\n default: \"bg-muted\",\n line: \"gap-1 bg-transparent\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction TabsList({\n className,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n VariantProps<typeof tabsListVariants>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n data-variant={variant}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n \"data-active:bg-
|
|
1
|
+
{"version":3,"file":"tabs.cjs","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Tabs as TabsPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n className,\n orientation = \"horizontal\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-orientation={orientation}\n className={cn(\n \"group/tabs flex gap-2 data-horizontal:flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst tabsListVariants = cva(\n \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n {\n variants: {\n variant: {\n default: \"bg-muted\",\n line: \"gap-1 bg-transparent\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction TabsList({\n className,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n VariantProps<typeof tabsListVariants>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n data-variant={variant}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary\",\n \"data-active:bg-primary data-active:text-primary-foreground data-active:shadow-sm dark:data-active:bg-primary dark:data-active:text-primary-foreground\",\n \"not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground\",\n \"after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn(\"flex-1 text-sm outline-none\", className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"names":["Tabs","className","orientation","props","jsx","TabsPrimitive","cn","tabsListVariants","cva","TabsList","variant","TabsTrigger","TabsContent"],"mappings":"kNAQA,SAASA,EAAK,CACZ,UAAAC,EACA,YAAAC,EAAc,aACd,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,IAACC,EAAAA,KAAc,KAAd,CACC,YAAU,OACV,mBAAkBH,EAClB,UAAWI,EAAAA,GACT,iDACAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,MAAMI,EAAmBC,EAAAA,IACvB,0OACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,WACT,KAAM,sBAAA,CACR,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAS,CAChB,UAAAR,EACA,QAAAS,EAAU,UACV,GAAGP,CACL,EACyC,CACvC,OACEC,EAAAA,IAACC,EAAAA,KAAc,KAAd,CACC,YAAU,YACV,eAAcK,EACd,UAAWJ,EAAAA,GAAGC,EAAiB,CAAE,QAAAG,CAAA,CAAS,EAAGT,CAAS,EACrD,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAY,CACnB,UAAAV,EACA,GAAGE,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,KAAc,QAAd,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,guBACA,+XACA,wJACA,+EACA,oYACAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASS,EAAY,CACnB,UAAAX,EACA,GAAGE,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,KAAc,QAAd,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,8BAA+BL,CAAS,EACrD,GAAGE,CAAA,CAAA,CAGV"}
|