@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.
Files changed (39) hide show
  1. package/dist/components/ui/alert.cjs +1 -1
  2. package/dist/components/ui/alert.cjs.map +1 -1
  3. package/dist/components/ui/alert.js +23 -20
  4. package/dist/components/ui/alert.js.map +1 -1
  5. package/dist/components/ui/badge.cjs +1 -1
  6. package/dist/components/ui/badge.cjs.map +1 -1
  7. package/dist/components/ui/badge.js +10 -10
  8. package/dist/components/ui/badge.js.map +1 -1
  9. package/dist/components/ui/data-table/data-table-column-toggle.cjs +2 -0
  10. package/dist/components/ui/data-table/data-table-column-toggle.cjs.map +1 -0
  11. package/dist/components/ui/data-table/data-table-column-toggle.js +142 -0
  12. package/dist/components/ui/data-table/data-table-column-toggle.js.map +1 -0
  13. package/dist/components/ui/data-table/data-table-pagination.cjs +2 -0
  14. package/dist/components/ui/data-table/data-table-pagination.cjs.map +1 -0
  15. package/dist/components/ui/data-table/data-table-pagination.js +88 -0
  16. package/dist/components/ui/data-table/data-table-pagination.js.map +1 -0
  17. package/dist/components/ui/data-table/data-table.cjs +2 -0
  18. package/dist/components/ui/data-table/data-table.cjs.map +1 -0
  19. package/dist/components/ui/data-table/data-table.js +293 -0
  20. package/dist/components/ui/data-table/data-table.js.map +1 -0
  21. package/dist/components/ui/dialog.cjs +1 -1
  22. package/dist/components/ui/dialog.cjs.map +1 -1
  23. package/dist/components/ui/dialog.js +62 -51
  24. package/dist/components/ui/dialog.js.map +1 -1
  25. package/dist/components/ui/table.cjs +1 -1
  26. package/dist/components/ui/table.cjs.map +1 -1
  27. package/dist/components/ui/table.js +68 -36
  28. package/dist/components/ui/table.js.map +1 -1
  29. package/dist/components/ui/tabs.cjs +1 -1
  30. package/dist/components/ui/tabs.cjs.map +1 -1
  31. package/dist/components/ui/tabs.js +28 -27
  32. package/dist/components/ui/tabs.js.map +1 -1
  33. package/dist/index.cjs +1 -1
  34. package/dist/index.css +1 -1
  35. package/dist/index.d.ts +73 -5
  36. package/dist/index.js +338 -329
  37. package/dist/index.js.map +1 -1
  38. package/dist/index.tailwind.css +1 -1
  39. package/package.json +6 -1
@@ -1,75 +1,75 @@
1
- import { jsx as o, jsxs as n } from "react/jsx-runtime";
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
- ...a
7
+ ...o
8
8
  }) {
9
- return /* @__PURE__ */ o(e.Root, { "data-slot": "dialog", ...a });
9
+ return /* @__PURE__ */ a(e.Root, { "data-slot": "dialog", ...o });
10
10
  }
11
11
  function D({
12
- ...a
12
+ ...o
13
13
  }) {
14
- return /* @__PURE__ */ o(e.Trigger, { "data-slot": "dialog-trigger", ...a });
14
+ return /* @__PURE__ */ a(e.Trigger, { "data-slot": "dialog-trigger", ...o });
15
15
  }
16
- function u({
17
- ...a
16
+ function c({
17
+ ...o
18
18
  }) {
19
- return /* @__PURE__ */ o(e.Portal, { "data-slot": "dialog-portal", ...a });
19
+ return /* @__PURE__ */ a(e.Portal, { "data-slot": "dialog-portal", ...o });
20
20
  }
21
21
  function b({
22
- ...a
22
+ ...o
23
23
  }) {
24
- return /* @__PURE__ */ o(e.Close, { "data-slot": "dialog-close", ...a });
24
+ return /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", ...o });
25
25
  }
26
- function c({
27
- className: a,
26
+ function u({
27
+ className: o,
28
28
  ...t
29
29
  }) {
30
- return /* @__PURE__ */ o(
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
- a
36
+ o
37
37
  ),
38
38
  ...t
39
39
  }
40
40
  );
41
41
  }
42
- function C({
43
- className: a,
42
+ function v({
43
+ className: o,
44
44
  children: t,
45
- showCloseButton: r = !0,
46
- ...i
45
+ showCloseButton: i = !0,
46
+ ...r
47
47
  }) {
48
- return /* @__PURE__ */ n(u, { children: [
49
- /* @__PURE__ */ o(c, {}),
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 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 text-sm ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm 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
- a
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
- ...i,
58
+ ...r,
59
59
  children: [
60
60
  t,
61
- r && /* @__PURE__ */ o(e.Close, { "data-slot": "dialog-close", asChild: !0, children: /* @__PURE__ */ n(
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__ */ o(
68
+ /* @__PURE__ */ a(
69
69
  s,
70
70
  {}
71
71
  ),
72
- /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
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 v({ className: a, ...t }) {
82
- return /* @__PURE__ */ o(
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", a),
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: a,
102
+ className: o,
93
103
  showCloseButton: t = !1,
94
- children: r,
95
- ...i
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
- "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
103
- a
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
- ...i,
115
+ ...r,
106
116
  children: [
107
- r,
108
- t && /* @__PURE__ */ o(e.Close, { asChild: !0, children: /* @__PURE__ */ o(d, { variant: "outline", children: "Close" }) })
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 y({
114
- className: a,
123
+ function k({
124
+ className: o,
115
125
  ...t
116
126
  }) {
117
- return /* @__PURE__ */ o(
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", a),
131
+ className: l("text-base leading-none font-medium", o),
122
132
  ...t
123
133
  }
124
134
  );
125
135
  }
126
- function z({
127
- className: a,
136
+ function w({
137
+ className: o,
128
138
  ...t
129
139
  }) {
130
- return /* @__PURE__ */ o(
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
- a
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
- C as DialogContent,
146
- z as DialogDescription,
156
+ v as DialogContent,
157
+ w as DialogDescription,
147
158
  N as DialogFooter,
148
- v as DialogHeader,
149
- c as DialogOverlay,
150
- u as DialogPortal,
151
- y as DialogTitle,
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 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 text-sm ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm 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 flex-col gap-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 \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 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 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","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
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"),l=require("../../lib/utils.cjs");function o({className:e,...t}){return a.jsx("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:a.jsx("table",{"data-slot":"table",className:l.cn("w-full caption-bottom text-sm",e),...t})})}function r({className:e,...t}){return a.jsx("thead",{"data-slot":"table-header",className:l.cn("[&_tr]:border-b",e),...t})}function n({className:e,...t}){return a.jsx("tbody",{"data-slot":"table-body",className:l.cn("[&_tr:last-child]:border-0",e),...t})}function s({className:e,...t}){return a.jsx("tfoot",{"data-slot":"table-footer",className:l.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t})}function d({className:e,...t}){return a.jsx("tr",{"data-slot":"table-row",className:l.cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...t})}function b({className:e,...t}){return a.jsx("th",{"data-slot":"table-head",className:l.cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",e),...t})}function c({className:e,...t}){return a.jsx("td",{"data-slot":"table-cell",className:l.cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",e),...t})}function i({className:e,...t}){return a.jsx("caption",{"data-slot":"table-caption",className:l.cn("mt-4 text-sm text-muted-foreground",e),...t})}exports.Table=o;exports.TableBody=n;exports.TableCaption=i;exports.TableCell=c;exports.TableFooter=s;exports.TableHead=b;exports.TableHeader=r;exports.TableRow=d;
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({ className, ...props }: React.ComponentProps<\"table\">) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\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({ className, ...props }: React.ComponentProps<\"thead\">) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"[&_tr]:border-b\", className)}\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 \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\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","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"sJAIA,SAASA,EAAM,CAAE,UAAAC,EAAW,GAAGC,GAAwC,CACrE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,kBACV,UAAU,kCAEV,SAAAA,EAAAA,IAAC,QAAA,CACC,YAAU,QACV,UAAWC,EAAAA,GAAG,gCAAiCH,CAAS,EACvD,GAAGC,CAAA,CAAA,CACN,CAAA,CAGN,CAEA,SAASG,EAAY,CAAE,UAAAJ,EAAW,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,kBAAmBH,CAAS,EACzC,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAwC,CACzE,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CAAE,UAAAN,EAAW,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,0DACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAS,CAAE,UAAAP,EAAW,GAAGC,GAAqC,CACrE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,YACV,UAAWC,EAAAA,GACT,8EACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASO,EAAU,CAAE,UAAAR,EAAW,GAAGC,GAAqC,CACtE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,+GACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAU,CAAE,UAAAT,EAAW,GAAGC,GAAqC,CACtE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,mEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASS,EAAa,CACpB,UAAAV,EACA,GAAGC,CACL,EAAoC,CAClC,OACEC,EAAAA,IAAC,UAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,qCAAsCH,CAAS,EAC5D,GAAGC,CAAA,CAAA,CAGV"}
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 n({ className: t, ...e }) {
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
- className: "relative w-full overflow-x-auto",
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", t),
14
- ...e
23
+ className: o("w-full caption-bottom text-sm", e),
24
+ ...d
15
25
  }
16
26
  )
17
27
  }
18
28
  );
19
29
  }
20
- function d({ className: t, ...e }) {
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("[&_tr]:border-b", t),
26
- ...e
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: t, ...e }) {
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", t),
36
- ...e
53
+ className: o("[&_tr:last-child]:border-0", e),
54
+ ...t
37
55
  }
38
56
  );
39
57
  }
40
- function b({ className: t, ...e }) {
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
- t
65
+ e
48
66
  ),
49
- ...e
67
+ ...t
50
68
  }
51
69
  );
52
70
  }
53
- function c({ className: t, ...e }) {
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
- t
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
- ...e
80
+ ...t
63
81
  }
64
82
  );
65
83
  }
66
- function i({ className: t, ...e }) {
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-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
73
- t
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
- ...e
100
+ ...r
76
101
  }
77
102
  );
78
103
  }
79
- function m({ className: t, ...e }) {
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-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
86
- t
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
- ...e
120
+ ...r
89
121
  }
90
122
  );
91
123
  }
92
- function u({
93
- className: t,
94
- ...e
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", t),
101
- ...e
132
+ className: o("mt-4 text-sm text-muted-foreground", e),
133
+ ...t
102
134
  }
103
135
  );
104
136
  }
105
137
  export {
106
- n as Table,
138
+ i as Table,
107
139
  s as TableBody,
108
- u as TableCaption,
109
- m as TableCell,
140
+ f as TableCaption,
141
+ p as TableCell,
110
142
  b as TableFooter,
111
- i as TableHead,
112
- d as TableHeader,
113
- c as TableRow
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({ className, ...props }: React.ComponentProps<\"table\">) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\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({ className, ...props }: React.ComponentProps<\"thead\">) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"[&_tr]:border-b\", className)}\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 \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\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","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,UACvD,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,mBAAmBH,CAAS;AAAA,MACzC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAN,GAAW,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAS,EAAE,WAAAP,GAAW,GAAGC,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAU,EAAE,WAAAT,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAa;AAAA,EACpB,WAAAV;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
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 e=require("react/jsx-runtime"),o=require("class-variance-authority"),r=require("radix-ui"),i=require("../../lib/utils.cjs");function d({className:a,orientation:t="horizontal",...n}){return e.jsx(r.Tabs.Root,{"data-slot":"tabs","data-orientation":t,className:i.cn("group/tabs flex gap-2 data-horizontal:flex-col",a),...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:a,variant:t="default",...n}){return e.jsx(r.Tabs.List,{"data-slot":"tabs-list","data-variant":t,className:i.cn(s({variant:t}),a),...n})}function u({className:a,...t}){return e.jsx(r.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 dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent","data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground","after:absolute after:bg-foreground 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",a),...t})}function b({className:a,...t}){return e.jsx(r.Tabs.Content,{"data-slot":"tabs-content",className:i.cn("flex-1 text-sm outline-none",a),...t})}exports.Tabs=d;exports.TabsContent=b;exports.TabsList=l;exports.TabsTrigger=u;exports.tabsListVariants=s;
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-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground\",\n \"after:absolute after:bg-foreground 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,gQACA,oJACA,uYACAL,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"}
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"}