@deepnoid/ui 0.1.144 → 0.1.146

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

@@ -86,6 +86,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
+    scroll: string[];
     table: string[];
     thead: string[];
     tbody: string[];
@@ -146,6 +147,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
+    scroll: string[];
     table: string[];
     thead: string[];
     tbody: string[];
@@ -206,6 +208,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
+    scroll: string[];
     table: string[];
     thead: string[];
     tbody: string[];

package/dist/components/table/table.js

@@ -6328,52 +6328,60 @@ 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.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 }) })
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      scrollArea_default,
+      {
+        direction: "both",
+        size: size === "xl" ? "lg" : size,
+        className: slots.scroll({ class: classNames == null ? void 0 : classNames.scroll }),
+        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,
       {
@@ -6395,7 +6403,8 @@ Table.displayName = "Table";
 var table_default = Table;
 var tableStyle = (0, import_tailwind_variants6.tv)({
   slots: {
-    base: ["flex", "flex-col", "relative", "select-none", "gap-[20px]"],
+    base: ["flex", "flex-col", "relative", "select-none", "gap-[20px]", "h-full", "min-h-0"],
+    scroll: ["flex-1", "overflow-auto", "min-h-0"],
     table: ["w-full", "h-auto"],
     thead: ["w-full"],
     tbody: ["w-full"],

package/dist/components/table/table.mjs

@@ -2,21 +2,21 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-UZBMLAXN.mjs";
+} from "../../chunk-N5REYKOL.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-MG62SPLM.mjs";
+import "../../chunk-V4QN7YF6.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-JOHU56C6.mjs";
+import "../../chunk-WD5NOXWK.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-3U5NJTRH.mjs";
+import "../../chunk-H6JGLPPF.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-Q6BXFXQM.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-NX4FTFY3.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/tabs/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-3MY6LO7N.mjs";
 import {
   tabs_default
-} from "../../chunk-BBRPAQON.mjs";
+} from "../../chunk-NBJHZ4X2.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as Tabs

package/dist/components/tabs/tabs.mjs

@@ -2,9 +2,9 @@
 import {
   tabs,
   tabs_default
-} from "../../chunk-BBRPAQON.mjs";
+} from "../../chunk-NBJHZ4X2.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as default,

package/dist/components/timePicker/calendar.mjs

@@ -13,7 +13,7 @@ import {
 import "../../chunk-NX4FTFY3.mjs";
 import {
   tv
-} from "../../chunk-76QIZILI.mjs";
+} from "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 
 // src/components/timePicker/calendar.tsx

package/dist/components/toast/index.mjs

@@ -3,16 +3,16 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-YLHM5XCF.mjs";
+} from "../../chunk-UMMZ7NI5.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "../../chunk-DRFO5P44.mjs";
+} from "../../chunk-EOP4227J.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-Q6BXFXQM.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-NX4FTFY3.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/toast/toast.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-DRFO5P44.mjs";
+} from "../../chunk-EOP4227J.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-Q6BXFXQM.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-NX4FTFY3.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

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

@@ -2,14 +2,14 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-YLHM5XCF.mjs";
+} from "../../chunk-UMMZ7NI5.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-DRFO5P44.mjs";
+import "../../chunk-EOP4227J.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-Q6BXFXQM.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-NX4FTFY3.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/tooltip/index.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "../../chunk-YGOX6FBU.mjs";
+} from "../../chunk-YBVJFHH6.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as Tooltip

package/dist/components/tooltip/tooltip.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-YGOX6FBU.mjs";
+} from "../../chunk-YBVJFHH6.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as default

package/dist/components/tree/index.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-TWDIAH3Z.mjs";
+} from "../../chunk-UOVPR2VJ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-Q6BXFXQM.mjs";
 import "../../chunk-NX4FTFY3.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/tree/tree.mjs

@@ -2,11 +2,11 @@
 import {
   Tree,
   tree_default
-} from "../../chunk-TWDIAH3Z.mjs";
+} from "../../chunk-UOVPR2VJ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-Q6BXFXQM.mjs";
 import "../../chunk-NX4FTFY3.mjs";
-import "../../chunk-76QIZILI.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/index.js

@@ -548,8 +548,7 @@ var scrollbar = {
       height: "6px"
     },
     "&::-webkit-scrollbar-thumb": {
-      backgroundColor: "#3F9CF2",
-      // "rgba(0, 0, 0, 0.05)",
+      backgroundColor: "rgba(0, 0, 0, 0.05)",
       borderRadius: "100px"
     },
     "&::-webkit-scrollbar-track": {
@@ -562,8 +561,7 @@ var scrollbar = {
       height: "8px"
     },
     "&::-webkit-scrollbar-thumb": {
-      backgroundColor: "#3F9CF2",
-      // "rgba(0, 0, 0, 0.05)",
+      backgroundColor: "rgba(0, 0, 0, 0.05)",
       borderRadius: "100px"
     },
     "&::-webkit-scrollbar-track": {
@@ -576,8 +574,7 @@ var scrollbar = {
       height: "10px"
     },
     "&::-webkit-scrollbar-thumb": {
-      backgroundColor: "#3F9CF2",
-      // "rgba(0, 0, 0, 0.05)",
+      backgroundColor: "rgba(0, 0, 0, 0.05)",
       borderRadius: "100px"
     },
     "&::-webkit-scrollbar-track": {
@@ -8676,52 +8673,60 @@ 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.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 }) })
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      scrollArea_default,
+      {
+        direction: "both",
+        size: size === "xl" ? "lg" : size,
+        className: slots.scroll({ class: classNames == null ? void 0 : classNames.scroll }),
+        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,
       {
@@ -8743,7 +8748,8 @@ Table.displayName = "Table";
 var table_default = Table;
 var tableStyle = (0, import_tailwind_variants17.tv)({
   slots: {
-    base: ["flex", "flex-col", "relative", "select-none", "gap-[20px]"],
+    base: ["flex", "flex-col", "relative", "select-none", "gap-[20px]", "h-full", "min-h-0"],
+    scroll: ["flex-1", "overflow-auto", "min-h-0"],
     table: ["w-full", "h-auto"],
     thead: ["w-full"],
     tbody: ["w-full"],