@deepnoid/ui 0.1.17 → 0.1.19

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 (79) hide show
  1. package/.turbo/turbo-build.log +136 -136
  2. package/dist/{chunk-AL4SMNMR.mjs → chunk-3DPVPTHL.mjs} +1 -1
  3. package/dist/{chunk-TVEEKI4Q.mjs → chunk-3TJAGKKY.mjs} +24 -6
  4. package/dist/{chunk-V3DWFAL7.mjs → chunk-63WXGSTV.mjs} +7 -5
  5. package/dist/{chunk-ZQFIB7ZW.mjs → chunk-AG7AWQKH.mjs} +2 -2
  6. package/dist/{chunk-3MPMVCR7.mjs → chunk-BFM3LPBK.mjs} +5 -4
  7. package/dist/{chunk-QEXS35XA.mjs → chunk-HDNQOLUJ.mjs} +1 -1
  8. package/dist/{chunk-OKLT5ESS.mjs → chunk-QIDZXCYP.mjs} +5 -5
  9. package/dist/{chunk-KCPPDCLS.mjs → chunk-RPDPB4JP.mjs} +1 -1
  10. package/dist/{chunk-XBIHKPK4.mjs → chunk-RXIFDECK.mjs} +4 -4
  11. package/dist/{chunk-VBY63YVZ.mjs → chunk-UHFJ7ZFM.mjs} +4 -4
  12. package/dist/components/backdrop/backdrop.mjs +2 -2
  13. package/dist/components/backdrop/index.mjs +2 -2
  14. package/dist/components/breadcrumb/breadcrumb.mjs +5 -5
  15. package/dist/components/breadcrumb/index.mjs +5 -5
  16. package/dist/components/button/button.mjs +2 -2
  17. package/dist/components/button/icon-button.mjs +2 -2
  18. package/dist/components/button/index.mjs +4 -4
  19. package/dist/components/button/text-button.mjs +2 -2
  20. package/dist/components/checkbox/checkbox.mjs +2 -2
  21. package/dist/components/checkbox/index.mjs +2 -2
  22. package/dist/components/chip/chip.d.mts +1 -3
  23. package/dist/components/chip/chip.d.ts +1 -3
  24. package/dist/components/chip/chip.js +2 -1
  25. package/dist/components/chip/chip.mjs +2 -2
  26. package/dist/components/chip/index.js +2 -1
  27. package/dist/components/chip/index.mjs +2 -2
  28. package/dist/components/dateTimePicker/calendar.mjs +2 -2
  29. package/dist/components/dateTimePicker/dateTimePicker.mjs +6 -6
  30. package/dist/components/dateTimePicker/index.mjs +6 -6
  31. package/dist/components/dateTimePicker/timePicker.mjs +4 -4
  32. package/dist/components/input/index.mjs +2 -2
  33. package/dist/components/input/input.mjs +2 -2
  34. package/dist/components/list/index.mjs +3 -3
  35. package/dist/components/list/list.mjs +2 -2
  36. package/dist/components/list/listItem.mjs +2 -2
  37. package/dist/components/modal/index.mjs +5 -5
  38. package/dist/components/modal/modal.mjs +5 -5
  39. package/dist/components/pagination/index.mjs +3 -3
  40. package/dist/components/pagination/pagination.mjs +3 -3
  41. package/dist/components/radio/index.mjs +2 -2
  42. package/dist/components/radio/radio.mjs +2 -2
  43. package/dist/components/select/index.mjs +2 -2
  44. package/dist/components/select/select.mjs +2 -2
  45. package/dist/components/table/index.js +24 -7
  46. package/dist/components/table/index.mjs +7 -7
  47. package/dist/components/table/table-body.d.mts +3 -1
  48. package/dist/components/table/table-body.d.ts +3 -1
  49. package/dist/components/table/table-body.js +6 -4
  50. package/dist/components/table/table-body.mjs +3 -3
  51. package/dist/components/table/table-head.mjs +3 -3
  52. package/dist/components/table/table.d.mts +4 -0
  53. package/dist/components/table/table.d.ts +4 -0
  54. package/dist/components/table/table.js +24 -7
  55. package/dist/components/table/table.mjs +7 -7
  56. package/dist/components/tabs/index.mjs +2 -2
  57. package/dist/components/tabs/tabs.mjs +2 -2
  58. package/dist/components/toast/index.mjs +3 -3
  59. package/dist/components/toast/toast.mjs +2 -2
  60. package/dist/components/toast/use-toast.mjs +3 -3
  61. package/dist/components/tooltip/index.mjs +2 -2
  62. package/dist/components/tooltip/tooltip.mjs +2 -2
  63. package/dist/index.js +26 -8
  64. package/dist/index.mjs +33 -33
  65. package/package.json +1 -1
  66. package/dist/{chunk-SSMMWMQC.mjs → chunk-2YMAKIZ6.mjs} +3 -3
  67. package/dist/{chunk-S6DHANZX.mjs → chunk-5ANQDLRS.mjs} +3 -3
  68. package/dist/{chunk-LNNTSCMC.mjs → chunk-5OBP42D6.mjs} +3 -3
  69. package/dist/{chunk-XKEXTBMD.mjs → chunk-7A5M7DRD.mjs} +3 -3
  70. package/dist/{chunk-36JC3WXM.mjs → chunk-7TXQPX4O.mjs} +3 -3
  71. package/dist/{chunk-YLRYHUTW.mjs → chunk-D6QI3DJG.mjs} +3 -3
  72. package/dist/{chunk-YD7UPDCV.mjs → chunk-FONJYZKH.mjs} +3 -3
  73. package/dist/{chunk-UFVQPPPW.mjs → chunk-HIVPDIEP.mjs} +3 -3
  74. package/dist/{chunk-CU6CIHC2.mjs → chunk-K7Z6PVXE.mjs} +3 -3
  75. package/dist/{chunk-P5QCU457.mjs → chunk-LL6F3WDX.mjs} +3 -3
  76. package/dist/{chunk-IB424QKO.mjs → chunk-MJT6ZW4C.mjs} +3 -3
  77. package/dist/{chunk-33LANVZV.mjs → chunk-QIRL6HY6.mjs} +3 -3
  78. package/dist/{chunk-2PKM7SLZ.mjs → chunk-WFMFC7R6.mjs} +3 -3
  79. package/dist/{chunk-IL5ENWCR.mjs → chunk-Z2537DF6.mjs} +3 -3
@@ -2,16 +2,16 @@
2
2
  import "../../chunk-7B7LRG5J.mjs";
3
3
  import {
4
4
  pagination_default
5
- } from "../../chunk-VBY63YVZ.mjs";
5
+ } from "../../chunk-UHFJ7ZFM.mjs";
6
6
  import "../../chunk-F3HENRVM.mjs";
7
7
  import "../../chunk-2GCSFWHD.mjs";
8
- import "../../chunk-36JC3WXM.mjs";
8
+ import "../../chunk-7TXQPX4O.mjs";
9
9
  import "../../chunk-ZYIIXWVY.mjs";
10
10
  import "../../chunk-DADMVOYI.mjs";
11
11
  import "../../chunk-A7OXEUCC.mjs";
12
+ import "../../chunk-4ZJFD3L3.mjs";
12
13
  import "../../chunk-27Y6K5NK.mjs";
13
14
  import "../../chunk-E3G5QXSH.mjs";
14
- import "../../chunk-4ZJFD3L3.mjs";
15
15
  import "../../chunk-AC6TWLRT.mjs";
16
16
  export {
17
17
  pagination_default as Pagination
@@ -2,16 +2,16 @@
2
2
  import {
3
3
  paginationStyle,
4
4
  pagination_default
5
- } from "../../chunk-VBY63YVZ.mjs";
5
+ } from "../../chunk-UHFJ7ZFM.mjs";
6
6
  import "../../chunk-F3HENRVM.mjs";
7
7
  import "../../chunk-2GCSFWHD.mjs";
8
- import "../../chunk-36JC3WXM.mjs";
8
+ import "../../chunk-7TXQPX4O.mjs";
9
9
  import "../../chunk-ZYIIXWVY.mjs";
10
10
  import "../../chunk-DADMVOYI.mjs";
11
11
  import "../../chunk-A7OXEUCC.mjs";
12
+ import "../../chunk-4ZJFD3L3.mjs";
12
13
  import "../../chunk-27Y6K5NK.mjs";
13
14
  import "../../chunk-E3G5QXSH.mjs";
14
- import "../../chunk-4ZJFD3L3.mjs";
15
15
  import "../../chunk-AC6TWLRT.mjs";
16
16
  export {
17
17
  pagination_default as default,
@@ -2,10 +2,10 @@
2
2
  import "../../chunk-TPFN22HR.mjs";
3
3
  import {
4
4
  radio_default
5
- } from "../../chunk-33LANVZV.mjs";
5
+ } from "../../chunk-QIRL6HY6.mjs";
6
+ import "../../chunk-4ZJFD3L3.mjs";
6
7
  import "../../chunk-27Y6K5NK.mjs";
7
8
  import "../../chunk-E3G5QXSH.mjs";
8
- import "../../chunk-4ZJFD3L3.mjs";
9
9
  import "../../chunk-AC6TWLRT.mjs";
10
10
  export {
11
11
  radio_default as Radio
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  radio_default
4
- } from "../../chunk-33LANVZV.mjs";
4
+ } from "../../chunk-QIRL6HY6.mjs";
5
+ import "../../chunk-4ZJFD3L3.mjs";
5
6
  import "../../chunk-27Y6K5NK.mjs";
6
7
  import "../../chunk-E3G5QXSH.mjs";
7
- import "../../chunk-4ZJFD3L3.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";
9
9
  export {
10
10
  radio_default as default
@@ -2,14 +2,14 @@
2
2
  import "../../chunk-QCEKPS7U.mjs";
3
3
  import {
4
4
  select_default
5
- } from "../../chunk-IB424QKO.mjs";
5
+ } from "../../chunk-MJT6ZW4C.mjs";
6
6
  import "../../chunk-P6NVCCBZ.mjs";
7
7
  import "../../chunk-S3QS5B7F.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-DADMVOYI.mjs";
10
10
  import "../../chunk-A7OXEUCC.mjs";
11
- import "../../chunk-E3G5QXSH.mjs";
12
11
  import "../../chunk-4ZJFD3L3.mjs";
12
+ import "../../chunk-E3G5QXSH.mjs";
13
13
  import "../../chunk-AC6TWLRT.mjs";
14
14
  export {
15
15
  select_default as Select
@@ -1,14 +1,14 @@
1
1
  "use client";
2
2
  import {
3
3
  select_default
4
- } from "../../chunk-IB424QKO.mjs";
4
+ } from "../../chunk-MJT6ZW4C.mjs";
5
5
  import "../../chunk-P6NVCCBZ.mjs";
6
6
  import "../../chunk-S3QS5B7F.mjs";
7
7
  import "../../chunk-ZYIIXWVY.mjs";
8
8
  import "../../chunk-DADMVOYI.mjs";
9
9
  import "../../chunk-A7OXEUCC.mjs";
10
- import "../../chunk-E3G5QXSH.mjs";
11
10
  import "../../chunk-4ZJFD3L3.mjs";
11
+ import "../../chunk-E3G5QXSH.mjs";
12
12
  import "../../chunk-AC6TWLRT.mjs";
13
13
  export {
14
14
  select_default as default
@@ -638,7 +638,9 @@ var TableBody = ({
638
638
  checkedRows,
639
639
  onCheckRow,
640
640
  emptyContent,
641
- classNames
641
+ isLoading,
642
+ classNames,
643
+ className
642
644
  }) => {
643
645
  const generateColumnStyles = (0, import_react2.useCallback)((column) => {
644
646
  const alignClass = column.align ? `text-${column.align}` : "text-left";
@@ -676,8 +678,8 @@ var TableBody = ({
676
678
  );
677
679
  const hasRows = rows.length > 0;
678
680
  const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
679
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: [
680
- hasRows && rows.map((row, rowIndex) => {
681
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
682
+ !isLoading && hasRows && rows.map((row, rowIndex) => {
681
683
  const isRowChecked = checkedRows.has(rowIndex);
682
684
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
683
685
  columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
@@ -691,7 +693,7 @@ var TableBody = ({
691
693
  ) }) })
692
694
  ] }, rowIndex);
693
695
  }),
694
- !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: emptyContent }) })
696
+ !isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
695
697
  ] });
696
698
  };
697
699
  var table_body_default = TableBody;
@@ -5263,13 +5265,14 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
5263
5265
  pagination,
5264
5266
  onPageChange,
5265
5267
  emptyContent,
5268
+ isLoading,
5266
5269
  className,
5267
5270
  color
5268
5271
  } = { ...props, ...variantProps };
5269
5272
  const [checkedRows, setCheckedRows] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
5270
5273
  const divRef = (0, import_react7.useRef)(null);
5271
5274
  const { page, perPage } = pagination || { page: 1, perPage: 10 };
5272
- const showPagination = pagination && typeof totalData === "number";
5275
+ const showPagination = pagination && typeof totalData === "number" && !isLoading;
5273
5276
  (0, import_react7.useImperativeHandle)(ref, () => ({
5274
5277
  checkedRows,
5275
5278
  setCheckedRows
@@ -5288,7 +5291,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
5288
5291
  };
5289
5292
  const slots = (0, import_react7.useMemo)(() => tableStyle(variantProps), [variantProps]);
5290
5293
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
5291
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
5294
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
5292
5295
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
5293
5296
  table_head_default,
5294
5297
  {
@@ -5312,7 +5315,12 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
5312
5315
  checkedRows,
5313
5316
  onCheckRow: handleCheck,
5314
5317
  emptyContent,
5315
- classNames
5318
+ isLoading,
5319
+ classNames,
5320
+ className: clsx(
5321
+ "transition-all duration-150 ease-out",
5322
+ isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
5323
+ )
5316
5324
  }
5317
5325
  )
5318
5326
  ] }) }),
@@ -5358,6 +5366,15 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
5358
5366
  "gap-[10px]",
5359
5367
  "transition duration-200",
5360
5368
  "align-middle"
5369
+ ],
5370
+ empty: [
5371
+ "relative",
5372
+ "text-foreground",
5373
+ "whitespace-normal",
5374
+ "outline-none",
5375
+ "[&>*]:z-1",
5376
+ "[&>*]:relative",
5377
+ "align-middle"
5361
5378
  ]
5362
5379
  },
5363
5380
  variants: {
@@ -2,24 +2,24 @@
2
2
  import "../../chunk-2UUH2MBF.mjs";
3
3
  import {
4
4
  table_default
5
- } from "../../chunk-TVEEKI4Q.mjs";
6
- import "../../chunk-V3DWFAL7.mjs";
7
- import "../../chunk-AL4SMNMR.mjs";
5
+ } from "../../chunk-3TJAGKKY.mjs";
6
+ import "../../chunk-63WXGSTV.mjs";
7
+ import "../../chunk-3DPVPTHL.mjs";
8
8
  import "../../chunk-DQRAFUDA.mjs";
9
9
  import "../../chunk-M37VBNB3.mjs";
10
10
  import "../../chunk-7B7LRG5J.mjs";
11
- import "../../chunk-VBY63YVZ.mjs";
11
+ import "../../chunk-UHFJ7ZFM.mjs";
12
12
  import "../../chunk-F3HENRVM.mjs";
13
13
  import "../../chunk-2GCSFWHD.mjs";
14
- import "../../chunk-36JC3WXM.mjs";
14
+ import "../../chunk-7TXQPX4O.mjs";
15
15
  import "../../chunk-QZ3LVYJW.mjs";
16
- import "../../chunk-YLRYHUTW.mjs";
16
+ import "../../chunk-D6QI3DJG.mjs";
17
17
  import "../../chunk-ZYIIXWVY.mjs";
18
18
  import "../../chunk-DADMVOYI.mjs";
19
19
  import "../../chunk-A7OXEUCC.mjs";
20
+ import "../../chunk-4ZJFD3L3.mjs";
20
21
  import "../../chunk-27Y6K5NK.mjs";
21
22
  import "../../chunk-E3G5QXSH.mjs";
22
- import "../../chunk-4ZJFD3L3.mjs";
23
23
  import "../../chunk-AC6TWLRT.mjs";
24
24
  export {
25
25
  table_default as Table
@@ -13,8 +13,10 @@ interface TableBodyProps {
13
13
  checkedRows: Set<number>;
14
14
  onCheckRow: (index: number, isChecked: boolean) => void;
15
15
  emptyContent?: ReactNode;
16
+ isLoading?: boolean;
16
17
  classNames?: SlotsToClasses<TableSlots>;
18
+ className?: string;
17
19
  }
18
- declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, classNames, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
20
+ declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, isLoading, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
19
21
 
20
22
  export { TableBody as default };
@@ -13,8 +13,10 @@ interface TableBodyProps {
13
13
  checkedRows: Set<number>;
14
14
  onCheckRow: (index: number, isChecked: boolean) => void;
15
15
  emptyContent?: ReactNode;
16
+ isLoading?: boolean;
16
17
  classNames?: SlotsToClasses<TableSlots>;
18
+ className?: string;
17
19
  }
18
- declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, classNames, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
20
+ declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, isLoading, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
19
21
 
20
22
  export { TableBody as default };
@@ -605,7 +605,9 @@ var TableBody = ({
605
605
  checkedRows,
606
606
  onCheckRow,
607
607
  emptyContent,
608
- classNames
608
+ isLoading,
609
+ classNames,
610
+ className
609
611
  }) => {
610
612
  const generateColumnStyles = (0, import_react2.useCallback)((column) => {
611
613
  const alignClass = column.align ? `text-${column.align}` : "text-left";
@@ -643,8 +645,8 @@ var TableBody = ({
643
645
  );
644
646
  const hasRows = rows.length > 0;
645
647
  const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
646
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: [
647
- hasRows && rows.map((row, rowIndex) => {
648
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
649
+ !isLoading && hasRows && rows.map((row, rowIndex) => {
648
650
  const isRowChecked = checkedRows.has(rowIndex);
649
651
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
650
652
  columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
@@ -658,7 +660,7 @@ var TableBody = ({
658
660
  ) }) })
659
661
  ] }, rowIndex);
660
662
  }),
661
- !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan, className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: emptyContent }) })
663
+ !isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
662
664
  ] });
663
665
  };
664
666
  var table_body_default = TableBody;
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  table_body_default
4
- } from "../../chunk-V3DWFAL7.mjs";
4
+ } from "../../chunk-63WXGSTV.mjs";
5
5
  import "../../chunk-QZ3LVYJW.mjs";
6
- import "../../chunk-YLRYHUTW.mjs";
6
+ import "../../chunk-D6QI3DJG.mjs";
7
+ import "../../chunk-4ZJFD3L3.mjs";
7
8
  import "../../chunk-27Y6K5NK.mjs";
8
9
  import "../../chunk-E3G5QXSH.mjs";
9
- import "../../chunk-4ZJFD3L3.mjs";
10
10
  import "../../chunk-AC6TWLRT.mjs";
11
11
  export {
12
12
  table_body_default as default
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  table_head_default
4
- } from "../../chunk-AL4SMNMR.mjs";
4
+ } from "../../chunk-3DPVPTHL.mjs";
5
5
  import "../../chunk-QZ3LVYJW.mjs";
6
- import "../../chunk-YLRYHUTW.mjs";
6
+ import "../../chunk-D6QI3DJG.mjs";
7
+ import "../../chunk-4ZJFD3L3.mjs";
7
8
  import "../../chunk-27Y6K5NK.mjs";
8
9
  import "../../chunk-E3G5QXSH.mjs";
9
- import "../../chunk-4ZJFD3L3.mjs";
10
10
  import "../../chunk-AC6TWLRT.mjs";
11
11
  export {
12
12
  table_head_default as default
@@ -18,6 +18,7 @@ interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "c
18
18
  perPage: number;
19
19
  }) => void;
20
20
  emptyContent?: ReactNode;
21
+ isLoading?: boolean;
21
22
  classNames?: SlotsToClasses<TableSlots>;
22
23
  }
23
24
  interface TableRef {
@@ -78,6 +79,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
78
79
  tr: string[];
79
80
  th: string[];
80
81
  td: string[];
82
+ empty: string[];
81
83
  }, undefined, {
82
84
  variant: {
83
85
  solid: {
@@ -130,6 +132,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
130
132
  tr: string[];
131
133
  th: string[];
132
134
  td: string[];
135
+ empty: string[];
133
136
  }, tailwind_variants.TVReturnType<{
134
137
  variant: {
135
138
  solid: {
@@ -182,6 +185,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
182
185
  tr: string[];
183
186
  th: string[];
184
187
  td: string[];
188
+ empty: string[];
185
189
  }, undefined, unknown, unknown, undefined>>;
186
190
  type TableVariantProps = VariantProps<typeof tableStyle>;
187
191
  type TableSlots = keyof ReturnType<typeof tableStyle>;
@@ -18,6 +18,7 @@ interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "c
18
18
  perPage: number;
19
19
  }) => void;
20
20
  emptyContent?: ReactNode;
21
+ isLoading?: boolean;
21
22
  classNames?: SlotsToClasses<TableSlots>;
22
23
  }
23
24
  interface TableRef {
@@ -78,6 +79,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
78
79
  tr: string[];
79
80
  th: string[];
80
81
  td: string[];
82
+ empty: string[];
81
83
  }, undefined, {
82
84
  variant: {
83
85
  solid: {
@@ -130,6 +132,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
130
132
  tr: string[];
131
133
  th: string[];
132
134
  td: string[];
135
+ empty: string[];
133
136
  }, tailwind_variants.TVReturnType<{
134
137
  variant: {
135
138
  solid: {
@@ -182,6 +185,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
182
185
  tr: string[];
183
186
  th: string[];
184
187
  td: string[];
188
+ empty: string[];
185
189
  }, undefined, unknown, unknown, undefined>>;
186
190
  type TableVariantProps = VariantProps<typeof tableStyle>;
187
191
  type TableSlots = keyof ReturnType<typeof tableStyle>;
@@ -636,7 +636,9 @@ var TableBody = ({
636
636
  checkedRows,
637
637
  onCheckRow,
638
638
  emptyContent,
639
- classNames
639
+ isLoading,
640
+ classNames,
641
+ className
640
642
  }) => {
641
643
  const generateColumnStyles = (0, import_react2.useCallback)((column) => {
642
644
  const alignClass = column.align ? `text-${column.align}` : "text-left";
@@ -674,8 +676,8 @@ var TableBody = ({
674
676
  );
675
677
  const hasRows = rows.length > 0;
676
678
  const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
677
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: [
678
- hasRows && rows.map((row, rowIndex) => {
679
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
680
+ !isLoading && hasRows && rows.map((row, rowIndex) => {
679
681
  const isRowChecked = checkedRows.has(rowIndex);
680
682
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
681
683
  columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
@@ -689,7 +691,7 @@ var TableBody = ({
689
691
  ) }) })
690
692
  ] }, rowIndex);
691
693
  }),
692
- !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: emptyContent }) })
694
+ !isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
693
695
  ] });
694
696
  };
695
697
  var table_body_default = TableBody;
@@ -5261,13 +5263,14 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
5261
5263
  pagination,
5262
5264
  onPageChange,
5263
5265
  emptyContent,
5266
+ isLoading,
5264
5267
  className,
5265
5268
  color
5266
5269
  } = { ...props, ...variantProps };
5267
5270
  const [checkedRows, setCheckedRows] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
5268
5271
  const divRef = (0, import_react7.useRef)(null);
5269
5272
  const { page, perPage } = pagination || { page: 1, perPage: 10 };
5270
- const showPagination = pagination && typeof totalData === "number";
5273
+ const showPagination = pagination && typeof totalData === "number" && !isLoading;
5271
5274
  (0, import_react7.useImperativeHandle)(ref, () => ({
5272
5275
  checkedRows,
5273
5276
  setCheckedRows
@@ -5286,7 +5289,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
5286
5289
  };
5287
5290
  const slots = (0, import_react7.useMemo)(() => tableStyle(variantProps), [variantProps]);
5288
5291
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
5289
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
5292
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
5290
5293
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
5291
5294
  table_head_default,
5292
5295
  {
@@ -5310,7 +5313,12 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
5310
5313
  checkedRows,
5311
5314
  onCheckRow: handleCheck,
5312
5315
  emptyContent,
5313
- classNames
5316
+ isLoading,
5317
+ classNames,
5318
+ className: clsx(
5319
+ "transition-all duration-150 ease-out",
5320
+ isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
5321
+ )
5314
5322
  }
5315
5323
  )
5316
5324
  ] }) }),
@@ -5356,6 +5364,15 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
5356
5364
  "gap-[10px]",
5357
5365
  "transition duration-200",
5358
5366
  "align-middle"
5367
+ ],
5368
+ empty: [
5369
+ "relative",
5370
+ "text-foreground",
5371
+ "whitespace-normal",
5372
+ "outline-none",
5373
+ "[&>*]:z-1",
5374
+ "[&>*]:relative",
5375
+ "align-middle"
5359
5376
  ]
5360
5377
  },
5361
5378
  variants: {
@@ -1,24 +1,24 @@
1
1
  "use client";
2
2
  import {
3
3
  table_default
4
- } from "../../chunk-TVEEKI4Q.mjs";
5
- import "../../chunk-V3DWFAL7.mjs";
6
- import "../../chunk-AL4SMNMR.mjs";
4
+ } from "../../chunk-3TJAGKKY.mjs";
5
+ import "../../chunk-63WXGSTV.mjs";
6
+ import "../../chunk-3DPVPTHL.mjs";
7
7
  import "../../chunk-DQRAFUDA.mjs";
8
8
  import "../../chunk-M37VBNB3.mjs";
9
9
  import "../../chunk-7B7LRG5J.mjs";
10
- import "../../chunk-VBY63YVZ.mjs";
10
+ import "../../chunk-UHFJ7ZFM.mjs";
11
11
  import "../../chunk-F3HENRVM.mjs";
12
12
  import "../../chunk-2GCSFWHD.mjs";
13
- import "../../chunk-36JC3WXM.mjs";
13
+ import "../../chunk-7TXQPX4O.mjs";
14
14
  import "../../chunk-QZ3LVYJW.mjs";
15
- import "../../chunk-YLRYHUTW.mjs";
15
+ import "../../chunk-D6QI3DJG.mjs";
16
16
  import "../../chunk-ZYIIXWVY.mjs";
17
17
  import "../../chunk-DADMVOYI.mjs";
18
18
  import "../../chunk-A7OXEUCC.mjs";
19
+ import "../../chunk-4ZJFD3L3.mjs";
19
20
  import "../../chunk-27Y6K5NK.mjs";
20
21
  import "../../chunk-E3G5QXSH.mjs";
21
- import "../../chunk-4ZJFD3L3.mjs";
22
22
  import "../../chunk-AC6TWLRT.mjs";
23
23
  export {
24
24
  table_default as default
@@ -2,9 +2,9 @@
2
2
  import "../../chunk-3MY6LO7N.mjs";
3
3
  import {
4
4
  tabs_default
5
- } from "../../chunk-SSMMWMQC.mjs";
6
- import "../../chunk-E3G5QXSH.mjs";
5
+ } from "../../chunk-2YMAKIZ6.mjs";
7
6
  import "../../chunk-4ZJFD3L3.mjs";
7
+ import "../../chunk-E3G5QXSH.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";
9
9
  export {
10
10
  tabs_default as Tabs
@@ -2,9 +2,9 @@
2
2
  import {
3
3
  tabs,
4
4
  tabs_default
5
- } from "../../chunk-SSMMWMQC.mjs";
6
- import "../../chunk-E3G5QXSH.mjs";
5
+ } from "../../chunk-2YMAKIZ6.mjs";
7
6
  import "../../chunk-4ZJFD3L3.mjs";
7
+ import "../../chunk-E3G5QXSH.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";
9
9
  export {
10
10
  tabs_default as default,
@@ -3,16 +3,16 @@ import "../../chunk-LUWGOKLG.mjs";
3
3
  import {
4
4
  ToastProvider,
5
5
  useToast
6
- } from "../../chunk-QEXS35XA.mjs";
6
+ } from "../../chunk-HDNQOLUJ.mjs";
7
7
  import "../../chunk-ZOTHPHXA.mjs";
8
8
  import {
9
9
  toast_default
10
- } from "../../chunk-LNNTSCMC.mjs";
10
+ } from "../../chunk-5OBP42D6.mjs";
11
11
  import "../../chunk-ZYIIXWVY.mjs";
12
12
  import "../../chunk-DADMVOYI.mjs";
13
13
  import "../../chunk-A7OXEUCC.mjs";
14
- import "../../chunk-E3G5QXSH.mjs";
15
14
  import "../../chunk-4ZJFD3L3.mjs";
15
+ import "../../chunk-E3G5QXSH.mjs";
16
16
  import "../../chunk-AC6TWLRT.mjs";
17
17
  export {
18
18
  toast_default as Toast,
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  toast_default
4
- } from "../../chunk-LNNTSCMC.mjs";
4
+ } from "../../chunk-5OBP42D6.mjs";
5
5
  import "../../chunk-ZYIIXWVY.mjs";
6
6
  import "../../chunk-DADMVOYI.mjs";
7
7
  import "../../chunk-A7OXEUCC.mjs";
8
- import "../../chunk-E3G5QXSH.mjs";
9
8
  import "../../chunk-4ZJFD3L3.mjs";
9
+ import "../../chunk-E3G5QXSH.mjs";
10
10
  import "../../chunk-AC6TWLRT.mjs";
11
11
  export {
12
12
  toast_default as default
@@ -2,14 +2,14 @@
2
2
  import {
3
3
  ToastProvider,
4
4
  useToast
5
- } from "../../chunk-QEXS35XA.mjs";
5
+ } from "../../chunk-HDNQOLUJ.mjs";
6
6
  import "../../chunk-ZOTHPHXA.mjs";
7
- import "../../chunk-LNNTSCMC.mjs";
7
+ import "../../chunk-5OBP42D6.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-DADMVOYI.mjs";
10
10
  import "../../chunk-A7OXEUCC.mjs";
11
- import "../../chunk-E3G5QXSH.mjs";
12
11
  import "../../chunk-4ZJFD3L3.mjs";
12
+ import "../../chunk-E3G5QXSH.mjs";
13
13
  import "../../chunk-AC6TWLRT.mjs";
14
14
  export {
15
15
  ToastProvider,
@@ -2,11 +2,11 @@
2
2
  import "../../chunk-HIE2YRGA.mjs";
3
3
  import {
4
4
  tooltip_default
5
- } from "../../chunk-IL5ENWCR.mjs";
5
+ } from "../../chunk-Z2537DF6.mjs";
6
6
  import "../../chunk-ZMOAFSYE.mjs";
7
7
  import "../../chunk-WSIADHVC.mjs";
8
- import "../../chunk-E3G5QXSH.mjs";
9
8
  import "../../chunk-4ZJFD3L3.mjs";
9
+ import "../../chunk-E3G5QXSH.mjs";
10
10
  import "../../chunk-AC6TWLRT.mjs";
11
11
  export {
12
12
  tooltip_default as Tooltip
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  tooltip_default
4
- } from "../../chunk-IL5ENWCR.mjs";
4
+ } from "../../chunk-Z2537DF6.mjs";
5
5
  import "../../chunk-ZMOAFSYE.mjs";
6
6
  import "../../chunk-WSIADHVC.mjs";
7
- import "../../chunk-E3G5QXSH.mjs";
8
7
  import "../../chunk-4ZJFD3L3.mjs";
8
+ import "../../chunk-E3G5QXSH.mjs";
9
9
  import "../../chunk-AC6TWLRT.mjs";
10
10
  export {
11
11
  tooltip_default as default