@zentauri-ui/zentauri-components 0.0.93 → 1.1.0

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 (142) hide show
  1. package/README.md +77 -34
  2. package/dist/chunk-B23TPTVG.mjs +11 -0
  3. package/dist/chunk-B23TPTVG.mjs.map +1 -0
  4. package/dist/{chunk-BZSIXBA7.js → chunk-BITDSQMR.js} +8 -6
  5. package/dist/chunk-BITDSQMR.js.map +1 -0
  6. package/dist/{chunk-VJHD7QZH.mjs → chunk-BORK3BJO.mjs} +4 -7
  7. package/dist/chunk-BORK3BJO.mjs.map +1 -0
  8. package/dist/chunk-WZ2GOU2J.js +13 -0
  9. package/dist/chunk-WZ2GOU2J.js.map +1 -0
  10. package/dist/ui/accordion.d.mts +1 -1
  11. package/dist/ui/accordion.d.ts +1 -1
  12. package/dist/ui/accordion.js +80 -61
  13. package/dist/ui/accordion.js.map +1 -1
  14. package/dist/ui/accordion.mjs +46 -39
  15. package/dist/ui/accordion.mjs.map +1 -1
  16. package/dist/ui/alert.d.mts +1 -1
  17. package/dist/ui/alert.d.ts +1 -1
  18. package/dist/ui/alert.js +57 -46
  19. package/dist/ui/alert.js.map +1 -1
  20. package/dist/ui/alert.mjs +28 -30
  21. package/dist/ui/alert.mjs.map +1 -1
  22. package/dist/ui/avatar.d.mts +59 -0
  23. package/dist/ui/avatar.d.ts +59 -0
  24. package/dist/ui/avatar.js +221 -0
  25. package/dist/ui/avatar.js.map +1 -0
  26. package/dist/ui/avatar.mjs +211 -0
  27. package/dist/ui/avatar.mjs.map +1 -0
  28. package/dist/ui/badge.js +20 -25
  29. package/dist/ui/badge.js.map +1 -1
  30. package/dist/ui/badge.mjs +8 -20
  31. package/dist/ui/badge.mjs.map +1 -1
  32. package/dist/ui/breadcrumb.d.mts +71 -0
  33. package/dist/ui/breadcrumb.d.ts +71 -0
  34. package/dist/ui/breadcrumb.js +174 -0
  35. package/dist/ui/breadcrumb.js.map +1 -0
  36. package/dist/ui/breadcrumb.mjs +161 -0
  37. package/dist/ui/breadcrumb.mjs.map +1 -0
  38. package/dist/ui/buttons.js +19 -21
  39. package/dist/ui/buttons.js.map +1 -1
  40. package/dist/ui/buttons.mjs +8 -18
  41. package/dist/ui/buttons.mjs.map +1 -1
  42. package/dist/ui/card.js +59 -54
  43. package/dist/ui/card.js.map +1 -1
  44. package/dist/ui/card.mjs +29 -39
  45. package/dist/ui/card.mjs.map +1 -1
  46. package/dist/ui/divider.js +39 -35
  47. package/dist/ui/divider.js.map +1 -1
  48. package/dist/ui/divider.mjs +18 -23
  49. package/dist/ui/divider.mjs.map +1 -1
  50. package/dist/ui/drawer.d.mts +1 -1
  51. package/dist/ui/drawer.d.ts +1 -1
  52. package/dist/ui/drawer.js +106 -73
  53. package/dist/ui/drawer.js.map +1 -1
  54. package/dist/ui/drawer.mjs +64 -45
  55. package/dist/ui/drawer.mjs.map +1 -1
  56. package/dist/ui/dropdown.js +42 -48
  57. package/dist/ui/dropdown.js.map +1 -1
  58. package/dist/ui/dropdown.mjs +13 -29
  59. package/dist/ui/dropdown.mjs.map +1 -1
  60. package/dist/ui/empty-state.d.mts +3 -3
  61. package/dist/ui/empty-state.d.ts +3 -3
  62. package/dist/ui/empty-state.js +83 -59
  63. package/dist/ui/empty-state.js.map +1 -1
  64. package/dist/ui/empty-state.mjs +64 -52
  65. package/dist/ui/empty-state.mjs.map +1 -1
  66. package/dist/ui/file-upload.d.mts +32 -0
  67. package/dist/ui/file-upload.d.ts +32 -0
  68. package/dist/ui/file-upload.js +142 -0
  69. package/dist/ui/file-upload.js.map +1 -0
  70. package/dist/ui/file-upload.mjs +139 -0
  71. package/dist/ui/file-upload.mjs.map +1 -0
  72. package/dist/ui/inputs.js +26 -31
  73. package/dist/ui/inputs.js.map +1 -1
  74. package/dist/ui/inputs.mjs +8 -19
  75. package/dist/ui/inputs.mjs.map +1 -1
  76. package/dist/ui/modal.d.mts +1 -1
  77. package/dist/ui/modal.d.ts +1 -1
  78. package/dist/ui/modal.js +116 -78
  79. package/dist/ui/modal.js.map +1 -1
  80. package/dist/ui/modal.mjs +74 -51
  81. package/dist/ui/modal.mjs.map +1 -1
  82. package/dist/ui/pagination.js +47 -60
  83. package/dist/ui/pagination.js.map +1 -1
  84. package/dist/ui/pagination.mjs +10 -32
  85. package/dist/ui/pagination.mjs.map +1 -1
  86. package/dist/ui/progress.js +70 -58
  87. package/dist/ui/progress.js.map +1 -1
  88. package/dist/ui/progress.mjs +44 -43
  89. package/dist/ui/progress.mjs.map +1 -1
  90. package/dist/ui/select.js +73 -81
  91. package/dist/ui/select.js.map +1 -1
  92. package/dist/ui/select.mjs +38 -59
  93. package/dist/ui/select.mjs.map +1 -1
  94. package/dist/ui/skeleton.js +45 -50
  95. package/dist/ui/skeleton.js.map +1 -1
  96. package/dist/ui/skeleton.mjs +8 -25
  97. package/dist/ui/skeleton.mjs.map +1 -1
  98. package/dist/ui/slider.d.mts +83 -0
  99. package/dist/ui/slider.d.ts +83 -0
  100. package/dist/ui/slider.js +521 -0
  101. package/dist/ui/slider.js.map +1 -0
  102. package/dist/ui/slider.mjs +511 -0
  103. package/dist/ui/slider.mjs.map +1 -0
  104. package/dist/ui/spinner.js +37 -38
  105. package/dist/ui/spinner.js.map +1 -1
  106. package/dist/ui/spinner.mjs +11 -18
  107. package/dist/ui/spinner.mjs.map +1 -1
  108. package/dist/ui/stepper.d.mts +64 -0
  109. package/dist/ui/stepper.d.ts +64 -0
  110. package/dist/ui/stepper.js +207 -0
  111. package/dist/ui/stepper.js.map +1 -0
  112. package/dist/ui/stepper.mjs +198 -0
  113. package/dist/ui/stepper.mjs.map +1 -0
  114. package/dist/ui/table.js +77 -79
  115. package/dist/ui/table.js.map +1 -1
  116. package/dist/ui/table.mjs +43 -60
  117. package/dist/ui/table.mjs.map +1 -1
  118. package/dist/ui/tabs.js +75 -75
  119. package/dist/ui/tabs.js.map +1 -1
  120. package/dist/ui/tabs.mjs +48 -59
  121. package/dist/ui/tabs.mjs.map +1 -1
  122. package/dist/ui/toast.d.mts +2 -2
  123. package/dist/ui/toast.d.ts +2 -2
  124. package/dist/ui/toast.js +111 -88
  125. package/dist/ui/toast.js.map +1 -1
  126. package/dist/ui/toast.mjs +77 -69
  127. package/dist/ui/toast.mjs.map +1 -1
  128. package/dist/ui/toggle.js +26 -28
  129. package/dist/ui/toggle.js.map +1 -1
  130. package/dist/ui/toggle.mjs +12 -21
  131. package/dist/ui/toggle.mjs.map +1 -1
  132. package/dist/ui/tooltip.js +29 -36
  133. package/dist/ui/tooltip.js.map +1 -1
  134. package/dist/ui/tooltip.mjs +8 -23
  135. package/dist/ui/tooltip.mjs.map +1 -1
  136. package/package.json +5 -3
  137. package/dist/chunk-BZSIXBA7.js.map +0 -1
  138. package/dist/chunk-E5UX537J.js +0 -11
  139. package/dist/chunk-E5UX537J.js.map +0 -1
  140. package/dist/chunk-MEWYFWBX.mjs +0 -14
  141. package/dist/chunk-MEWYFWBX.mjs.map +0 -1
  142. package/dist/chunk-VJHD7QZH.mjs.map +0 -1
package/dist/ui/table.js CHANGED
@@ -1,10 +1,11 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
1
+ "use client";
2
+ 'use strict';
2
3
 
3
- var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
4
-
5
- // src/ui/table/table.tsx
6
- var _react = require('react');
7
- var _framermotion = require('framer-motion');
4
+ var chunkWZ2GOU2J_js = require('../chunk-WZ2GOU2J.js');
5
+ var react = require('react');
6
+ var framerMotion = require('framer-motion');
7
+ var classVarianceAuthority = require('class-variance-authority');
8
+ var jsxRuntime = require('react/jsx-runtime');
8
9
 
9
10
  // src/ui/table/animations.ts
10
11
  var tableAnimationPresets = {
@@ -14,10 +15,7 @@ var tableAnimationPresets = {
14
15
  transition: { duration: 0.15 }
15
16
  }
16
17
  };
17
-
18
- // src/ui/table/variants.ts
19
- var _classvarianceauthority = require('class-variance-authority');
20
- var tableVariants = _classvarianceauthority.cva.call(void 0,
18
+ var tableVariants = classVarianceAuthority.cva(
21
19
  "w-full table-auto border-collapse caption-bottom text-sm text-slate-200 md:table-fixed",
22
20
  {
23
21
  variants: {
@@ -56,7 +54,7 @@ var tableVariants = _classvarianceauthority.cva.call(void 0,
56
54
  }
57
55
  }
58
56
  );
59
- var tableRowVariants = _classvarianceauthority.cva.call(void 0,
57
+ var tableRowVariants = classVarianceAuthority.cva(
60
58
  "border-b border-white/5 transition-colors data-[state=selected]:bg-white/[0.06]",
61
59
  {
62
60
  variants: {
@@ -82,45 +80,45 @@ var tableRowVariants = _classvarianceauthority.cva.call(void 0,
82
80
  defaultVariants: { appearance: "default" }
83
81
  }
84
82
  );
85
- var tableCellVariants = _classvarianceauthority.cva.call(void 0, "min-w-0 border p-3 align-middle break-words", {
86
- variants: {
87
- appearance: {
88
- default: "border-white/10",
89
- striped: "border-white/10",
90
- bordered: "border-white/10",
91
- ghost: "border-white/10",
92
- sky: "border-sky-600",
93
- rose: "border-rose-600",
94
- purple: "border-purple-600",
95
- pink: "border-pink-600",
96
- orange: "border-orange-600",
97
- yellow: "border-yellow-600",
98
- teal: "border-teal-600",
99
- indigo: "border-indigo-600",
100
- emerald: "border-emerald-600",
101
- gray: "border-gray-600",
102
- amber: "border-amber-600",
103
- violet: "border-violet-600"
104
- },
105
- size: {
106
- sm: "p-2",
107
- md: "p-3",
108
- lg: "p-4"
83
+ var tableCellVariants = classVarianceAuthority.cva(
84
+ "min-w-0 border p-3 align-middle break-words",
85
+ {
86
+ variants: {
87
+ appearance: {
88
+ default: "border-white/10",
89
+ striped: "border-white/10",
90
+ bordered: "border-white/10",
91
+ ghost: "border-white/10",
92
+ sky: "border-sky-600",
93
+ rose: "border-rose-600",
94
+ purple: "border-purple-600",
95
+ pink: "border-pink-600",
96
+ orange: "border-orange-600",
97
+ yellow: "border-yellow-600",
98
+ teal: "border-teal-600",
99
+ indigo: "border-indigo-600",
100
+ emerald: "border-emerald-600",
101
+ gray: "border-gray-600",
102
+ amber: "border-amber-600",
103
+ violet: "border-violet-600"
104
+ },
105
+ size: {
106
+ sm: "p-2",
107
+ md: "p-3",
108
+ lg: "p-4"
109
+ },
110
+ textAlign: {
111
+ left: "text-left",
112
+ center: "text-center",
113
+ right: "text-right"
114
+ }
109
115
  },
110
- textAlign: {
111
- left: "text-left",
112
- center: "text-center",
113
- right: "text-right"
114
- }
115
- },
116
- defaultVariants: { appearance: "default", size: "md" }
117
- });
118
-
119
- // src/ui/table/table.tsx
120
- var _jsxruntime = require('react/jsx-runtime');
121
- var TableContext = _react.createContext.call(void 0, null);
116
+ defaultVariants: { appearance: "default", size: "md" }
117
+ }
118
+ );
119
+ var TableContext = react.createContext(null);
122
120
  function useTableContext(component) {
123
- const ctx = _react.useContext.call(void 0, TableContext);
121
+ const ctx = react.useContext(TableContext);
124
122
  if (!ctx) {
125
123
  throw new Error(`${component} must be used within <Table>`);
126
124
  }
@@ -138,23 +136,23 @@ function Table(props) {
138
136
  ref,
139
137
  ...rest
140
138
  } = props;
141
- const ctx = _react.useMemo.call(void 0,
139
+ const ctx = react.useMemo(
142
140
  () => ({
143
- appearance: _nullishCoalesce(appearance, () => ( "default")),
144
- size: _nullishCoalesce(size, () => ( "md")),
141
+ appearance: appearance ?? "default",
142
+ size: size ?? "md",
145
143
  stickyHeader: Boolean(stickyHeader),
146
144
  rowAnimation,
147
145
  textAlign
148
146
  }),
149
147
  [appearance, rowAnimation, size, stickyHeader, textAlign]
150
148
  );
151
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "table-scroll", className: "relative w-full overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
149
+ return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "table-scroll", className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
152
150
  "table",
153
151
  {
154
152
  ref,
155
153
  "data-slot": "table",
156
154
  role: "table",
157
- className: _chunkE5UX537Jjs.cn.call(void 0,
155
+ className: chunkWZ2GOU2J_js.cn(
158
156
  tableVariants({ appearance, size, stickyHeader }),
159
157
  "w-full min-w-0 table",
160
158
  className
@@ -168,19 +166,19 @@ Table.displayName = "Table";
168
166
  function TableHeader({ className, children }) {
169
167
  const { stickyHeader } = useTableContext("TableHeader");
170
168
  const stickyClass = stickyHeader ? "sticky top-0 z-10 bg-slate-950/95 backdrop-blur" : "";
171
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { "data-slot": "table-header", className: _chunkE5UX537Jjs.cn.call(void 0, stickyClass, className), children });
169
+ return /* @__PURE__ */ jsxRuntime.jsx("thead", { "data-slot": "table-header", className: chunkWZ2GOU2J_js.cn(stickyClass, className), children });
172
170
  }
173
171
  TableHeader.displayName = "TableHeader";
174
172
  function TableBody({ className, children }) {
175
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { "data-slot": "table-body", className: _chunkE5UX537Jjs.cn.call(void 0, className), children });
173
+ return /* @__PURE__ */ jsxRuntime.jsx("tbody", { "data-slot": "table-body", className: chunkWZ2GOU2J_js.cn(className), children });
176
174
  }
177
175
  TableBody.displayName = "TableBody";
178
176
  function TableFooter({ className, children }) {
179
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
177
+ return /* @__PURE__ */ jsxRuntime.jsx(
180
178
  "tfoot",
181
179
  {
182
180
  "data-slot": "table-footer",
183
- className: _chunkE5UX537Jjs.cn.call(void 0,
181
+ className: chunkWZ2GOU2J_js.cn(
184
182
  "border-t border-white/10 bg-white/3 font-medium",
185
183
  className
186
184
  ),
@@ -197,12 +195,12 @@ function TableRow({
197
195
  }) {
198
196
  const { appearance, rowAnimation } = useTableContext("TableRow");
199
197
  const motionProps = tableAnimationPresets[rowAnimation];
200
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
201
- _framermotion.motion.tr,
198
+ return /* @__PURE__ */ jsxRuntime.jsx(
199
+ framerMotion.motion.tr,
202
200
  {
203
201
  ref,
204
202
  "data-slot": "table-row",
205
- className: _chunkE5UX537Jjs.cn.call(void 0, tableRowVariants({ appearance }), className),
203
+ className: chunkWZ2GOU2J_js.cn(tableRowVariants({ appearance }), className),
206
204
  initial: false,
207
205
  ...motionProps,
208
206
  ...rest,
@@ -220,14 +218,14 @@ function TableHead({
220
218
  ...rest
221
219
  }) {
222
220
  const { appearance, size, textAlign } = useTableContext("TableHead");
223
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
221
+ return /* @__PURE__ */ jsxRuntime.jsx(
224
222
  "th",
225
223
  {
226
224
  ref,
227
225
  "data-slot": "table-head",
228
226
  scope,
229
227
  "aria-sort": sortDirection,
230
- className: _chunkE5UX537Jjs.cn.call(void 0,
228
+ className: chunkWZ2GOU2J_js.cn(
231
229
  tableCellVariants({ appearance, size, textAlign }),
232
230
  className
233
231
  ),
@@ -244,12 +242,12 @@ function TableCell({
244
242
  ...rest
245
243
  }) {
246
244
  const { appearance, size, textAlign } = useTableContext("TableCell");
247
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
245
+ return /* @__PURE__ */ jsxRuntime.jsx(
248
246
  "td",
249
247
  {
250
248
  ref,
251
249
  "data-slot": "table-cell",
252
- className: _chunkE5UX537Jjs.cn.call(void 0,
250
+ className: chunkWZ2GOU2J_js.cn(
253
251
  tableCellVariants({ appearance, size, textAlign }),
254
252
  className
255
253
  ),
@@ -260,28 +258,28 @@ function TableCell({
260
258
  }
261
259
  TableCell.displayName = "TableCell";
262
260
  function TableCaption({ className, children }) {
263
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
261
+ return /* @__PURE__ */ jsxRuntime.jsx(
264
262
  "caption",
265
263
  {
266
264
  "data-slot": "table-caption",
267
- className: _chunkE5UX537Jjs.cn.call(void 0, "mt-3 text-left text-xs text-slate-500", className),
265
+ className: chunkWZ2GOU2J_js.cn("mt-3 text-left text-xs text-slate-500", className),
268
266
  children
269
267
  }
270
268
  );
271
269
  }
272
270
  TableCaption.displayName = "TableCaption";
273
271
 
274
-
275
-
276
-
277
-
278
-
279
-
280
-
281
-
282
-
283
-
284
-
285
-
286
- exports.Table = Table; exports.TableBody = TableBody; exports.TableCaption = TableCaption; exports.TableCell = TableCell; exports.TableFooter = TableFooter; exports.TableHead = TableHead; exports.TableHeader = TableHeader; exports.TableRow = TableRow; exports.tableAnimationPresets = tableAnimationPresets; exports.tableCellVariants = tableCellVariants; exports.tableRowVariants = tableRowVariants; exports.tableVariants = tableVariants;
272
+ exports.Table = Table;
273
+ exports.TableBody = TableBody;
274
+ exports.TableCaption = TableCaption;
275
+ exports.TableCell = TableCell;
276
+ exports.TableFooter = TableFooter;
277
+ exports.TableHead = TableHead;
278
+ exports.TableHeader = TableHeader;
279
+ exports.TableRow = TableRow;
280
+ exports.tableAnimationPresets = tableAnimationPresets;
281
+ exports.tableCellVariants = tableCellVariants;
282
+ exports.tableRowVariants = tableRowVariants;
283
+ exports.tableVariants = tableVariants;
284
+ //# sourceMappingURL=table.js.map
287
285
  //# sourceMappingURL=table.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/table.js"],"names":[],"mappings":"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A;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;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,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/table.js","sourcesContent":[null]}
1
+ {"version":3,"sources":["../../src/ui/table/animations.ts","../../src/ui/table/variants.ts","../../src/ui/table/table.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","cn","motion"],"mappings":"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","file":"table.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { TableAnimation } from \"./types\";\n\ntype TablePresetMotionProps = Pick<\n HTMLMotionProps<\"tr\">,\n \"whileHover\" | \"transition\"\n>;\n\nexport type TableAnimationPresets = Record<\n TableAnimation,\n TablePresetMotionProps\n>;\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(\n \"min-w-0 border p-3 align-middle break-words\",\n {\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);\n","\"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\n ? \"sticky top-0 z-10 bg-slate-950/95 backdrop-blur\"\n : \"\";\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"]}
package/dist/ui/table.mjs CHANGED
@@ -1,12 +1,9 @@
1
1
  "use client";
2
-
3
- import {
4
- cn
5
- } from "../chunk-MEWYFWBX.mjs";
6
-
7
- // src/ui/table/table.tsx
8
- import { createContext, useContext, useMemo } from "react";
9
- import { motion } from "framer-motion";
2
+ import { cn } from '../chunk-B23TPTVG.mjs';
3
+ import { createContext, useMemo, useContext } from 'react';
4
+ import { motion } from 'framer-motion';
5
+ import { cva } from 'class-variance-authority';
6
+ import { jsx } from 'react/jsx-runtime';
10
7
 
11
8
  // src/ui/table/animations.ts
12
9
  var tableAnimationPresets = {
@@ -16,9 +13,6 @@ var tableAnimationPresets = {
16
13
  transition: { duration: 0.15 }
17
14
  }
18
15
  };
19
-
20
- // src/ui/table/variants.ts
21
- import { cva } from "class-variance-authority";
22
16
  var tableVariants = cva(
23
17
  "w-full table-auto border-collapse caption-bottom text-sm text-slate-200 md:table-fixed",
24
18
  {
@@ -84,42 +78,42 @@ var tableRowVariants = cva(
84
78
  defaultVariants: { appearance: "default" }
85
79
  }
86
80
  );
87
- var tableCellVariants = cva("min-w-0 border p-3 align-middle break-words", {
88
- variants: {
89
- appearance: {
90
- default: "border-white/10",
91
- striped: "border-white/10",
92
- bordered: "border-white/10",
93
- ghost: "border-white/10",
94
- sky: "border-sky-600",
95
- rose: "border-rose-600",
96
- purple: "border-purple-600",
97
- pink: "border-pink-600",
98
- orange: "border-orange-600",
99
- yellow: "border-yellow-600",
100
- teal: "border-teal-600",
101
- indigo: "border-indigo-600",
102
- emerald: "border-emerald-600",
103
- gray: "border-gray-600",
104
- amber: "border-amber-600",
105
- violet: "border-violet-600"
106
- },
107
- size: {
108
- sm: "p-2",
109
- md: "p-3",
110
- lg: "p-4"
81
+ var tableCellVariants = cva(
82
+ "min-w-0 border p-3 align-middle break-words",
83
+ {
84
+ variants: {
85
+ appearance: {
86
+ default: "border-white/10",
87
+ striped: "border-white/10",
88
+ bordered: "border-white/10",
89
+ ghost: "border-white/10",
90
+ sky: "border-sky-600",
91
+ rose: "border-rose-600",
92
+ purple: "border-purple-600",
93
+ pink: "border-pink-600",
94
+ orange: "border-orange-600",
95
+ yellow: "border-yellow-600",
96
+ teal: "border-teal-600",
97
+ indigo: "border-indigo-600",
98
+ emerald: "border-emerald-600",
99
+ gray: "border-gray-600",
100
+ amber: "border-amber-600",
101
+ violet: "border-violet-600"
102
+ },
103
+ size: {
104
+ sm: "p-2",
105
+ md: "p-3",
106
+ lg: "p-4"
107
+ },
108
+ textAlign: {
109
+ left: "text-left",
110
+ center: "text-center",
111
+ right: "text-right"
112
+ }
111
113
  },
112
- textAlign: {
113
- left: "text-left",
114
- center: "text-center",
115
- right: "text-right"
116
- }
117
- },
118
- defaultVariants: { appearance: "default", size: "md" }
119
- });
120
-
121
- // src/ui/table/table.tsx
122
- import { jsx } from "react/jsx-runtime";
114
+ defaultVariants: { appearance: "default", size: "md" }
115
+ }
116
+ );
123
117
  var TableContext = createContext(null);
124
118
  function useTableContext(component) {
125
119
  const ctx = useContext(TableContext);
@@ -272,18 +266,7 @@ function TableCaption({ className, children }) {
272
266
  );
273
267
  }
274
268
  TableCaption.displayName = "TableCaption";
275
- export {
276
- Table,
277
- TableBody,
278
- TableCaption,
279
- TableCell,
280
- TableFooter,
281
- TableHead,
282
- TableHeader,
283
- TableRow,
284
- tableAnimationPresets,
285
- tableCellVariants,
286
- tableRowVariants,
287
- tableVariants
288
- };
269
+
270
+ export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, tableAnimationPresets, tableCellVariants, tableRowVariants, tableVariants };
271
+ //# sourceMappingURL=table.mjs.map
289
272
  //# sourceMappingURL=table.mjs.map
@@ -1 +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":[]}
1
+ {"version":3,"sources":["../../src/ui/table/animations.ts","../../src/ui/table/variants.ts","../../src/ui/table/table.tsx"],"names":[],"mappings":";;;;;;;AAcO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,EAAE,eAAA,EAAiB,wBAAA,EAAyB;AAAA,IACxD,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA;AAAK;AAEjC;AClBO,IAAM,aAAA,GAAgB,GAAA;AAAA,EAC3B,wFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,EAAA;AAAA,QACT,OAAA,EAAS,EAAA;AAAA,QACT,QAAA,EAAU,wBAAA;AAAA,QACV,KAAA,EAAO,EAAA;AAAA,QACP,GAAA,EAAK,uBAAA;AAAA,QACL,IAAA,EAAM,wBAAA;AAAA,QACN,MAAA,EAAQ,0BAAA;AAAA,QACR,IAAA,EAAM,wBAAA;AAAA,QACN,MAAA,EAAQ,0BAAA;AAAA,QACR,MAAA,EAAQ,0BAAA;AAAA,QACR,IAAA,EAAM,wBAAA;AAAA,QACN,MAAA,EAAQ,0BAAA;AAAA,QACR,OAAA,EAAS,2BAAA;AAAA,QACT,IAAA,EAAM,wBAAA;AAAA,QACN,KAAA,EAAO,yBAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,IAAA;AAAA,MACN,YAAA,EAAc;AAAA;AAChB;AAEJ;AAEO,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B,iFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,EAAA;AAAA,QACT,OAAA,EAAS,qBAAA;AAAA,QACT,QAAA,EAAU,EAAA;AAAA,QACV,KAAA,EAAO,0CAAA;AAAA,QACP,GAAA,EAAK,iCAAA;AAAA,QACL,IAAA,EAAM,mCAAA;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,IAAA,EAAM,mCAAA;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,MAAA,EAAQ,uCAAA;AAAA,QACR,IAAA,EAAM,mCAAA;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,OAAA,EAAS,yCAAA;AAAA,QACT,IAAA,EAAM,mCAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,UAAA,EAAY,SAAA;AAAU;AAE7C;AAEO,IAAM,iBAAA,GAAoB,GAAA;AAAA,EAC/B,6CAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,iBAAA;AAAA,QACT,OAAA,EAAS,iBAAA;AAAA,QACT,QAAA,EAAU,iBAAA;AAAA,QACV,KAAA,EAAO,iBAAA;AAAA,QACP,GAAA,EAAK,gBAAA;AAAA,QACL,IAAA,EAAM,iBAAA;AAAA,QACN,MAAA,EAAQ,mBAAA;AAAA,QACR,IAAA,EAAM,iBAAA;AAAA,QACN,MAAA,EAAQ,mBAAA;AAAA,QACR,MAAA,EAAQ,mBAAA;AAAA,QACR,IAAA,EAAM,iBAAA;AAAA,QACN,MAAA,EAAQ,mBAAA;AAAA,QACR,OAAA,EAAS,oBAAA;AAAA,QACT,IAAA,EAAM,iBAAA;AAAA,QACN,KAAA,EAAO,kBAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,WAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,UAAA,EAAY,SAAA,EAAW,MAAM,IAAA;AAAK;AAEzD;AChFA,IAAM,YAAA,GAAe,cAA+B,IAAI,CAAA;AAExD,SAAS,gBAAgB,SAAA,EAA6B;AACpD,EAAA,MAAM,GAAA,GAAM,WAAW,YAAY,CAAA;AACnC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,4BAAA,CAA8B,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,GAAA;AACT;AAEO,SAAS,MAAM,KAAA,EAAmB;AACvC,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA,GAAa,SAAA;AAAA,IACb,IAAA,GAAO,IAAA;AAAA,IACP,SAAA,GAAY,MAAA;AAAA,IACZ,YAAA,GAAe,KAAA;AAAA,IACf,YAAA,GAAe,MAAA;AAAA,IACf,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,GAAA,GAAM,OAAA;AAAA,IACV,OAAO;AAAA,MACL,YAAY,UAAA,IAAc,SAAA;AAAA,MAC1B,MAAM,IAAA,IAAQ,IAAA;AAAA,MACd,YAAA,EAAc,QAAQ,YAAY,CAAA;AAAA,MAClC,YAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,UAAA,EAAY,YAAA,EAAc,IAAA,EAAM,cAAc,SAAS;AAAA,GAC1D;AAEA,EAAA,uBACE,GAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,KAAA,EAAO,GAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,cAAA,EAAe,SAAA,EAAU,+BAAA,EACtC,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,SAAA,EAAW,EAAA;AAAA,QACT,aAAA,CAAc,EAAE,UAAA,EAAY,IAAA,EAAM,cAAc,CAAA;AAAA,QAChD,sBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,KAEL,CAAA,EACF,CAAA;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;AAEb,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,QAAA,EAAS,EAAsB;AACtE,EAAA,MAAM,EAAE,YAAA,EAAa,GAAI,eAAA,CAAgB,aAAa,CAAA;AACtD,EAAA,MAAM,WAAA,GAAc,eAChB,iDAAA,GACA,EAAA;AACJ,EAAA,uBACE,GAAA,CAAC,WAAM,WAAA,EAAU,cAAA,EAAe,WAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EACjE,QAAA,EACH,CAAA;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,SAAS,SAAA,CAAU,EAAE,SAAA,EAAW,QAAA,EAAS,EAAsB;AACpE,EAAA,uBACE,GAAA,CAAC,WAAM,WAAA,EAAU,YAAA,EAAa,WAAW,EAAA,CAAG,SAAS,GAClD,QAAA,EACH,CAAA;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AAEjB,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,QAAA,EAAS,EAAsB;AACtE,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,iDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,SAAS,QAAA,CAAS;AAAA,EACvB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiE;AAC/D,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,gBAAgB,UAAU,CAAA;AAC/D,EAAA,MAAM,WAAA,GAAc,sBAAsB,YAAY,CAAA;AAEtD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA,CAAO,EAAA;AAAA,IAAP;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,WAAA;AAAA,MACV,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MACzD,OAAA,EAAS,KAAA;AAAA,MACR,GAAG,WAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAEhB,SAAS,SAAA,CAAU;AAAA,EACxB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,aAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,EAAE,UAAA,EAAY,IAAA,EAAM,SAAA,EAAU,GAAI,gBAAgB,WAAW,CAAA;AACnE,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,YAAA;AAAA,MACV,KAAA;AAAA,MACA,WAAA,EAAW,aAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA,CAAkB,EAAE,UAAA,EAAY,IAAA,EAAM,WAAW,CAAA;AAAA,QACjD;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AAEjB,SAAS,SAAA,CAAU;AAAA,EACxB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,EAAE,UAAA,EAAY,IAAA,EAAM,SAAA,EAAU,GAAI,gBAAgB,WAAW,CAAA;AACnE,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA,CAAkB,EAAE,UAAA,EAAY,IAAA,EAAM,WAAW,CAAA;AAAA,QACjD;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AAEjB,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,QAAA,EAAS,EAAsB;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,uCAAA,EAAyC,SAAS,CAAA;AAAA,MAE/D;AAAA;AAAA,GACH;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"table.mjs","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { TableAnimation } from \"./types\";\n\ntype TablePresetMotionProps = Pick<\n HTMLMotionProps<\"tr\">,\n \"whileHover\" | \"transition\"\n>;\n\nexport type TableAnimationPresets = Record<\n TableAnimation,\n TablePresetMotionProps\n>;\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(\n \"min-w-0 border p-3 align-middle break-words\",\n {\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);\n","\"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\n ? \"sticky top-0 z-10 bg-slate-950/95 backdrop-blur\"\n : \"\";\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"]}