@deepnoid/ui 0.1.13 → 0.1.16

package/dist/components/radio/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "../../chunk-56VCX2QR.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+} from "../../chunk-33LANVZV.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   radio_default as Radio

package/dist/components/radio/radio.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   radio_default
-} from "../../chunk-56VCX2QR.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+} from "../../chunk-33LANVZV.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   radio_default as default

package/dist/components/scroll/index.d.mts

@@ -0,0 +1,3 @@
+export { default as ScrollArea } from './scrollArea.mjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/scroll/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ScrollArea } from './scrollArea.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/scroll/index.js

@@ -0,0 +1,108 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/scroll/index.ts
+var scroll_exports = {};
+__export(scroll_exports, {
+  ScrollArea: () => scrollArea_default
+});
+module.exports = __toCommonJS(scroll_exports);
+
+// src/components/scroll/scrollArea.tsx
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/clsx.ts
+function clsx(...args) {
+  var i = 0, tmp, x, str = "";
+  while (i < args.length) {
+    if (tmp = args[i++]) {
+      if (x = toVal(tmp)) {
+        str && (str += " ");
+        str += x;
+      }
+    }
+  }
+  return str;
+}
+function toVal(mix) {
+  var k, y, str = "";
+  if (typeof mix === "string" || typeof mix === "number") {
+    str += mix;
+  } else if (typeof mix === "object") {
+    if (Array.isArray(mix)) {
+      var len = mix.length;
+      for (k = 0; k < len; k++) {
+        if (mix[k]) {
+          if (y = toVal(mix[k])) {
+            str && (str += " ");
+            str += y;
+          }
+        }
+      }
+    } else {
+      for (y in mix) {
+        if (mix[y]) {
+          str && (str += " ");
+          str += y;
+        }
+      }
+    }
+  }
+  return str;
+}
+
+// src/components/scroll/scrollArea.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ScrollArea = ({ children, className, direction, size }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+};
+ScrollArea.displayName = "ScrollArea";
+var scrollArea_default = ScrollArea;
+var scrollAreaStyle = (0, import_tailwind_variants.tv)({
+  base: [
+    "h-full",
+    "x-full",
+    "scrollbar-thumb-trans-soft",
+    "hover:scrollbar-thumb-neutral-light",
+    "scrollbar-track-neutral-soft",
+    "scrollbar-button-neutral-main"
+  ],
+  variants: {
+    direction: {
+      x: ["overflow-x-auto", "overflow-y-hidden"],
+      y: ["overflow-y-auto", "overflow-x-hidden"],
+      both: ["overflow-auto"]
+    },
+    size: {
+      sm: ["scrollbar-sm"],
+      // "scrollbar-thin",
+      md: ["scrollbar-md"],
+      lg: ["scrollbar-lg"]
+    }
+  },
+  defaultVariants: {
+    direction: "both",
+    size: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScrollArea
+});

package/dist/components/scroll/index.mjs

@@ -0,0 +1,10 @@
+"use client";
+import "../../chunk-DQRAFUDA.mjs";
+import {
+  scrollArea_default
+} from "../../chunk-M37VBNB3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-AC6TWLRT.mjs";
+export {
+  scrollArea_default as ScrollArea
+};

package/dist/components/scroll/scrollArea.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type ScrollAreaProps = {
+    children: ReactNode;
+    className?: string;
+    direction?: "x" | "y" | "both";
+    size?: "sm" | "md" | "lg";
+};
+declare const ScrollArea: {
+    ({ children, className, direction, size }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { ScrollArea as default };

package/dist/components/scroll/scrollArea.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type ScrollAreaProps = {
+    children: ReactNode;
+    className?: string;
+    direction?: "x" | "y" | "both";
+    size?: "sm" | "md" | "lg";
+};
+declare const ScrollArea: {
+    ({ children, className, direction, size }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { ScrollArea as default };

package/dist/components/scroll/scrollArea.js

@@ -0,0 +1,102 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/scroll/scrollArea.tsx
+var scrollArea_exports = {};
+__export(scrollArea_exports, {
+  default: () => scrollArea_default
+});
+module.exports = __toCommonJS(scrollArea_exports);
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/clsx.ts
+function clsx(...args) {
+  var i = 0, tmp, x, str = "";
+  while (i < args.length) {
+    if (tmp = args[i++]) {
+      if (x = toVal(tmp)) {
+        str && (str += " ");
+        str += x;
+      }
+    }
+  }
+  return str;
+}
+function toVal(mix) {
+  var k, y, str = "";
+  if (typeof mix === "string" || typeof mix === "number") {
+    str += mix;
+  } else if (typeof mix === "object") {
+    if (Array.isArray(mix)) {
+      var len = mix.length;
+      for (k = 0; k < len; k++) {
+        if (mix[k]) {
+          if (y = toVal(mix[k])) {
+            str && (str += " ");
+            str += y;
+          }
+        }
+      }
+    } else {
+      for (y in mix) {
+        if (mix[y]) {
+          str && (str += " ");
+          str += y;
+        }
+      }
+    }
+  }
+  return str;
+}
+
+// src/components/scroll/scrollArea.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ScrollArea = ({ children, className, direction, size }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+};
+ScrollArea.displayName = "ScrollArea";
+var scrollArea_default = ScrollArea;
+var scrollAreaStyle = (0, import_tailwind_variants.tv)({
+  base: [
+    "h-full",
+    "x-full",
+    "scrollbar-thumb-trans-soft",
+    "hover:scrollbar-thumb-neutral-light",
+    "scrollbar-track-neutral-soft",
+    "scrollbar-button-neutral-main"
+  ],
+  variants: {
+    direction: {
+      x: ["overflow-x-auto", "overflow-y-hidden"],
+      y: ["overflow-y-auto", "overflow-x-hidden"],
+      both: ["overflow-auto"]
+    },
+    size: {
+      sm: ["scrollbar-sm"],
+      // "scrollbar-thin",
+      md: ["scrollbar-md"],
+      lg: ["scrollbar-lg"]
+    }
+  },
+  defaultVariants: {
+    direction: "both",
+    size: "md"
+  }
+});

package/dist/components/scroll/scrollArea.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  scrollArea_default
+} from "../../chunk-M37VBNB3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-AC6TWLRT.mjs";
+export {
+  scrollArea_default as default
+};

package/dist/components/select/index.mjs

@@ -2,14 +2,14 @@
 import "../../chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "../../chunk-NEUCUEIG.mjs";
-import "../../chunk-NJ4PBW65.mjs";
+} from "../../chunk-IB424QKO.mjs";
+import "../../chunk-P6NVCCBZ.mjs";
 import "../../chunk-S3QS5B7F.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DADMVOYI.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   select_default as Select

package/dist/components/select/option.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   option_default
-} from "../../chunk-NJ4PBW65.mjs";
+} from "../../chunk-P6NVCCBZ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DADMVOYI.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   option_default as default

package/dist/components/select/select.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   select_default
-} from "../../chunk-NEUCUEIG.mjs";
-import "../../chunk-NJ4PBW65.mjs";
+} from "../../chunk-IB424QKO.mjs";
+import "../../chunk-P6NVCCBZ.mjs";
 import "../../chunk-S3QS5B7F.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DADMVOYI.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   select_default as default

package/dist/components/table/index.js

@@ -108,7 +108,7 @@ module.exports = __toCommonJS(table_exports);
 
 // src/components/table/table.tsx
 var import_react7 = require("react");
-var import_tailwind_variants5 = require("tailwind-variants");
+var import_tailwind_variants6 = require("tailwind-variants");
 
 // src/utils/props.ts
 var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
@@ -663,20 +663,23 @@ var TableBody = ({
   );
   const hasRows = rows.length > 0;
   const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: hasRows ? rows.map((row, rowIndex) => {
-    const isRowChecked = checkedRows.has(rowIndex);
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
-      columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
-      selectableRows && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        checkbox_default,
-        {
-          size,
-          checked: isRowChecked,
-          onChange: (e) => onCheckRow(rowIndex, e.target.checked)
-        }
-      ) }) })
-    ] }, rowIndex);
-  }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: emptyContent || /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "text-neutral-dark py-4 text-center", children: "No data available" }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: [
+    hasRows && rows.map((row, rowIndex) => {
+      const isRowChecked = checkedRows.has(rowIndex);
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
+        columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
+        selectableRows && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          checkbox_default,
+          {
+            size,
+            checked: isRowChecked,
+            onChange: (e) => onCheckRow(rowIndex, e.target.checked)
+          }
+        ) }) })
+      ] }, rowIndex);
+    }),
+    !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 }) })
+  ] });
 };
 var table_body_default = TableBody;
 
@@ -5197,8 +5200,44 @@ var paginationStyle = tv(
   }
 );
 
-// src/components/table/table.tsx
+// src/components/scroll/scrollArea.tsx
+var import_tailwind_variants5 = require("tailwind-variants");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var ScrollArea = ({ children, className, direction, size }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+};
+ScrollArea.displayName = "ScrollArea";
+var scrollArea_default = ScrollArea;
+var scrollAreaStyle = (0, import_tailwind_variants5.tv)({
+  base: [
+    "h-full",
+    "x-full",
+    "scrollbar-thumb-trans-soft",
+    "hover:scrollbar-thumb-neutral-light",
+    "scrollbar-track-neutral-soft",
+    "scrollbar-button-neutral-main"
+  ],
+  variants: {
+    direction: {
+      x: ["overflow-x-auto", "overflow-y-hidden"],
+      y: ["overflow-y-auto", "overflow-x-hidden"],
+      both: ["overflow-auto"]
+    },
+    size: {
+      sm: ["scrollbar-sm"],
+      // "scrollbar-thin",
+      md: ["scrollbar-md"],
+      lg: ["scrollbar-lg"]
+    }
+  },
+  defaultVariants: {
+    direction: "both",
+    size: "md"
+  }
+});
+
+// src/components/table/table.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tableStyle.variantKeys);
   const {
@@ -5235,9 +5274,9 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
     setCheckedRows(newChecked);
   };
   const slots = (0, import_react7.useMemo)(() => tableStyle(variantProps), [variantProps]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__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: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         table_head_default,
         {
           columns,
@@ -5249,7 +5288,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
           slots
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         table_body_default,
         {
           slots,
@@ -5263,8 +5302,8 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
           classNames
         }
       )
-    ] }),
-    showPagination && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    ] }) }),
+    showPagination && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       pagination_default,
       {
         color,
@@ -5278,9 +5317,9 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
 });
 Table.displayName = "Table";
 var table_default = Table;
-var tableStyle = (0, import_tailwind_variants5.tv)({
+var tableStyle = (0, import_tailwind_variants6.tv)({
   slots: {
-    base: ["flex", "flex-col", "relative", "select-none"],
+    base: ["flex", "flex-col", "relative", "select-none", "gap-[20px]"],
     table: ["w-full", "h-auto"],
     thead: ["w-full"],
     tbody: ["w-full"],

package/dist/components/table/index.mjs

@@ -2,22 +2,24 @@
 import "../../chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "../../chunk-O5UA4WDU.mjs";
-import "../../chunk-M2IRRTFM.mjs";
-import "../../chunk-OQS4LGZK.mjs";
+} from "../../chunk-EDRRWKRE.mjs";
+import "../../chunk-V3DWFAL7.mjs";
+import "../../chunk-H4UNPIQJ.mjs";
+import "../../chunk-DQRAFUDA.mjs";
+import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-7R4NOC2G.mjs";
+import "../../chunk-VBY63YVZ.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-2KAR2PTQ.mjs";
+import "../../chunk-36JC3WXM.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-J5WJD6XZ.mjs";
+import "../../chunk-YLRYHUTW.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DADMVOYI.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_default as Table

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

@@ -643,19 +643,22 @@ var TableBody = ({
   );
   const hasRows = rows.length > 0;
   const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: hasRows ? rows.map((row, rowIndex) => {
-    const isRowChecked = checkedRows.has(rowIndex);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
-      columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
-      selectableRows && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        checkbox_default,
-        {
-          size,
-          checked: isRowChecked,
-          onChange: (e) => onCheckRow(rowIndex, e.target.checked)
-        }
-      ) }) })
-    ] }, rowIndex);
-  }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan, className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: emptyContent || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-neutral-dark py-4 text-center", children: "No data available" }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: [
+    hasRows && rows.map((row, rowIndex) => {
+      const isRowChecked = checkedRows.has(rowIndex);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
+        columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
+        selectableRows && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          checkbox_default,
+          {
+            size,
+            checked: isRowChecked,
+            onChange: (e) => onCheckRow(rowIndex, e.target.checked)
+          }
+        ) }) })
+      ] }, rowIndex);
+    }),
+    !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 }) })
+  ] });
 };
 var table_body_default = TableBody;

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

@@ -1,12 +1,12 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-M2IRRTFM.mjs";
+} from "../../chunk-V3DWFAL7.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-J5WJD6XZ.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-YLRYHUTW.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_body_default as default

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

@@ -1,12 +1,12 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-OQS4LGZK.mjs";
+} from "../../chunk-H4UNPIQJ.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-J5WJD6XZ.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-YLRYHUTW.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_head_default as default