@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.
Files changed (167) hide show
  1. package/dist/chunk-BZSIXBA7.js +70 -0
  2. package/dist/chunk-BZSIXBA7.js.map +1 -0
  3. package/dist/chunk-E5UX537J.js +11 -0
  4. package/dist/chunk-E5UX537J.js.map +1 -0
  5. package/dist/chunk-MEWYFWBX.mjs +14 -0
  6. package/dist/chunk-MEWYFWBX.mjs.map +1 -0
  7. package/dist/chunk-VJHD7QZH.mjs +73 -0
  8. package/dist/chunk-VJHD7QZH.mjs.map +1 -0
  9. package/dist/ui/accordion.js +51 -57
  10. package/dist/ui/accordion.js.map +1 -1
  11. package/dist/ui/{accordion.cjs → accordion.mjs} +38 -67
  12. package/dist/ui/accordion.mjs.map +1 -0
  13. package/dist/ui/{alert.d.cts → alert.d.mts} +1 -1
  14. package/dist/ui/alert.d.ts +1 -1
  15. package/dist/ui/alert.js +40 -46
  16. package/dist/ui/alert.js.map +1 -1
  17. package/dist/ui/{alert.cjs → alert.mjs} +29 -66
  18. package/dist/ui/alert.mjs.map +1 -0
  19. package/dist/ui/{badge.d.cts → badge.d.mts} +1 -1
  20. package/dist/ui/badge.d.ts +1 -1
  21. package/dist/ui/badge.js +20 -26
  22. package/dist/ui/badge.js.map +1 -1
  23. package/dist/ui/{badge.cjs → badge.mjs} +17 -48
  24. package/dist/ui/badge.mjs.map +1 -0
  25. package/dist/ui/{buttons.d.cts → buttons.d.mts} +1 -1
  26. package/dist/ui/buttons.d.ts +1 -1
  27. package/dist/ui/buttons.js +18 -87
  28. package/dist/ui/buttons.js.map +1 -1
  29. package/dist/ui/buttons.mjs +109 -0
  30. package/dist/ui/buttons.mjs.map +1 -0
  31. package/dist/ui/{card.d.cts → card.d.mts} +1 -1
  32. package/dist/ui/card.d.ts +1 -1
  33. package/dist/ui/card.js +40 -46
  34. package/dist/ui/card.js.map +1 -1
  35. package/dist/ui/{card.cjs → card.mjs} +26 -65
  36. package/dist/ui/card.mjs.map +1 -0
  37. package/dist/ui/{divider.d.cts → divider.d.mts} +2 -2
  38. package/dist/ui/divider.d.ts +2 -2
  39. package/dist/ui/divider.js +30 -36
  40. package/dist/ui/divider.js.map +1 -1
  41. package/dist/ui/{divider.cjs → divider.mjs} +22 -55
  42. package/dist/ui/divider.mjs.map +1 -0
  43. package/dist/ui/{drawer.d.cts → drawer.d.mts} +3 -3
  44. package/dist/ui/drawer.d.ts +3 -3
  45. package/dist/ui/drawer.js +64 -70
  46. package/dist/ui/drawer.js.map +1 -1
  47. package/dist/ui/{drawer.cjs → drawer.mjs} +48 -77
  48. package/dist/ui/drawer.mjs.map +1 -0
  49. package/dist/ui/{dropdown.d.cts → dropdown.d.mts} +4 -4
  50. package/dist/ui/dropdown.d.ts +4 -4
  51. package/dist/ui/dropdown.js +43 -49
  52. package/dist/ui/dropdown.js.map +1 -1
  53. package/dist/ui/{dropdown.cjs → dropdown.mjs} +34 -62
  54. package/dist/ui/dropdown.mjs.map +1 -0
  55. package/dist/ui/{empty-state.d.cts → empty-state.d.mts} +1 -1
  56. package/dist/ui/empty-state.d.ts +1 -1
  57. package/dist/ui/empty-state.js +31 -37
  58. package/dist/ui/empty-state.js.map +1 -1
  59. package/dist/ui/empty-state.mjs +150 -0
  60. package/dist/ui/empty-state.mjs.map +1 -0
  61. package/dist/ui/{inputs.d.cts → inputs.d.mts} +2 -2
  62. package/dist/ui/inputs.d.ts +2 -2
  63. package/dist/ui/inputs.js +26 -32
  64. package/dist/ui/inputs.js.map +1 -1
  65. package/dist/ui/{inputs.cjs → inputs.mjs} +21 -51
  66. package/dist/ui/inputs.mjs.map +1 -0
  67. package/dist/ui/{modal.d.cts → modal.d.mts} +3 -3
  68. package/dist/ui/modal.d.ts +3 -3
  69. package/dist/ui/modal.js +69 -75
  70. package/dist/ui/modal.js.map +1 -1
  71. package/dist/ui/{modal.cjs → modal.mjs} +53 -79
  72. package/dist/ui/modal.mjs.map +1 -0
  73. package/dist/ui/{pagination.d.cts → pagination.d.mts} +3 -3
  74. package/dist/ui/pagination.d.ts +3 -3
  75. package/dist/ui/pagination.js +48 -117
  76. package/dist/ui/pagination.js.map +1 -1
  77. package/dist/ui/{pagination.cjs → pagination.mjs} +35 -131
  78. package/dist/ui/pagination.mjs.map +1 -0
  79. package/dist/ui/{progress.d.cts → progress.d.mts} +5 -5
  80. package/dist/ui/progress.d.ts +5 -5
  81. package/dist/ui/progress.js +37 -43
  82. package/dist/ui/progress.js.map +1 -1
  83. package/dist/ui/{progress.cjs → progress.mjs} +25 -60
  84. package/dist/ui/progress.mjs.map +1 -0
  85. package/dist/ui/{select.d.cts → select.d.mts} +4 -4
  86. package/dist/ui/select.d.ts +4 -4
  87. package/dist/ui/select.js +43 -49
  88. package/dist/ui/select.js.map +1 -1
  89. package/dist/ui/{select.cjs → select.mjs} +31 -68
  90. package/dist/ui/select.mjs.map +1 -0
  91. package/dist/ui/{skeleton.d.cts → skeleton.d.mts} +3 -3
  92. package/dist/ui/skeleton.d.ts +3 -3
  93. package/dist/ui/skeleton.js +45 -51
  94. package/dist/ui/skeleton.js.map +1 -1
  95. package/dist/ui/{skeleton.cjs → skeleton.mjs} +31 -67
  96. package/dist/ui/skeleton.mjs.map +1 -0
  97. package/dist/ui/{spinner.d.cts → spinner.d.mts} +3 -3
  98. package/dist/ui/spinner.d.ts +3 -3
  99. package/dist/ui/spinner.js +34 -40
  100. package/dist/ui/spinner.js.map +1 -1
  101. package/dist/ui/{spinner.cjs → spinner.mjs} +27 -57
  102. package/dist/ui/spinner.mjs.map +1 -0
  103. package/dist/ui/{table.d.cts → table.d.mts} +4 -4
  104. package/dist/ui/table.d.ts +4 -4
  105. package/dist/ui/table.js +43 -49
  106. package/dist/ui/table.js.map +1 -1
  107. package/dist/ui/{table.cjs → table.mjs} +26 -65
  108. package/dist/ui/table.mjs.map +1 -0
  109. package/dist/ui/{tabs.d.cts → tabs.d.mts} +1 -1
  110. package/dist/ui/tabs.d.ts +1 -1
  111. package/dist/ui/tabs.js +41 -47
  112. package/dist/ui/tabs.js.map +1 -1
  113. package/dist/ui/{tabs.cjs → tabs.mjs} +29 -59
  114. package/dist/ui/tabs.mjs.map +1 -0
  115. package/dist/ui/{toast.d.cts → toast.d.mts} +1 -1
  116. package/dist/ui/toast.d.ts +1 -1
  117. package/dist/ui/toast.js +57 -63
  118. package/dist/ui/toast.js.map +1 -1
  119. package/dist/ui/{toast.cjs → toast.mjs} +43 -74
  120. package/dist/ui/toast.mjs.map +1 -0
  121. package/dist/ui/{toggle.d.cts → toggle.d.mts} +1 -1
  122. package/dist/ui/toggle.d.ts +1 -1
  123. package/dist/ui/toggle.js +23 -29
  124. package/dist/ui/toggle.js.map +1 -1
  125. package/dist/ui/{toggle.cjs → toggle.mjs} +19 -50
  126. package/dist/ui/toggle.mjs.map +1 -0
  127. package/dist/ui/{tooltip.d.cts → tooltip.d.mts} +2 -2
  128. package/dist/ui/tooltip.d.ts +2 -2
  129. package/dist/ui/tooltip.js +29 -35
  130. package/dist/ui/tooltip.js.map +1 -1
  131. package/dist/ui/{tooltip.cjs → tooltip.mjs} +26 -58
  132. package/dist/ui/tooltip.mjs.map +1 -0
  133. package/dist/variants-Dd9pe-ov.d.mts +8 -0
  134. package/dist/variants-Dd9pe-ov.d.ts +8 -0
  135. package/package.json +10 -15
  136. package/dist/ui/accordion.cjs.map +0 -1
  137. package/dist/ui/alert.cjs.map +0 -1
  138. package/dist/ui/badge.cjs.map +0 -1
  139. package/dist/ui/buttons.cjs +0 -202
  140. package/dist/ui/buttons.cjs.map +0 -1
  141. package/dist/ui/card.cjs.map +0 -1
  142. package/dist/ui/divider.cjs.map +0 -1
  143. package/dist/ui/drawer.cjs.map +0 -1
  144. package/dist/ui/dropdown.cjs.map +0 -1
  145. package/dist/ui/empty-state.cjs +0 -186
  146. package/dist/ui/empty-state.cjs.map +0 -1
  147. package/dist/ui/index.cjs +0 -5764
  148. package/dist/ui/index.cjs.map +0 -1
  149. package/dist/ui/index.d.cts +0 -27
  150. package/dist/ui/index.d.ts +0 -27
  151. package/dist/ui/index.js +0 -5626
  152. package/dist/ui/index.js.map +0 -1
  153. package/dist/ui/inputs.cjs.map +0 -1
  154. package/dist/ui/modal.cjs.map +0 -1
  155. package/dist/ui/pagination.cjs.map +0 -1
  156. package/dist/ui/progress.cjs.map +0 -1
  157. package/dist/ui/select.cjs.map +0 -1
  158. package/dist/ui/skeleton.cjs.map +0 -1
  159. package/dist/ui/spinner.cjs.map +0 -1
  160. package/dist/ui/table.cjs.map +0 -1
  161. package/dist/ui/tabs.cjs.map +0 -1
  162. package/dist/ui/toast.cjs.map +0 -1
  163. package/dist/ui/toggle.cjs.map +0 -1
  164. package/dist/ui/tooltip.cjs.map +0 -1
  165. package/dist/variants-1Bx3BEeS.d.cts +0 -8
  166. package/dist/variants-1Bx3BEeS.d.ts +0 -8
  167. /package/dist/ui/{accordion.d.cts → accordion.d.mts} +0 -0
@@ -1,50 +1,12 @@
1
- "use strict";
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
- // src/ui/table/index.ts
21
- var table_exports = {};
22
- __export(table_exports, {
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
- var import_react = require("react");
40
- var import_framer_motion = require("framer-motion");
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
- var import_class_variance_authority = require("class-variance-authority");
60
- var tableVariants = (0, import_class_variance_authority.cva)(
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 = (0, import_class_variance_authority.cva)(
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 = (0, import_class_variance_authority.cva)("min-w-0 border p-3 align-middle break-words", {
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
- var import_jsx_runtime = require("react/jsx-runtime");
161
- var TableContext = (0, import_react.createContext)(null);
122
+ import { jsx } from "react/jsx-runtime";
123
+ var TableContext = createContext(null);
162
124
  function useTableContext(component) {
163
- const ctx = (0, import_react.useContext)(TableContext);
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 = (0, import_react.useMemo)(
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__ */ (0, import_jsx_runtime.jsx)(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-slot": "table-scroll", className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
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__ */ (0, import_jsx_runtime.jsx)("thead", { "data-slot": "table-header", className: cn(stickyClass, className), children });
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__ */ (0, import_jsx_runtime.jsx)("tbody", { "data-slot": "table-body", className: cn(className), children });
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__ */ (0, import_jsx_runtime.jsx)(
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__ */ (0, import_jsx_runtime.jsx)(
241
- import_framer_motion.motion.tr,
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__ */ (0, import_jsx_runtime.jsx)(
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__ */ (0, import_jsx_runtime.jsx)(
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__ */ (0, import_jsx_runtime.jsx)(
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
- // Annotate the CommonJS export names for ESM import in node:
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.cjs.map
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" | "gray" | null | undefined;
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" | "gray" | null | undefined;
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 client";
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
- import { motion, useReducedMotion } from "framer-motion";
6
- import {
7
- createContext,
8
- useContext,
9
- useId,
10
- useState
11
- } from "react";
6
+ var _framermotion = require('framer-motion');
7
+
8
+
9
+
12
10
 
13
- // src/lib/utils.ts
14
- import { clsx } from "clsx";
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
- import { cva } from "class-variance-authority";
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
- import { jsx } from "react/jsx-runtime";
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?.(val);
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]?.focus();
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]?.focus();
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]?.focus();
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]?.focus();
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
- export {
265
- Tabs,
266
- TabsContent,
267
- TabsList,
268
- TabsTrigger,
269
- getTabsContentMotionProps,
270
- tabsContentAnimationPresets,
271
- tabsListVariants,
272
- tabsTriggerVariants
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
@@ -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 strict";
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
- // src/ui/tabs/index.ts
21
- var tabs_exports = {};
22
- __export(tabs_exports, {
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
- var import_framer_motion = require("framer-motion");
36
- var import_react = require("react");
37
-
38
- // src/lib/utils.ts
39
- var import_clsx = require("clsx");
40
- var import_tailwind_merge = require("tailwind-merge");
41
- function cn(...inputs) {
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
- var import_class_variance_authority = require("class-variance-authority");
85
- var tabsListVariants = (0, import_class_variance_authority.cva)(
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 = (0, import_class_variance_authority.cva)(
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
- var import_jsx_runtime = require("react/jsx-runtime");
157
- var TabsContext = (0, import_react.createContext)(null);
127
+ import { jsx } from "react/jsx-runtime";
128
+ var TabsContext = createContext(null);
158
129
  var useTabs = () => {
159
- const ctx = (0, import_react.useContext)(TabsContext);
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] = (0, import_react.useState)(defaultValue);
172
- const idPrefix = (0, import_react.useId)();
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__ */ (0, import_jsx_runtime.jsx)(
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__ */ (0, import_jsx_runtime.jsx)("div", { "data-slot": "tabs", className: cn("w-full", className), children })
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__ */ (0, import_jsx_runtime.jsx)(
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__ */ (0, import_jsx_runtime.jsx)(
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 = (0, import_framer_motion.useReducedMotion)();
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__ */ (0, import_jsx_runtime.jsx)(
277
- import_framer_motion.motion.div,
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
- // Annotate the CommonJS export names for ESM import in node:
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.cjs.map
269
+ };
270
+ //# sourceMappingURL=tabs.mjs.map