@deepnoid/ui 0.1.137 → 0.1.139

package/dist/components/table/table-head.js

@@ -6257,49 +6257,52 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     [variantProps, onRowClick]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      "table",
-      {
-        className: slots.table({ class: classNames == null ? void 0 : classNames.table }),
-        style: {
-          tableLayout: "fixed",
-          width: "100%",
-          minWidth: `${tableMinWidth}px`
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            table_head_default,
-            {
-              columns,
-              size,
-              color,
-              rowCheckbox,
-              hasCheckedRows: rows.length > 0 && rows.every((row) => checkedRowIds.has(row.id)),
-              onCheckAll: handleAllRowCheck,
-              classNames,
-              slots
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            table_body_default,
-            {
-              slots,
-              rows,
-              columns,
-              size,
-              color,
-              rowCheckbox,
-              checkedRows: checkedRowIds,
-              onCheckRow: handleRowCheck,
-              onRowClick: handleRowClick,
-              isLoading,
-              emptyContent,
-              classNames
-            }
-          )
-        ]
-      }
-    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        "table",
+        {
+          className: slots.table({ class: classNames == null ? void 0 : classNames.table }),
+          style: {
+            tableLayout: "fixed",
+            width: "100%",
+            minWidth: `${tableMinWidth}px`
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              table_head_default,
+              {
+                columns,
+                size,
+                color,
+                rowCheckbox,
+                hasCheckedRows: rows.length > 0 && rows.every((row) => checkedRowIds.has(row.id)),
+                onCheckAll: handleAllRowCheck,
+                classNames,
+                slots
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              table_body_default,
+              {
+                slots,
+                rows,
+                columns,
+                size,
+                color,
+                rowCheckbox,
+                checkedRows: checkedRowIds,
+                onCheckRow: handleRowCheck,
+                onRowClick: handleRowClick,
+                isLoading,
+                emptyContent,
+                classNames
+              }
+            )
+          ]
+        }
+      ),
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: slots.overlay({ class: classNames == null ? void 0 : classNames.overlay }) })
+    ] }),
     showPagination && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       pagination_default,
       {
@@ -6354,7 +6357,8 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
       "[&>*]:relative",
       "align-middle"
     ],
-    tbodyLoading: []
+    tbodyLoading: [],
+    overlay: []
   },
   variants: {
     variant: {

package/dist/components/table/table-head.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-3YR6VGGQ.mjs";
+} from "../../chunk-UXVOLQ3I.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-4JOD47VZ.mjs";
 import "../../chunk-F3HENRVM.mjs";
@@ -13,8 +13,8 @@ import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-3U5NJTRH.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-TZIL6LDD.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-VNT5KKMS.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-76QIZILI.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/table/table.d.mts

@@ -24,6 +24,7 @@ interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "c
     onRowClick?: (row: TableRow, index: number, event: React.MouseEvent<HTMLTableRowElement>) => void;
     classNames?: SlotsToClasses<TableSlots>;
 }
+type TableProps = TableBaseProps & TableVariantProps;
 interface TableRef {
     checkedRowIds: Set<number>;
     setCheckedRowIds: (rows: Set<number>) => void;
@@ -89,6 +90,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
     td: string[];
     empty: string[];
     tbodyLoading: never[];
+    overlay: never[];
 }, undefined, {
     variant: {
         solid: {
@@ -148,6 +150,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
     td: string[];
     empty: string[];
     tbodyLoading: never[];
+    overlay: never[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {
@@ -207,6 +210,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
     td: string[];
     empty: string[];
     tbodyLoading: never[];
+    overlay: never[];
 }, undefined, unknown, unknown, undefined>>;
 declare const getCellStyle: (column: TableColumn) => CSSProperties;
 type TableVariantProps = VariantProps<typeof tableStyle>;
@@ -240,4 +244,4 @@ type ValueFormatterParams<V = any> = {
     value: V;
 };
 
-export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default, getCellStyle };
+export { type TableColumn, type TableProps, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default, getCellStyle };

package/dist/components/table/table.d.ts

@@ -24,6 +24,7 @@ interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "c
     onRowClick?: (row: TableRow, index: number, event: React.MouseEvent<HTMLTableRowElement>) => void;
     classNames?: SlotsToClasses<TableSlots>;
 }
+type TableProps = TableBaseProps & TableVariantProps;
 interface TableRef {
     checkedRowIds: Set<number>;
     setCheckedRowIds: (rows: Set<number>) => void;
@@ -89,6 +90,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
     td: string[];
     empty: string[];
     tbodyLoading: never[];
+    overlay: never[];
 }, undefined, {
     variant: {
         solid: {
@@ -148,6 +150,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
     td: string[];
     empty: string[];
     tbodyLoading: never[];
+    overlay: never[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {
@@ -207,6 +210,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
     td: string[];
     empty: string[];
     tbodyLoading: never[];
+    overlay: never[];
 }, undefined, unknown, unknown, undefined>>;
 declare const getCellStyle: (column: TableColumn) => CSSProperties;
 type TableVariantProps = VariantProps<typeof tableStyle>;
@@ -240,4 +244,4 @@ type ValueFormatterParams<V = any> = {
     value: V;
 };
 
-export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default, getCellStyle };
+export { type TableColumn, type TableProps, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default, getCellStyle };

package/dist/components/table/table.js

@@ -6303,49 +6303,52 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     [variantProps, onRowClick]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__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 }),
-        style: {
-          tableLayout: "fixed",
-          width: "100%",
-          minWidth: `${tableMinWidth}px`
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            table_head_default,
-            {
-              columns,
-              size,
-              color,
-              rowCheckbox,
-              hasCheckedRows: rows.length > 0 && rows.every((row) => checkedRowIds.has(row.id)),
-              onCheckAll: handleAllRowCheck,
-              classNames,
-              slots
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            table_body_default,
-            {
-              slots,
-              rows,
-              columns,
-              size,
-              color,
-              rowCheckbox,
-              checkedRows: checkedRowIds,
-              onCheckRow: handleRowCheck,
-              onRowClick: handleRowClick,
-              isLoading,
-              emptyContent,
-              classNames
-            }
-          )
-        ]
-      }
-    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(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 }),
+          style: {
+            tableLayout: "fixed",
+            width: "100%",
+            minWidth: `${tableMinWidth}px`
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              table_head_default,
+              {
+                columns,
+                size,
+                color,
+                rowCheckbox,
+                hasCheckedRows: rows.length > 0 && rows.every((row) => checkedRowIds.has(row.id)),
+                onCheckAll: handleAllRowCheck,
+                classNames,
+                slots
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              table_body_default,
+              {
+                slots,
+                rows,
+                columns,
+                size,
+                color,
+                rowCheckbox,
+                checkedRows: checkedRowIds,
+                onCheckRow: handleRowCheck,
+                onRowClick: handleRowClick,
+                isLoading,
+                emptyContent,
+                classNames
+              }
+            )
+          ]
+        }
+      ),
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: slots.overlay({ class: classNames == null ? void 0 : classNames.overlay }) })
+    ] }),
     showPagination && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       pagination_default,
       {
@@ -6401,7 +6404,8 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
       "[&>*]:relative",
       "align-middle"
     ],
-    tbodyLoading: []
+    tbodyLoading: [],
+    overlay: []
   },
   variants: {
     variant: {

package/dist/components/table/table.mjs

@@ -2,7 +2,7 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-3YR6VGGQ.mjs";
+} from "../../chunk-UXVOLQ3I.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-4JOD47VZ.mjs";
 import "../../chunk-F3HENRVM.mjs";
@@ -14,8 +14,8 @@ import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-3U5NJTRH.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-TZIL6LDD.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-VNT5KKMS.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-76QIZILI.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/timePicker/calendar.mjs

@@ -7,10 +7,10 @@ import "../../chunk-ZYIIXWVY.mjs";
 import {
   Icon_default
 } from "../../chunk-TZIL6LDD.mjs";
+import "../../chunk-VNT5KKMS.mjs";
 import {
   mapPropsVariants
 } from "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-VNT5KKMS.mjs";
 import {
   tv
 } from "../../chunk-76QIZILI.mjs";

package/dist/components/toast/index.mjs

@@ -10,8 +10,8 @@ import {
 } from "../../chunk-IC3QFXSF.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-TZIL6LDD.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-VNT5KKMS.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-76QIZILI.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/toast/toast.mjs

@@ -4,8 +4,8 @@ import {
 } from "../../chunk-IC3QFXSF.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-TZIL6LDD.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-VNT5KKMS.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-76QIZILI.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/toast/use-toast.mjs

@@ -7,8 +7,8 @@ import "../../chunk-ZOTHPHXA.mjs";
 import "../../chunk-IC3QFXSF.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-TZIL6LDD.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-VNT5KKMS.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-76QIZILI.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/index.d.mts

@@ -10,7 +10,7 @@ export { default as ButtonGroup } from './components/button/button-group.mjs';
 export { default as Input } from './components/input/input.mjs';
 export { default as Tabs, TabsDataType } from './components/tabs/tabs.mjs';
 export { default as Textarea } from './components/textarea/textarea.mjs';
-export { default as Table, TableColumn, TableRef, TableRow } from './components/table/table.mjs';
+export { default as Table, TableColumn, TableProps, TableRef, TableRow } from './components/table/table.mjs';
 export { default as DefinitionTable, DefinitionTableRow, DefinitionTableRowCell } from './components/table/definition-table.mjs';
 export { default as Select, SelectOption, SelectProps } from './components/select/select.mjs';
 export { default as CheckBox } from './components/checkbox/checkbox.mjs';

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export { default as ButtonGroup } from './components/button/button-group.js';
 export { default as Input } from './components/input/input.js';
 export { default as Tabs, TabsDataType } from './components/tabs/tabs.js';
 export { default as Textarea } from './components/textarea/textarea.js';
-export { default as Table, TableColumn, TableRef, TableRow } from './components/table/table.js';
+export { default as Table, TableColumn, TableProps, TableRef, TableRow } from './components/table/table.js';
 export { default as DefinitionTable, DefinitionTableRow, DefinitionTableRowCell } from './components/table/definition-table.js';
 export { default as Select, SelectOption, SelectProps } from './components/select/select.js';
 export { default as CheckBox } from './components/checkbox/checkbox.js';

package/dist/index.js

@@ -8651,49 +8651,52 @@ var Table = (0, import_react17.forwardRef)((originalProps, ref) => {
     [variantProps, onRowClick]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-      "table",
-      {
-        className: slots.table({ class: classNames == null ? void 0 : classNames.table }),
-        style: {
-          tableLayout: "fixed",
-          width: "100%",
-          minWidth: `${tableMinWidth}px`
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            table_head_default,
-            {
-              columns,
-              size,
-              color,
-              rowCheckbox,
-              hasCheckedRows: rows.length > 0 && rows.every((row) => checkedRowIds.has(row.id)),
-              onCheckAll: handleAllRowCheck,
-              classNames,
-              slots
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            table_body_default,
-            {
-              slots,
-              rows,
-              columns,
-              size,
-              color,
-              rowCheckbox,
-              checkedRows: checkedRowIds,
-              onCheckRow: handleRowCheck,
-              onRowClick: handleRowClick,
-              isLoading,
-              emptyContent,
-              classNames
-            }
-          )
-        ]
-      }
-    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        "table",
+        {
+          className: slots.table({ class: classNames == null ? void 0 : classNames.table }),
+          style: {
+            tableLayout: "fixed",
+            width: "100%",
+            minWidth: `${tableMinWidth}px`
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              table_head_default,
+              {
+                columns,
+                size,
+                color,
+                rowCheckbox,
+                hasCheckedRows: rows.length > 0 && rows.every((row) => checkedRowIds.has(row.id)),
+                onCheckAll: handleAllRowCheck,
+                classNames,
+                slots
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              table_body_default,
+              {
+                slots,
+                rows,
+                columns,
+                size,
+                color,
+                rowCheckbox,
+                checkedRows: checkedRowIds,
+                onCheckRow: handleRowCheck,
+                onRowClick: handleRowClick,
+                isLoading,
+                emptyContent,
+                classNames
+              }
+            )
+          ]
+        }
+      ),
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: slots.overlay({ class: classNames == null ? void 0 : classNames.overlay }) })
+    ] }),
     showPagination && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       pagination_default,
       {
@@ -8749,7 +8752,8 @@ var tableStyle = (0, import_tailwind_variants17.tv)({
       "[&>*]:relative",
       "align-middle"
     ],
-    tbodyLoading: []
+    tbodyLoading: [],
+    overlay: []
   },
   variants: {
     variant: {

package/dist/index.mjs

@@ -21,7 +21,7 @@ import "./chunk-WSIADHVC.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   table_default
-} from "./chunk-3YR6VGGQ.mjs";
+} from "./chunk-UXVOLQ3I.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
@@ -30,14 +30,14 @@ import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
 } from "./chunk-3CRSSRCH.mjs";
-import "./chunk-MZ76AA76.mjs";
-import {
-  skeleton_default
-} from "./chunk-6PN3DGOE.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-AGE57VDD.mjs";
+import "./chunk-MZ76AA76.mjs";
+import {
+  skeleton_default
+} from "./chunk-6PN3DGOE.mjs";
 import {
   definition_table_default
 } from "./chunk-T3BUL253.mjs";
@@ -71,7 +71,7 @@ import {
 } from "./chunk-P3PXIJTU.mjs";
 import {
   listItem_default
-} from "./chunk-D6ALZBZ7.mjs";
+} from "./chunk-X77GRWC7.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
@@ -117,14 +117,14 @@ import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
 } from "./chunk-3U5NJTRH.mjs";
-import "./chunk-SE5TU755.mjs";
-import {
-  backdrop_default
-} from "./chunk-IW2MDZBW.mjs";
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
 } from "./chunk-5QUOI54M.mjs";
+import "./chunk-SE5TU755.mjs";
+import {
+  backdrop_default
+} from "./chunk-IW2MDZBW.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   text_button_default
@@ -146,6 +146,11 @@ import {
   Icon_default,
   iconTemplate
 } from "./chunk-TZIL6LDD.mjs";
+import "./chunk-7DLOYKVC.mjs";
+import {
+  avatar_default
+} from "./chunk-F4ROD4P5.mjs";
+import "./chunk-VNT5KKMS.mjs";
 import "./chunk-NMSDSEBD.mjs";
 import {
   accordion_default
@@ -154,11 +159,6 @@ import {
   accordionItem_default
 } from "./chunk-CVXLLXLE.mjs";
 import "./chunk-E3G5QXSH.mjs";
-import "./chunk-7DLOYKVC.mjs";
-import {
-  avatar_default
-} from "./chunk-F4ROD4P5.mjs";
-import "./chunk-VNT5KKMS.mjs";
 import {
   deepnoidUi,
   tv

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.137",
+  "version": "0.1.139",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/{chunk-D6ALZBZ7.mjs → chunk-X77GRWC7.mjs}

@@ -2,12 +2,12 @@
 import {
   Icon_default
 } from "./chunk-TZIL6LDD.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   avatar_default
 } from "./chunk-F4ROD4P5.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-76QIZILI.mjs";