@zentauri-ui/zentauri-components 0.0.91 → 0.0.92
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/chunk-BZSIXBA7.js +70 -0
- package/dist/chunk-BZSIXBA7.js.map +1 -0
- package/dist/chunk-E5UX537J.js +11 -0
- package/dist/chunk-E5UX537J.js.map +1 -0
- package/dist/chunk-MEWYFWBX.mjs +14 -0
- package/dist/chunk-MEWYFWBX.mjs.map +1 -0
- package/dist/chunk-VJHD7QZH.mjs +73 -0
- package/dist/chunk-VJHD7QZH.mjs.map +1 -0
- package/dist/ui/accordion.js +51 -57
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/{accordion.cjs → accordion.mjs} +38 -67
- package/dist/ui/accordion.mjs.map +1 -0
- package/dist/ui/{alert.d.cts → alert.d.mts} +1 -1
- package/dist/ui/alert.d.ts +1 -1
- package/dist/ui/alert.js +40 -46
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/{alert.cjs → alert.mjs} +29 -66
- package/dist/ui/alert.mjs.map +1 -0
- package/dist/ui/{badge.d.cts → badge.d.mts} +1 -1
- package/dist/ui/badge.d.ts +1 -1
- package/dist/ui/badge.js +20 -26
- package/dist/ui/badge.js.map +1 -1
- package/dist/ui/{badge.cjs → badge.mjs} +17 -48
- package/dist/ui/badge.mjs.map +1 -0
- package/dist/ui/{buttons.d.cts → buttons.d.mts} +1 -1
- package/dist/ui/buttons.d.ts +1 -1
- package/dist/ui/buttons.js +18 -87
- package/dist/ui/buttons.js.map +1 -1
- package/dist/ui/buttons.mjs +109 -0
- package/dist/ui/buttons.mjs.map +1 -0
- package/dist/ui/{card.d.cts → card.d.mts} +1 -1
- package/dist/ui/card.d.ts +1 -1
- package/dist/ui/card.js +40 -46
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/{card.cjs → card.mjs} +26 -65
- package/dist/ui/card.mjs.map +1 -0
- package/dist/ui/{divider.d.cts → divider.d.mts} +2 -2
- package/dist/ui/divider.d.ts +2 -2
- package/dist/ui/divider.js +30 -36
- package/dist/ui/divider.js.map +1 -1
- package/dist/ui/{divider.cjs → divider.mjs} +22 -55
- package/dist/ui/divider.mjs.map +1 -0
- package/dist/ui/{drawer.d.cts → drawer.d.mts} +3 -3
- package/dist/ui/drawer.d.ts +3 -3
- package/dist/ui/drawer.js +64 -70
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/{drawer.cjs → drawer.mjs} +48 -77
- package/dist/ui/drawer.mjs.map +1 -0
- package/dist/ui/{dropdown.d.cts → dropdown.d.mts} +4 -4
- package/dist/ui/dropdown.d.ts +4 -4
- package/dist/ui/dropdown.js +43 -49
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/{dropdown.cjs → dropdown.mjs} +34 -62
- package/dist/ui/dropdown.mjs.map +1 -0
- package/dist/ui/{empty-state.d.cts → empty-state.d.mts} +1 -1
- package/dist/ui/empty-state.d.ts +1 -1
- package/dist/ui/empty-state.js +31 -37
- package/dist/ui/empty-state.js.map +1 -1
- package/dist/ui/empty-state.mjs +150 -0
- package/dist/ui/empty-state.mjs.map +1 -0
- package/dist/ui/{inputs.d.cts → inputs.d.mts} +2 -2
- package/dist/ui/inputs.d.ts +2 -2
- package/dist/ui/inputs.js +26 -32
- package/dist/ui/inputs.js.map +1 -1
- package/dist/ui/{inputs.cjs → inputs.mjs} +21 -51
- package/dist/ui/inputs.mjs.map +1 -0
- package/dist/ui/{modal.d.cts → modal.d.mts} +3 -3
- package/dist/ui/modal.d.ts +3 -3
- package/dist/ui/modal.js +69 -75
- package/dist/ui/modal.js.map +1 -1
- package/dist/ui/{modal.cjs → modal.mjs} +53 -79
- package/dist/ui/modal.mjs.map +1 -0
- package/dist/ui/{pagination.d.cts → pagination.d.mts} +3 -3
- package/dist/ui/pagination.d.ts +3 -3
- package/dist/ui/pagination.js +48 -117
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/{pagination.cjs → pagination.mjs} +35 -131
- package/dist/ui/pagination.mjs.map +1 -0
- package/dist/ui/{progress.d.cts → progress.d.mts} +5 -5
- package/dist/ui/progress.d.ts +5 -5
- package/dist/ui/progress.js +37 -43
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/{progress.cjs → progress.mjs} +25 -60
- package/dist/ui/progress.mjs.map +1 -0
- package/dist/ui/{select.d.cts → select.d.mts} +4 -4
- package/dist/ui/select.d.ts +4 -4
- package/dist/ui/select.js +43 -49
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/{select.cjs → select.mjs} +31 -68
- package/dist/ui/select.mjs.map +1 -0
- package/dist/ui/{skeleton.d.cts → skeleton.d.mts} +3 -3
- package/dist/ui/skeleton.d.ts +3 -3
- package/dist/ui/skeleton.js +45 -51
- package/dist/ui/skeleton.js.map +1 -1
- package/dist/ui/{skeleton.cjs → skeleton.mjs} +31 -67
- package/dist/ui/skeleton.mjs.map +1 -0
- package/dist/ui/{spinner.d.cts → spinner.d.mts} +3 -3
- package/dist/ui/spinner.d.ts +3 -3
- package/dist/ui/spinner.js +34 -40
- package/dist/ui/spinner.js.map +1 -1
- package/dist/ui/{spinner.cjs → spinner.mjs} +27 -57
- package/dist/ui/spinner.mjs.map +1 -0
- package/dist/ui/{table.d.cts → table.d.mts} +4 -4
- package/dist/ui/table.d.ts +4 -4
- package/dist/ui/table.js +43 -49
- package/dist/ui/table.js.map +1 -1
- package/dist/ui/{table.cjs → table.mjs} +26 -65
- package/dist/ui/table.mjs.map +1 -0
- package/dist/ui/{tabs.d.cts → tabs.d.mts} +1 -1
- package/dist/ui/tabs.d.ts +1 -1
- package/dist/ui/tabs.js +41 -47
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/{tabs.cjs → tabs.mjs} +29 -59
- package/dist/ui/tabs.mjs.map +1 -0
- package/dist/ui/{toast.d.cts → toast.d.mts} +1 -1
- package/dist/ui/toast.d.ts +1 -1
- package/dist/ui/toast.js +57 -63
- package/dist/ui/toast.js.map +1 -1
- package/dist/ui/{toast.cjs → toast.mjs} +43 -74
- package/dist/ui/toast.mjs.map +1 -0
- package/dist/ui/{toggle.d.cts → toggle.d.mts} +1 -1
- package/dist/ui/toggle.d.ts +1 -1
- package/dist/ui/toggle.js +23 -29
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/{toggle.cjs → toggle.mjs} +19 -50
- package/dist/ui/toggle.mjs.map +1 -0
- package/dist/ui/{tooltip.d.cts → tooltip.d.mts} +2 -2
- package/dist/ui/tooltip.d.ts +2 -2
- package/dist/ui/tooltip.js +29 -35
- package/dist/ui/tooltip.js.map +1 -1
- package/dist/ui/{tooltip.cjs → tooltip.mjs} +26 -58
- package/dist/ui/tooltip.mjs.map +1 -0
- package/dist/variants-Dd9pe-ov.d.mts +8 -0
- package/dist/variants-Dd9pe-ov.d.ts +8 -0
- package/package.json +10 -15
- package/dist/ui/accordion.cjs.map +0 -1
- package/dist/ui/alert.cjs.map +0 -1
- package/dist/ui/badge.cjs.map +0 -1
- package/dist/ui/buttons.cjs +0 -202
- package/dist/ui/buttons.cjs.map +0 -1
- package/dist/ui/card.cjs.map +0 -1
- package/dist/ui/divider.cjs.map +0 -1
- package/dist/ui/drawer.cjs.map +0 -1
- package/dist/ui/dropdown.cjs.map +0 -1
- package/dist/ui/empty-state.cjs +0 -186
- package/dist/ui/empty-state.cjs.map +0 -1
- package/dist/ui/index.cjs +0 -5764
- package/dist/ui/index.cjs.map +0 -1
- package/dist/ui/index.d.cts +0 -27
- package/dist/ui/index.d.ts +0 -27
- package/dist/ui/index.js +0 -5626
- package/dist/ui/index.js.map +0 -1
- package/dist/ui/inputs.cjs.map +0 -1
- package/dist/ui/modal.cjs.map +0 -1
- package/dist/ui/pagination.cjs.map +0 -1
- package/dist/ui/progress.cjs.map +0 -1
- package/dist/ui/select.cjs.map +0 -1
- package/dist/ui/skeleton.cjs.map +0 -1
- package/dist/ui/spinner.cjs.map +0 -1
- package/dist/ui/table.cjs.map +0 -1
- package/dist/ui/tabs.cjs.map +0 -1
- package/dist/ui/toast.cjs.map +0 -1
- package/dist/ui/toggle.cjs.map +0 -1
- package/dist/ui/tooltip.cjs.map +0 -1
- package/dist/variants-1Bx3BEeS.d.cts +0 -8
- package/dist/variants-1Bx3BEeS.d.ts +0 -8
- /package/dist/ui/{accordion.d.cts → accordion.d.mts} +0 -0
|
@@ -1,50 +1,12 @@
|
|
|
1
|
-
"use
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use client";
|
|
19
2
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
Table: () => Table,
|
|
24
|
-
TableBody: () => TableBody,
|
|
25
|
-
TableCaption: () => TableCaption,
|
|
26
|
-
TableCell: () => TableCell,
|
|
27
|
-
TableFooter: () => TableFooter,
|
|
28
|
-
TableHead: () => TableHead,
|
|
29
|
-
TableHeader: () => TableHeader,
|
|
30
|
-
TableRow: () => TableRow,
|
|
31
|
-
tableAnimationPresets: () => tableAnimationPresets,
|
|
32
|
-
tableCellVariants: () => tableCellVariants,
|
|
33
|
-
tableRowVariants: () => tableRowVariants,
|
|
34
|
-
tableVariants: () => tableVariants
|
|
35
|
-
});
|
|
36
|
-
module.exports = __toCommonJS(table_exports);
|
|
3
|
+
import {
|
|
4
|
+
cn
|
|
5
|
+
} from "../chunk-MEWYFWBX.mjs";
|
|
37
6
|
|
|
38
7
|
// src/ui/table/table.tsx
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
// src/lib/utils.ts
|
|
43
|
-
var import_clsx = require("clsx");
|
|
44
|
-
var import_tailwind_merge = require("tailwind-merge");
|
|
45
|
-
function cn(...inputs) {
|
|
46
|
-
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
47
|
-
}
|
|
8
|
+
import { createContext, useContext, useMemo } from "react";
|
|
9
|
+
import { motion } from "framer-motion";
|
|
48
10
|
|
|
49
11
|
// src/ui/table/animations.ts
|
|
50
12
|
var tableAnimationPresets = {
|
|
@@ -56,8 +18,8 @@ var tableAnimationPresets = {
|
|
|
56
18
|
};
|
|
57
19
|
|
|
58
20
|
// src/ui/table/variants.ts
|
|
59
|
-
|
|
60
|
-
var tableVariants =
|
|
21
|
+
import { cva } from "class-variance-authority";
|
|
22
|
+
var tableVariants = cva(
|
|
61
23
|
"w-full table-auto border-collapse caption-bottom text-sm text-slate-200 md:table-fixed",
|
|
62
24
|
{
|
|
63
25
|
variants: {
|
|
@@ -96,7 +58,7 @@ var tableVariants = (0, import_class_variance_authority.cva)(
|
|
|
96
58
|
}
|
|
97
59
|
}
|
|
98
60
|
);
|
|
99
|
-
var tableRowVariants =
|
|
61
|
+
var tableRowVariants = cva(
|
|
100
62
|
"border-b border-white/5 transition-colors data-[state=selected]:bg-white/[0.06]",
|
|
101
63
|
{
|
|
102
64
|
variants: {
|
|
@@ -122,7 +84,7 @@ var tableRowVariants = (0, import_class_variance_authority.cva)(
|
|
|
122
84
|
defaultVariants: { appearance: "default" }
|
|
123
85
|
}
|
|
124
86
|
);
|
|
125
|
-
var tableCellVariants =
|
|
87
|
+
var tableCellVariants = cva("min-w-0 border p-3 align-middle break-words", {
|
|
126
88
|
variants: {
|
|
127
89
|
appearance: {
|
|
128
90
|
default: "border-white/10",
|
|
@@ -157,10 +119,10 @@ var tableCellVariants = (0, import_class_variance_authority.cva)("min-w-0 border
|
|
|
157
119
|
});
|
|
158
120
|
|
|
159
121
|
// src/ui/table/table.tsx
|
|
160
|
-
|
|
161
|
-
var TableContext =
|
|
122
|
+
import { jsx } from "react/jsx-runtime";
|
|
123
|
+
var TableContext = createContext(null);
|
|
162
124
|
function useTableContext(component) {
|
|
163
|
-
const ctx =
|
|
125
|
+
const ctx = useContext(TableContext);
|
|
164
126
|
if (!ctx) {
|
|
165
127
|
throw new Error(`${component} must be used within <Table>`);
|
|
166
128
|
}
|
|
@@ -178,7 +140,7 @@ function Table(props) {
|
|
|
178
140
|
ref,
|
|
179
141
|
...rest
|
|
180
142
|
} = props;
|
|
181
|
-
const ctx =
|
|
143
|
+
const ctx = useMemo(
|
|
182
144
|
() => ({
|
|
183
145
|
appearance: appearance ?? "default",
|
|
184
146
|
size: size ?? "md",
|
|
@@ -188,7 +150,7 @@ function Table(props) {
|
|
|
188
150
|
}),
|
|
189
151
|
[appearance, rowAnimation, size, stickyHeader, textAlign]
|
|
190
152
|
);
|
|
191
|
-
return /* @__PURE__ */
|
|
153
|
+
return /* @__PURE__ */ jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx("div", { "data-slot": "table-scroll", className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
|
|
192
154
|
"table",
|
|
193
155
|
{
|
|
194
156
|
ref,
|
|
@@ -208,15 +170,15 @@ Table.displayName = "Table";
|
|
|
208
170
|
function TableHeader({ className, children }) {
|
|
209
171
|
const { stickyHeader } = useTableContext("TableHeader");
|
|
210
172
|
const stickyClass = stickyHeader ? "sticky top-0 z-10 bg-slate-950/95 backdrop-blur" : "";
|
|
211
|
-
return /* @__PURE__ */
|
|
173
|
+
return /* @__PURE__ */ jsx("thead", { "data-slot": "table-header", className: cn(stickyClass, className), children });
|
|
212
174
|
}
|
|
213
175
|
TableHeader.displayName = "TableHeader";
|
|
214
176
|
function TableBody({ className, children }) {
|
|
215
|
-
return /* @__PURE__ */
|
|
177
|
+
return /* @__PURE__ */ jsx("tbody", { "data-slot": "table-body", className: cn(className), children });
|
|
216
178
|
}
|
|
217
179
|
TableBody.displayName = "TableBody";
|
|
218
180
|
function TableFooter({ className, children }) {
|
|
219
|
-
return /* @__PURE__ */
|
|
181
|
+
return /* @__PURE__ */ jsx(
|
|
220
182
|
"tfoot",
|
|
221
183
|
{
|
|
222
184
|
"data-slot": "table-footer",
|
|
@@ -237,8 +199,8 @@ function TableRow({
|
|
|
237
199
|
}) {
|
|
238
200
|
const { appearance, rowAnimation } = useTableContext("TableRow");
|
|
239
201
|
const motionProps = tableAnimationPresets[rowAnimation];
|
|
240
|
-
return /* @__PURE__ */
|
|
241
|
-
|
|
202
|
+
return /* @__PURE__ */ jsx(
|
|
203
|
+
motion.tr,
|
|
242
204
|
{
|
|
243
205
|
ref,
|
|
244
206
|
"data-slot": "table-row",
|
|
@@ -260,7 +222,7 @@ function TableHead({
|
|
|
260
222
|
...rest
|
|
261
223
|
}) {
|
|
262
224
|
const { appearance, size, textAlign } = useTableContext("TableHead");
|
|
263
|
-
return /* @__PURE__ */
|
|
225
|
+
return /* @__PURE__ */ jsx(
|
|
264
226
|
"th",
|
|
265
227
|
{
|
|
266
228
|
ref,
|
|
@@ -284,7 +246,7 @@ function TableCell({
|
|
|
284
246
|
...rest
|
|
285
247
|
}) {
|
|
286
248
|
const { appearance, size, textAlign } = useTableContext("TableCell");
|
|
287
|
-
return /* @__PURE__ */
|
|
249
|
+
return /* @__PURE__ */ jsx(
|
|
288
250
|
"td",
|
|
289
251
|
{
|
|
290
252
|
ref,
|
|
@@ -300,7 +262,7 @@ function TableCell({
|
|
|
300
262
|
}
|
|
301
263
|
TableCell.displayName = "TableCell";
|
|
302
264
|
function TableCaption({ className, children }) {
|
|
303
|
-
return /* @__PURE__ */
|
|
265
|
+
return /* @__PURE__ */ jsx(
|
|
304
266
|
"caption",
|
|
305
267
|
{
|
|
306
268
|
"data-slot": "table-caption",
|
|
@@ -310,8 +272,7 @@ function TableCaption({ className, children }) {
|
|
|
310
272
|
);
|
|
311
273
|
}
|
|
312
274
|
TableCaption.displayName = "TableCaption";
|
|
313
|
-
|
|
314
|
-
0 && (module.exports = {
|
|
275
|
+
export {
|
|
315
276
|
Table,
|
|
316
277
|
TableBody,
|
|
317
278
|
TableCaption,
|
|
@@ -324,5 +285,5 @@ TableCaption.displayName = "TableCaption";
|
|
|
324
285
|
tableCellVariants,
|
|
325
286
|
tableRowVariants,
|
|
326
287
|
tableVariants
|
|
327
|
-
}
|
|
328
|
-
//# sourceMappingURL=table.
|
|
288
|
+
};
|
|
289
|
+
//# sourceMappingURL=table.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ui/table/table.tsx","../../src/ui/table/animations.ts","../../src/ui/table/variants.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { tableAnimationPresets } from \"./animations\";\nimport type {\n TableCellProps,\n TableHeadCellProps,\n TableProps,\n TableSectionProps,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\ntype TableCtx = {\n appearance: NonNullable<TableProps[\"appearance\"]>;\n size: NonNullable<TableProps[\"size\"]>;\n stickyHeader: boolean;\n rowAnimation: NonNullable<TableProps[\"rowAnimation\"]>;\n textAlign: NonNullable<TableCellProps[\"textAlign\"]>;\n};\n\nconst TableContext = createContext<TableCtx | null>(null);\n\nfunction useTableContext(component: string): TableCtx {\n const ctx = useContext(TableContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Table>`);\n }\n return ctx;\n}\n\nexport function Table(props: TableProps) {\n const {\n className,\n appearance = \"default\",\n size = \"md\",\n textAlign = \"left\",\n stickyHeader = false,\n rowAnimation = \"none\",\n children,\n ref,\n ...rest\n } = props;\n const ctx = useMemo(\n () => ({\n appearance: appearance ?? \"default\",\n size: size ?? \"md\",\n stickyHeader: Boolean(stickyHeader),\n rowAnimation,\n textAlign,\n }),\n [appearance, rowAnimation, size, stickyHeader, textAlign],\n );\n\n return (\n <TableContext.Provider value={ctx}>\n <div data-slot=\"table-scroll\" className=\"relative w-full overflow-auto\">\n <table\n ref={ref}\n data-slot=\"table\"\n role=\"table\"\n className={cn(\n tableVariants({ appearance, size, stickyHeader }),\n \"w-full min-w-0 table\",\n className,\n )}\n {...rest}\n >\n {children}\n </table>\n </div>\n </TableContext.Provider>\n );\n}\n\nTable.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n const { stickyHeader } = useTableContext(\"TableHeader\");\n const stickyClass = stickyHeader ? \"sticky top-0 z-10 bg-slate-950/95 backdrop-blur\" : \"\";\n return (\n <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n {children}\n </thead>\n );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n return (\n <tbody data-slot=\"table-body\" className={cn(className)}>\n {children}\n </tbody>\n );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"border-t border-white/10 bg-white/3 font-medium\",\n className,\n )}\n >\n {children}\n </tfoot>\n );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n className,\n children,\n ref,\n ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n const { appearance, rowAnimation } = useTableContext(\"TableRow\");\n const motionProps = tableAnimationPresets[rowAnimation];\n\n return (\n <motion.tr\n ref={ref}\n data-slot=\"table-row\"\n className={cn(tableRowVariants({ appearance }), className)}\n initial={false}\n {...motionProps}\n {...rest}\n >\n {children}\n </motion.tr>\n );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n className,\n children,\n scope = \"col\",\n sortDirection,\n ref,\n ...rest\n}: TableHeadCellProps) {\n const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n return (\n <th\n ref={ref}\n data-slot=\"table-head\"\n scope={scope}\n aria-sort={sortDirection}\n className={cn(\n tableCellVariants({ appearance, size, textAlign }),\n className,\n )}\n {...rest}\n >\n {children}\n </th>\n );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n className,\n children,\n ref,\n ...rest\n}: TableCellProps) {\n const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n return (\n <td\n ref={ref}\n data-slot=\"table-cell\"\n className={cn(\n tableCellVariants({ appearance, size, textAlign }),\n className,\n )}\n {...rest}\n >\n {children}\n </td>\n );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n >\n {children}\n </caption>\n );\n}\n\nTableCaption.displayName = \"TableCaption\";\n","import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { TableAnimation } from \"./types\";\n\ntype TablePresetMotionProps = Pick<HTMLMotionProps<\"tr\">, \"whileHover\" | \"transition\">;\n\nexport type TableAnimationPresets = Record<TableAnimation, TablePresetMotionProps>;\n\nexport const tableAnimationPresets: TableAnimationPresets = {\n none: {},\n hover: {\n whileHover: { backgroundColor: \"rgba(255,255,255,0.05)\" },\n transition: { duration: 0.15 },\n },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const tableVariants = cva(\n \"w-full table-auto border-collapse caption-bottom text-sm text-slate-200 md:table-fixed\",\n {\n variants: {\n appearance: {\n default: \"\",\n striped: \"\",\n bordered: \"border border-white/10\",\n ghost: \"\",\n sky:'border border-sky-600',\n rose:'border border-rose-600',\n purple:'border border-purple-600',\n pink:'border border-pink-600',\n orange:'border border-orange-600',\n yellow:'border border-yellow-600',\n teal:'border border-teal-600',\n indigo:'border border-indigo-600',\n emerald:'border border-emerald-600',\n gray:'border border-gray-600',\n amber:'border border-amber-600',\n violet:'border border-violet-600',\n },\n size: {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n },\n stickyHeader: {\n true: \"\",\n false: \"\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n stickyHeader: false,\n },\n },\n);\n\nexport const tableRowVariants = cva(\n \"border-b border-white/5 transition-colors data-[state=selected]:bg-white/[0.06]\",\n {\n variants: {\n appearance: {\n default: \"\",\n striped: \"odd:bg-white/[0.03]\",\n bordered: \"\",\n ghost: \"border-transparent hover:bg-white/[0.03]\",\n sky:'border-sky-600 hover:bg-sky-600',\n rose:'border-rose-600 hover:bg-rose-900',\n purple:'border-purple-600 hover:bg-purple-900',\n pink:'border-pink-600 hover:bg-pink-900',\n orange:'border-orange-600 hover:bg-orange-900',\n yellow:'border-yellow-600 hover:bg-yellow-900',\n teal:'border-teal-600 hover:bg-teal-900',\n indigo:'border-indigo-600 hover:bg-indigo-900',\n emerald:'border-emerald-600 hover:bg-emerald-900',\n gray:'border-gray-600 hover:bg-gray-900',\n amber:'border-amber-600 hover:bg-amber-900',\n violet:'border-violet-600 hover:bg-violet-900',\n },\n },\n defaultVariants: { appearance: \"default\" },\n },\n);\n\nexport const tableCellVariants = cva(\"min-w-0 border p-3 align-middle break-words\", {\n variants: {\n appearance: {\n default: \"border-white/10\",\n striped: \"border-white/10\",\n bordered: \"border-white/10\",\n ghost: \"border-white/10\",\n sky: \"border-sky-600\",\n rose: \"border-rose-600\",\n purple: \"border-purple-600\",\n pink: \"border-pink-600\",\n orange: \"border-orange-600\",\n yellow: \"border-yellow-600\",\n teal: \"border-teal-600\",\n indigo: \"border-indigo-600\",\n emerald: \"border-emerald-600\",\n gray: \"border-gray-600\",\n amber: \"border-amber-600\",\n violet: \"border-violet-600\",\n },\n size: {\n sm: \"p-2\",\n md: \"p-3\",\n lg: \"p-4\",\n },\n textAlign: {\n left: \"text-left\",\n center: \"text-center\",\n right: \"text-right\",\n },\n },\n defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n"],"mappings":"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","names":[]}
|
|
@@ -50,7 +50,7 @@ declare const tabsListVariants: (props?: ({
|
|
|
50
50
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
51
51
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
52
52
|
declare const tabsTriggerVariants: (props?: ({
|
|
53
|
-
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" |
|
|
53
|
+
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
|
|
54
54
|
variant?: "default" | "underline" | "pills" | null | undefined;
|
|
55
55
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
56
56
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
package/dist/ui/tabs.d.ts
CHANGED
|
@@ -50,7 +50,7 @@ declare const tabsListVariants: (props?: ({
|
|
|
50
50
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
51
51
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
52
52
|
declare const tabsTriggerVariants: (props?: ({
|
|
53
|
-
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" |
|
|
53
|
+
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
|
|
54
54
|
variant?: "default" | "underline" | "pills" | null | undefined;
|
|
55
55
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
56
56
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
package/dist/ui/tabs.js
CHANGED
|
@@ -1,21 +1,15 @@
|
|
|
1
|
-
"use
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
+
var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
|
|
3
4
|
|
|
4
5
|
// src/ui/tabs/tabs.tsx
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
useId,
|
|
10
|
-
useState
|
|
11
|
-
} from "react";
|
|
6
|
+
var _framermotion = require('framer-motion');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
12
10
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
import { twMerge } from "tailwind-merge";
|
|
16
|
-
function cn(...inputs) {
|
|
17
|
-
return twMerge(clsx(inputs));
|
|
18
|
-
}
|
|
11
|
+
|
|
12
|
+
var _react = require('react');
|
|
19
13
|
|
|
20
14
|
// src/ui/tabs/animations.ts
|
|
21
15
|
var easeOutExpo = [0.16, 1, 0.3, 1];
|
|
@@ -56,8 +50,8 @@ function getTabsContentMotionProps(animation, orientation, reducedMotion) {
|
|
|
56
50
|
}
|
|
57
51
|
|
|
58
52
|
// src/ui/tabs/variants.ts
|
|
59
|
-
|
|
60
|
-
var tabsListVariants = cva(
|
|
53
|
+
var _classvarianceauthority = require('class-variance-authority');
|
|
54
|
+
var tabsListVariants = _classvarianceauthority.cva.call(void 0,
|
|
61
55
|
"flex items-center gap-1",
|
|
62
56
|
{
|
|
63
57
|
variants: {
|
|
@@ -82,7 +76,7 @@ var tabsListVariants = cva(
|
|
|
82
76
|
}
|
|
83
77
|
}
|
|
84
78
|
);
|
|
85
|
-
var tabsTriggerVariants = cva(
|
|
79
|
+
var tabsTriggerVariants = _classvarianceauthority.cva.call(void 0,
|
|
86
80
|
"px-3 py-1.5 rounded-md transition-all focus:outline-none focus:ring-2 focus:ring-ring",
|
|
87
81
|
{
|
|
88
82
|
variants: {
|
|
@@ -128,10 +122,10 @@ var tabsTriggerVariants = cva(
|
|
|
128
122
|
);
|
|
129
123
|
|
|
130
124
|
// src/ui/tabs/tabs.tsx
|
|
131
|
-
|
|
132
|
-
var TabsContext = createContext(null);
|
|
125
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
126
|
+
var TabsContext = _react.createContext.call(void 0, null);
|
|
133
127
|
var useTabs = () => {
|
|
134
|
-
const ctx = useContext(TabsContext);
|
|
128
|
+
const ctx = _react.useContext.call(void 0, TabsContext);
|
|
135
129
|
if (!ctx) throw new Error("Tabs components must be used within Tabs");
|
|
136
130
|
return ctx;
|
|
137
131
|
};
|
|
@@ -143,17 +137,17 @@ function Tabs({
|
|
|
143
137
|
children,
|
|
144
138
|
className
|
|
145
139
|
}) {
|
|
146
|
-
const [internalValue, setInternalValue] = useState(defaultValue);
|
|
147
|
-
const idPrefix = useId();
|
|
140
|
+
const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
|
|
141
|
+
const idPrefix = _react.useId.call(void 0, );
|
|
148
142
|
const isControlled = value !== void 0;
|
|
149
143
|
const currentValue = isControlled ? value : internalValue;
|
|
150
144
|
const setValue = (val) => {
|
|
151
145
|
if (!isControlled) setInternalValue(val);
|
|
152
|
-
onValueChange
|
|
146
|
+
_optionalChain([onValueChange, 'optionalCall', _ => _(val)]);
|
|
153
147
|
};
|
|
154
148
|
const tabTriggerId = (tabValue) => `${idPrefix}zentauri-tab-${tabValue}`;
|
|
155
149
|
const tabPanelId = (tabValue) => `${idPrefix}zentauri-panel-${tabValue}`;
|
|
156
|
-
return /* @__PURE__ */ jsx(
|
|
150
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
157
151
|
TabsContext.Provider,
|
|
158
152
|
{
|
|
159
153
|
value: {
|
|
@@ -163,7 +157,7 @@ function Tabs({
|
|
|
163
157
|
tabTriggerId,
|
|
164
158
|
tabPanelId
|
|
165
159
|
},
|
|
166
|
-
children: /* @__PURE__ */ jsx("div", { "data-slot": "tabs", className: cn("w-full", className), children })
|
|
160
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "tabs", className: _chunkE5UX537Jjs.cn.call(void 0, "w-full", className), children })
|
|
167
161
|
}
|
|
168
162
|
);
|
|
169
163
|
}
|
|
@@ -173,12 +167,12 @@ function TabsList({
|
|
|
173
167
|
...props
|
|
174
168
|
}) {
|
|
175
169
|
const { orientation, size } = useTabs();
|
|
176
|
-
return /* @__PURE__ */ jsx(
|
|
170
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
177
171
|
"div",
|
|
178
172
|
{
|
|
179
173
|
role: "tablist",
|
|
180
174
|
"aria-orientation": orientation,
|
|
181
|
-
className: cn(tabsListVariants({ orientation, size }), className),
|
|
175
|
+
className: _chunkE5UX537Jjs.cn.call(void 0, tabsListVariants({ orientation, size }), className),
|
|
182
176
|
...props,
|
|
183
177
|
children
|
|
184
178
|
}
|
|
@@ -200,22 +194,22 @@ function TabsTrigger({
|
|
|
200
194
|
const index = triggers.findIndex((el) => el === e.currentTarget);
|
|
201
195
|
if (e.key === "ArrowRight" || e.key === "ArrowDown") {
|
|
202
196
|
e.preventDefault();
|
|
203
|
-
triggers[index + 1]
|
|
197
|
+
_optionalChain([triggers, 'access', _2 => _2[index + 1], 'optionalAccess', _3 => _3.focus, 'call', _4 => _4()]);
|
|
204
198
|
}
|
|
205
199
|
if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
|
|
206
200
|
e.preventDefault();
|
|
207
|
-
triggers[index - 1]
|
|
201
|
+
_optionalChain([triggers, 'access', _5 => _5[index - 1], 'optionalAccess', _6 => _6.focus, 'call', _7 => _7()]);
|
|
208
202
|
}
|
|
209
203
|
if (e.key === "Home") {
|
|
210
204
|
e.preventDefault();
|
|
211
|
-
triggers[0]
|
|
205
|
+
_optionalChain([triggers, 'access', _8 => _8[0], 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
|
|
212
206
|
}
|
|
213
207
|
if (e.key === "End") {
|
|
214
208
|
e.preventDefault();
|
|
215
|
-
triggers[triggers.length - 1]
|
|
209
|
+
_optionalChain([triggers, 'access', _11 => _11[triggers.length - 1], 'optionalAccess', _12 => _12.focus, 'call', _13 => _13()]);
|
|
216
210
|
}
|
|
217
211
|
};
|
|
218
|
-
return /* @__PURE__ */ jsx(
|
|
212
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
219
213
|
"button",
|
|
220
214
|
{
|
|
221
215
|
id: tabTriggerId(value),
|
|
@@ -227,7 +221,7 @@ function TabsTrigger({
|
|
|
227
221
|
disabled,
|
|
228
222
|
onClick: () => setValue(value),
|
|
229
223
|
onKeyDown: handleKeyDown,
|
|
230
|
-
className: cn(tabsTriggerVariants({ size, appearance, variant }), className, "cursor-pointer"),
|
|
224
|
+
className: _chunkE5UX537Jjs.cn.call(void 0, tabsTriggerVariants({ size, appearance, variant }), className, "cursor-pointer"),
|
|
231
225
|
...props,
|
|
232
226
|
children
|
|
233
227
|
}
|
|
@@ -241,34 +235,34 @@ function TabsContent({
|
|
|
241
235
|
...props
|
|
242
236
|
}) {
|
|
243
237
|
const { value: activeValue, orientation, tabTriggerId, tabPanelId } = useTabs();
|
|
244
|
-
const prefersReducedMotion = useReducedMotion();
|
|
238
|
+
const prefersReducedMotion = _framermotion.useReducedMotion.call(void 0, );
|
|
245
239
|
if (activeValue !== value) return null;
|
|
246
240
|
const motionProps = getTabsContentMotionProps(
|
|
247
241
|
animation,
|
|
248
242
|
orientation,
|
|
249
243
|
Boolean(prefersReducedMotion)
|
|
250
244
|
);
|
|
251
|
-
return /* @__PURE__ */ jsx(
|
|
252
|
-
motion.div,
|
|
245
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
246
|
+
_framermotion.motion.div,
|
|
253
247
|
{
|
|
254
248
|
id: tabPanelId(value),
|
|
255
249
|
role: "tabpanel",
|
|
256
250
|
"aria-labelledby": tabTriggerId(value),
|
|
257
251
|
...props,
|
|
258
252
|
...motionProps,
|
|
259
|
-
className: cn("mt-2", className),
|
|
253
|
+
className: _chunkE5UX537Jjs.cn.call(void 0, "mt-2", className),
|
|
260
254
|
children
|
|
261
255
|
}
|
|
262
256
|
);
|
|
263
257
|
}
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
258
|
+
|
|
259
|
+
|
|
260
|
+
|
|
261
|
+
|
|
262
|
+
|
|
263
|
+
|
|
264
|
+
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
exports.Tabs = Tabs; exports.TabsContent = TabsContent; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.getTabsContentMotionProps = getTabsContentMotionProps; exports.tabsContentAnimationPresets = tabsContentAnimationPresets; exports.tabsListVariants = tabsListVariants; exports.tabsTriggerVariants = tabsTriggerVariants;
|
|
274
268
|
//# sourceMappingURL=tabs.js.map
|
package/dist/ui/tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ui/tabs/tabs.tsx","../../src/lib/utils.ts","../../src/ui/tabs/animations.ts","../../src/ui/tabs/variants.ts"],"sourcesContent":["\"use client\"\n\nimport { motion, useReducedMotion } from \"framer-motion\"\nimport {\n createContext,\n KeyboardEvent,\n useContext,\n useId,\n useState,\n} from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nimport { getTabsContentMotionProps } from \"./animations\"\nimport {\n TabsContentProps,\n TabsListProps,\n TabsProps,\n TabsTriggerProps,\n TabsValue,\n TabsContextType,\n} from \"./types\"\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\"\n\n\nexport const TabsContext = createContext<TabsContextType | null>(null)\n\nexport const useTabs = () => {\n const ctx = useContext(TabsContext)\n if (!ctx) throw new Error(\"Tabs components must be used within Tabs\")\n return ctx\n}\n\nexport function Tabs({\n value,\n defaultValue,\n onValueChange,\n orientation = \"horizontal\",\n children,\n className,\n}: TabsProps) {\n const [internalValue, setInternalValue] = useState(defaultValue)\n const idPrefix = useId()\n\n const isControlled = value !== undefined\n const currentValue = isControlled ? value : internalValue\n\n const setValue = (val: string) => {\n if (!isControlled) setInternalValue(val)\n onValueChange?.(val)\n }\n\n const tabTriggerId = (tabValue: TabsValue) =>\n `${idPrefix}zentauri-tab-${tabValue}`\n const tabPanelId = (tabValue: TabsValue) =>\n `${idPrefix}zentauri-panel-${tabValue}`\n\n return (\n <TabsContext.Provider\n value={{\n value: currentValue,\n setValue,\n orientation,\n tabTriggerId,\n tabPanelId,\n }}\n >\n <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n {children}\n </div>\n </TabsContext.Provider>\n )\n}\n\nexport function TabsList({\n children,\n className,\n ...props\n}: TabsListProps) {\n const { orientation, size } = useTabs()\n\n return (\n <div\n role=\"tablist\"\n aria-orientation={orientation}\n className={cn(tabsListVariants({ orientation, size }), className)}\n {...props}\n >\n {children}\n </div>\n )\n}\n\nexport function TabsTrigger({\n value,\n children,\n disabled,\n className,\n ...props\n}: TabsTriggerProps) {\n const { value: activeValue, setValue, tabTriggerId, tabPanelId, size, appearance, variant } = useTabs()\n\n const isActive = activeValue === value\n\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n const triggers = Array.from(\n document.querySelectorAll('[role=\"tab\"]'),\n ) as HTMLElement[]\n\n const index = triggers.findIndex((el) => el === e.currentTarget)\n\n if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") {\n e.preventDefault()\n triggers[index + 1]?.focus()\n }\n\n if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") {\n e.preventDefault()\n triggers[index - 1]?.focus()\n }\n\n if (e.key === \"Home\") {\n e.preventDefault()\n triggers[0]?.focus()\n }\n\n if (e.key === \"End\") {\n e.preventDefault()\n triggers[triggers.length - 1]?.focus()\n }\n }\n\n return (\n <button\n id={tabTriggerId(value)}\n type=\"button\"\n role=\"tab\"\n data-state={isActive ? \"active\" : \"inactive\"}\n aria-selected={isActive}\n aria-controls={tabPanelId(value)}\n disabled={disabled}\n onClick={() => setValue(value)}\n onKeyDown={handleKeyDown}\n className={cn(tabsTriggerVariants({ size, appearance, variant }), className, \"cursor-pointer\")}\n {...props}\n >\n {children}\n </button>\n )\n}\n\nexport function TabsContent({\n value,\n children,\n className,\n animation = \"fade\",\n ...props\n}: TabsContentProps) {\n const { value: activeValue, orientation, tabTriggerId, tabPanelId } =\n useTabs()\n const prefersReducedMotion = useReducedMotion()\n\n if (activeValue !== value) return null\n\n const motionProps = getTabsContentMotionProps(\n animation,\n orientation,\n Boolean(prefersReducedMotion),\n )\n\n return (\n <motion.div\n id={tabPanelId(value)}\n role=\"tabpanel\"\n aria-labelledby={tabTriggerId(value)}\n {...props}\n {...motionProps}\n className={cn(\"mt-2\", className)}\n >\n {children}\n </motion.div>\n )\n}\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}","import type { HTMLMotionProps } from \"framer-motion\";\n\nexport type TabsAnimation = \"none\" | \"fade\" | \"slide\";\n\ntype TabsPresetMotionProps = Pick<\n HTMLMotionProps<\"div\">,\n \"initial\" | \"animate\" | \"transition\"\n>;\n\nexport type TabsAnimationPresets = Record<TabsAnimation, TabsPresetMotionProps>;\n\ntype TabsOrientation = \"horizontal\" | \"vertical\";\n\nconst easeOutExpo: [number, number, number, number] = [0.16, 1, 0.3, 1];\n\nexport const tabsContentAnimationPresets: TabsAnimationPresets = {\n none: {},\n fade: {\n initial: { opacity: 0, y: 6 },\n animate: { opacity: 1, y: 0 },\n transition: { duration: 0.2, ease: easeOutExpo },\n },\n slide: {\n initial: { opacity: 0, y: 8 },\n animate: { opacity: 1, y: 0 },\n transition: {\n type: \"spring\",\n stiffness: 420,\n damping: 34,\n mass: 0.82,\n },\n },\n};\n\nexport function getTabsContentMotionProps(\n animation: TabsAnimation,\n orientation: TabsOrientation,\n reducedMotion: boolean,\n): TabsPresetMotionProps {\n if (reducedMotion || animation === \"none\") {\n return {};\n }\n if (animation === \"fade\") {\n return tabsContentAnimationPresets.fade;\n }\n if (animation === \"slide\") {\n const offset = 12;\n return {\n initial:\n orientation === \"horizontal\"\n ? { opacity: 0, x: offset, y: 0 }\n : { opacity: 0, x: 0, y: offset },\n animate: { opacity: 1, x: 0, y: 0 },\n transition: { duration: 0.22, ease: easeOutExpo },\n };\n }\n return {};\n}\n","import { cva } from \"class-variance-authority\"\n\nexport const tabsListVariants = cva(\n \"flex items-center gap-1\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n underline: \"border-b-2 border-transparent\",\n pills: \"rounded-md\",\n },\n size: {\n sm: \"text-sm p-1\",\n md: \"text-base p-1.5\",\n lg: \"text-lg p-2\",\n },\n orientation: {\n horizontal: \"flex-row\",\n vertical: \"flex-col\",\n },\n },\n defaultVariants: {\n size: \"md\",\n orientation: \"horizontal\",\n },\n }\n)\n\nexport const tabsTriggerVariants = cva(\n \"px-3 py-1.5 rounded-md transition-all focus:outline-none focus:ring-2 focus:ring-ring\",\n {\n variants: {\n appearance: {\n default: \"bg-transparent\",\n sky: \"bg-sky-500/75\",\n rose: \"bg-rose-500/75\",\n purple: \"bg-purple-500/75\",\n pink: \"bg-pink-500/75\",\n orange: \"bg-orange-500/75\",\n yellow: \"bg-yellow-500/75\",\n teal: \"bg-teal-500/75\",\n indigo: \"bg-indigo-500/75\",\n emerald: \"bg-emerald-500/75\",\n gray: \"bg-gray-500/75\",\n \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600\",\n \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600\",\n \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600\",\n \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600\",\n \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600\",\n \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600\",\n \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600\",\n \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600\",\n \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600\",\n },\n variant: {\n default: \"data-[state=active]:bg-background\",\n underline:\n \"border-b-2 border-transparent data-[state=active]:border-primary rounded-none\",\n pills:\n \"data-[state=active]:bg-primary data-[state=active]:text-white\",\n },\n size: {\n sm: \"px-2 py-1\",\n md: \"px-3 py-1.5\",\n lg: \"px-4 py-2\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n variant: \"default\",\n size: \"md\",\n },\n }\n)"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/tabs.js"],"names":[],"mappings":"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YAAY,EAAE,gBAAgB,CAAC,GAAG,CAAC;AAC5C,oBAAI,aAAa,wBAAE,CAAC,GAAG,GAAC;AACxB,EAAE,CAAC;AACH,EAAE,MAAM,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,sBAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,sBAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,sBAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,sBAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/tabs.js","sourcesContent":[null]}
|
|
@@ -1,46 +1,17 @@
|
|
|
1
|
-
"use
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use client";
|
|
19
2
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
Tabs: () => Tabs,
|
|
24
|
-
TabsContent: () => TabsContent,
|
|
25
|
-
TabsList: () => TabsList,
|
|
26
|
-
TabsTrigger: () => TabsTrigger,
|
|
27
|
-
getTabsContentMotionProps: () => getTabsContentMotionProps,
|
|
28
|
-
tabsContentAnimationPresets: () => tabsContentAnimationPresets,
|
|
29
|
-
tabsListVariants: () => tabsListVariants,
|
|
30
|
-
tabsTriggerVariants: () => tabsTriggerVariants
|
|
31
|
-
});
|
|
32
|
-
module.exports = __toCommonJS(tabs_exports);
|
|
3
|
+
import {
|
|
4
|
+
cn
|
|
5
|
+
} from "../chunk-MEWYFWBX.mjs";
|
|
33
6
|
|
|
34
7
|
// src/ui/tabs/tabs.tsx
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
43
|
-
}
|
|
8
|
+
import { motion, useReducedMotion } from "framer-motion";
|
|
9
|
+
import {
|
|
10
|
+
createContext,
|
|
11
|
+
useContext,
|
|
12
|
+
useId,
|
|
13
|
+
useState
|
|
14
|
+
} from "react";
|
|
44
15
|
|
|
45
16
|
// src/ui/tabs/animations.ts
|
|
46
17
|
var easeOutExpo = [0.16, 1, 0.3, 1];
|
|
@@ -81,8 +52,8 @@ function getTabsContentMotionProps(animation, orientation, reducedMotion) {
|
|
|
81
52
|
}
|
|
82
53
|
|
|
83
54
|
// src/ui/tabs/variants.ts
|
|
84
|
-
|
|
85
|
-
var tabsListVariants =
|
|
55
|
+
import { cva } from "class-variance-authority";
|
|
56
|
+
var tabsListVariants = cva(
|
|
86
57
|
"flex items-center gap-1",
|
|
87
58
|
{
|
|
88
59
|
variants: {
|
|
@@ -107,7 +78,7 @@ var tabsListVariants = (0, import_class_variance_authority.cva)(
|
|
|
107
78
|
}
|
|
108
79
|
}
|
|
109
80
|
);
|
|
110
|
-
var tabsTriggerVariants =
|
|
81
|
+
var tabsTriggerVariants = cva(
|
|
111
82
|
"px-3 py-1.5 rounded-md transition-all focus:outline-none focus:ring-2 focus:ring-ring",
|
|
112
83
|
{
|
|
113
84
|
variants: {
|
|
@@ -153,10 +124,10 @@ var tabsTriggerVariants = (0, import_class_variance_authority.cva)(
|
|
|
153
124
|
);
|
|
154
125
|
|
|
155
126
|
// src/ui/tabs/tabs.tsx
|
|
156
|
-
|
|
157
|
-
var TabsContext =
|
|
127
|
+
import { jsx } from "react/jsx-runtime";
|
|
128
|
+
var TabsContext = createContext(null);
|
|
158
129
|
var useTabs = () => {
|
|
159
|
-
const ctx =
|
|
130
|
+
const ctx = useContext(TabsContext);
|
|
160
131
|
if (!ctx) throw new Error("Tabs components must be used within Tabs");
|
|
161
132
|
return ctx;
|
|
162
133
|
};
|
|
@@ -168,8 +139,8 @@ function Tabs({
|
|
|
168
139
|
children,
|
|
169
140
|
className
|
|
170
141
|
}) {
|
|
171
|
-
const [internalValue, setInternalValue] =
|
|
172
|
-
const idPrefix =
|
|
142
|
+
const [internalValue, setInternalValue] = useState(defaultValue);
|
|
143
|
+
const idPrefix = useId();
|
|
173
144
|
const isControlled = value !== void 0;
|
|
174
145
|
const currentValue = isControlled ? value : internalValue;
|
|
175
146
|
const setValue = (val) => {
|
|
@@ -178,7 +149,7 @@ function Tabs({
|
|
|
178
149
|
};
|
|
179
150
|
const tabTriggerId = (tabValue) => `${idPrefix}zentauri-tab-${tabValue}`;
|
|
180
151
|
const tabPanelId = (tabValue) => `${idPrefix}zentauri-panel-${tabValue}`;
|
|
181
|
-
return /* @__PURE__ */
|
|
152
|
+
return /* @__PURE__ */ jsx(
|
|
182
153
|
TabsContext.Provider,
|
|
183
154
|
{
|
|
184
155
|
value: {
|
|
@@ -188,7 +159,7 @@ function Tabs({
|
|
|
188
159
|
tabTriggerId,
|
|
189
160
|
tabPanelId
|
|
190
161
|
},
|
|
191
|
-
children: /* @__PURE__ */
|
|
162
|
+
children: /* @__PURE__ */ jsx("div", { "data-slot": "tabs", className: cn("w-full", className), children })
|
|
192
163
|
}
|
|
193
164
|
);
|
|
194
165
|
}
|
|
@@ -198,7 +169,7 @@ function TabsList({
|
|
|
198
169
|
...props
|
|
199
170
|
}) {
|
|
200
171
|
const { orientation, size } = useTabs();
|
|
201
|
-
return /* @__PURE__ */
|
|
172
|
+
return /* @__PURE__ */ jsx(
|
|
202
173
|
"div",
|
|
203
174
|
{
|
|
204
175
|
role: "tablist",
|
|
@@ -240,7 +211,7 @@ function TabsTrigger({
|
|
|
240
211
|
triggers[triggers.length - 1]?.focus();
|
|
241
212
|
}
|
|
242
213
|
};
|
|
243
|
-
return /* @__PURE__ */
|
|
214
|
+
return /* @__PURE__ */ jsx(
|
|
244
215
|
"button",
|
|
245
216
|
{
|
|
246
217
|
id: tabTriggerId(value),
|
|
@@ -266,15 +237,15 @@ function TabsContent({
|
|
|
266
237
|
...props
|
|
267
238
|
}) {
|
|
268
239
|
const { value: activeValue, orientation, tabTriggerId, tabPanelId } = useTabs();
|
|
269
|
-
const prefersReducedMotion =
|
|
240
|
+
const prefersReducedMotion = useReducedMotion();
|
|
270
241
|
if (activeValue !== value) return null;
|
|
271
242
|
const motionProps = getTabsContentMotionProps(
|
|
272
243
|
animation,
|
|
273
244
|
orientation,
|
|
274
245
|
Boolean(prefersReducedMotion)
|
|
275
246
|
);
|
|
276
|
-
return /* @__PURE__ */
|
|
277
|
-
|
|
247
|
+
return /* @__PURE__ */ jsx(
|
|
248
|
+
motion.div,
|
|
278
249
|
{
|
|
279
250
|
id: tabPanelId(value),
|
|
280
251
|
role: "tabpanel",
|
|
@@ -286,8 +257,7 @@ function TabsContent({
|
|
|
286
257
|
}
|
|
287
258
|
);
|
|
288
259
|
}
|
|
289
|
-
|
|
290
|
-
0 && (module.exports = {
|
|
260
|
+
export {
|
|
291
261
|
Tabs,
|
|
292
262
|
TabsContent,
|
|
293
263
|
TabsList,
|
|
@@ -296,5 +266,5 @@ function TabsContent({
|
|
|
296
266
|
tabsContentAnimationPresets,
|
|
297
267
|
tabsListVariants,
|
|
298
268
|
tabsTriggerVariants
|
|
299
|
-
}
|
|
300
|
-
//# sourceMappingURL=tabs.
|
|
269
|
+
};
|
|
270
|
+
//# sourceMappingURL=tabs.mjs.map
|