@deepnoid/ui 0.1.173 → 0.1.175

package/dist/{chunk-NSADIVGU.mjs → chunk-JPCZROOU.mjs}

@@ -18,14 +18,15 @@ import {
 // src/components/table/table.tsx
 import {
   forwardRef,
-  useEffect,
+  useEffect as useEffect2,
   useImperativeHandle,
   useMemo,
-  useState
+  useState as useState2
 } from "react";
 import { tv } from "tailwind-variants";
 
 // src/components/table/table-body.tsx
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TableBody = ({
   slots,
@@ -42,6 +43,7 @@ var TableBody = ({
   classNames,
   className
 }) => {
+  const checkOverflow = (el) => el.scrollWidth > el.clientWidth;
   const renderCheckboxCell = (rowId, rowIndex) => /* @__PURE__ */ jsx(
     "td",
     {
@@ -63,11 +65,20 @@ var TableBody = ({
           const value = row[column.field];
           const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
           const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
+          const tdRef = useRef(null);
+          const [showTitle, setShowTitle] = useState(false);
+          useEffect(() => {
+            if (tdRef.current) {
+              setShowTitle(checkOverflow(tdRef.current));
+            }
+          }, [content]);
           return /* @__PURE__ */ jsx(
             "td",
             {
-              className: clsx(slots.td(), classNames == null ? void 0 : classNames.td, column.className),
-              style: getCellStyle(column),
+              ref: tdRef,
+              className: clsx(slots.td(), classNames == null ? void 0 : classNames.td, column.className, "truncate"),
+              style: { ...getCellStyle(column), maxWidth: column.width || "150px" },
+              title: showTitle ? String(content) : void 0,
               children: content
             },
             `${row.id}-${column.field}-${colIdx}-${rowIndex}`
@@ -120,7 +131,7 @@ var Table = forwardRef((originalProps, ref) => {
   } = { ...props, ...variantProps };
   const { page = 1, perPage = 15 } = pagination || {};
   const showPagination = pagination && totalData > 0;
-  const [checkedRowIds, setCheckedRowIds] = useState(new Set(checkedRows == null ? void 0 : checkedRows.map((row) => row.id)));
+  const [checkedRowIds, setCheckedRowIds] = useState2(new Set(checkedRows == null ? void 0 : checkedRows.map((row) => row.id)));
   const tableMinWidth = useMemo(() => {
     const columnsWidth = columns.reduce((total, column) => {
       if (column.width) return total + column.width;
@@ -130,10 +141,10 @@ var Table = forwardRef((originalProps, ref) => {
     const checkboxWidth = rowCheckbox ? 40 : 0;
     return columnsWidth + checkboxWidth;
   }, [columns, rowCheckbox]);
-  useEffect(() => {
+  useEffect2(() => {
     onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(checkedRowIds));
   }, [checkedRowIds]);
-  useEffect(() => {
+  useEffect2(() => {
     const currentRowIds = new Set(rows.map((row) => row.id));
     const ids = Array.from(checkedRowIds);
     const hasValidCheckedRows = ids.every((id) => currentRowIds.has(id));

package/dist/{chunk-DU7L4GA7.mjs → chunk-NTNF5T5I.mjs}

@@ -79,8 +79,8 @@ var AccordionItem = forwardRef((originalProps, ref) => {
       }
     };
   }, [slots, classNames == null ? void 0 : classNames.content, contentHeight, isOpen, disableAnimation]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ jsxs("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), onClick: handleToggle, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleToggle, children: [
+    /* @__PURE__ */ jsxs("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), children: [
       startContent && renderContent(startContent),
       /* @__PURE__ */ jsx("span", { className: slots.headerTitle({ class: classNames == null ? void 0 : classNames.headerTitle }), children: title }),
       endContent && renderContent(endContent)
@@ -92,16 +92,18 @@ AccordionItem.displayName = "AccordionItem";
 var accordionItem_default = AccordionItem;
 var accordionItem = tv({
   slots: {
-    base: ["group/accordion", "w-full", "flex", "flex-col", "gap-[12px]", "p-[12px]", "bg-body-background"],
-    header: [
+    base: [
+      "group/accordion",
+      "w-full",
       "flex",
-      "justify-between",
-      "items-center",
-      "text-foreground",
+      "flex-col",
+      "gap-[12px]",
+      "p-[12px]",
+      "bg-body-background",
       "cursor-pointer",
-      "select-none",
-      "gap-[8px]"
+      "select-none"
     ],
+    header: ["flex", "justify-between", "items-center", "text-foreground", "gap-[8px]"],
     headerTitle: ["w-full", "font-bold", "text-body-foreground"],
     content: [
       "overflow-hidden",

package/dist/components/accordion/accordion.d.mts

@@ -1,6 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import react__default, { ReactNode } from 'react';
+import * as react from 'react';
+import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props {
@@ -10,7 +11,7 @@ interface Props {
     selectionIndex?: number;
 }
 type AccordionProps = Props & AccordionVariantProps;
-declare const Accordion: react__default.ForwardRefExoticComponent<Props & AccordionVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Accordion: react.ForwardRefExoticComponent<Props & AccordionVariantProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const accordion: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/accordion/accordion.d.ts

@@ -1,6 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import react__default, { ReactNode } from 'react';
+import * as react from 'react';
+import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
 interface Props {
@@ -10,7 +11,7 @@ interface Props {
     selectionIndex?: number;
 }
 type AccordionProps = Props & AccordionVariantProps;
-declare const Accordion: react__default.ForwardRefExoticComponent<Props & AccordionVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Accordion: react.ForwardRefExoticComponent<Props & AccordionVariantProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const accordion: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/accordion/accordion.js

@@ -105,7 +105,7 @@ __export(accordion_exports, {
   default: () => accordion_default
 });
 module.exports = __toCommonJS(accordion_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
@@ -390,8 +390,8 @@ var Accordion = (0, import_react.forwardRef)((originalProps, ref) => {
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: import_react.default.Children.map(children, (child, index) => {
-    return import_react.default.cloneElement(child, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: import_react.Children.map(children, (child, index) => {
+    return (0, import_react.cloneElement)(child, {
       ...variantProps,
       ...child.props,
       isInGroup: true,

package/dist/components/accordion/accordion.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   accordion_default
-} from "../../chunk-CPFFP7L6.mjs";
+} from "../../chunk-JGG3ZUNG.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/accordion/accordionItem.js

@@ -437,8 +437,8 @@ var AccordionItem = (0, import_react.forwardRef)((originalProps, ref) => {
       }
     };
   }, [slots, classNames == null ? void 0 : classNames.content, contentHeight, isOpen, disableAnimation]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), onClick: handleToggle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleToggle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), children: [
       startContent && renderContent(startContent),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.headerTitle({ class: classNames == null ? void 0 : classNames.headerTitle }), children: title }),
       endContent && renderContent(endContent)
@@ -450,16 +450,18 @@ AccordionItem.displayName = "AccordionItem";
 var accordionItem_default = AccordionItem;
 var accordionItem = tv({
   slots: {
-    base: ["group/accordion", "w-full", "flex", "flex-col", "gap-[12px]", "p-[12px]", "bg-body-background"],
-    header: [
+    base: [
+      "group/accordion",
+      "w-full",
       "flex",
-      "justify-between",
-      "items-center",
-      "text-foreground",
+      "flex-col",
+      "gap-[12px]",
+      "p-[12px]",
+      "bg-body-background",
       "cursor-pointer",
-      "select-none",
-      "gap-[8px]"
+      "select-none"
     ],
+    header: ["flex", "justify-between", "items-center", "text-foreground", "gap-[8px]"],
     headerTitle: ["w-full", "font-bold", "text-body-foreground"],
     content: [
       "overflow-hidden",

package/dist/components/accordion/accordionItem.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   accordionItem_default
-} from "../../chunk-DU7L4GA7.mjs";
+} from "../../chunk-NTNF5T5I.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/accordion/index.js

@@ -108,7 +108,7 @@ __export(accordion_exports, {
 module.exports = __toCommonJS(accordion_exports);
 
 // src/components/accordion/accordion.tsx
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
@@ -393,8 +393,8 @@ var Accordion = (0, import_react.forwardRef)((originalProps, ref) => {
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: import_react.default.Children.map(children, (child, index) => {
-    return import_react.default.cloneElement(child, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: import_react.Children.map(children, (child, index) => {
+    return (0, import_react.cloneElement)(child, {
       ...variantProps,
       ...child.props,
       isInGroup: true,
@@ -506,8 +506,8 @@ var AccordionItem = (0, import_react2.forwardRef)((originalProps, ref) => {
       }
     };
   }, [slots, classNames == null ? void 0 : classNames.content, contentHeight, isOpen, disableAnimation]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), onClick: handleToggle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleToggle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), children: [
       startContent && renderContent(startContent),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: slots.headerTitle({ class: classNames == null ? void 0 : classNames.headerTitle }), children: title }),
       endContent && renderContent(endContent)
@@ -519,16 +519,18 @@ AccordionItem.displayName = "AccordionItem";
 var accordionItem_default = AccordionItem;
 var accordionItem = tv({
   slots: {
-    base: ["group/accordion", "w-full", "flex", "flex-col", "gap-[12px]", "p-[12px]", "bg-body-background"],
-    header: [
+    base: [
+      "group/accordion",
+      "w-full",
       "flex",
-      "justify-between",
-      "items-center",
-      "text-foreground",
+      "flex-col",
+      "gap-[12px]",
+      "p-[12px]",
+      "bg-body-background",
       "cursor-pointer",
-      "select-none",
-      "gap-[8px]"
+      "select-none"
     ],
+    header: ["flex", "justify-between", "items-center", "text-foreground", "gap-[8px]"],
     headerTitle: ["w-full", "font-bold", "text-body-foreground"],
     content: [
       "overflow-hidden",

package/dist/components/accordion/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-NMSDSEBD.mjs";
 import {
   accordion_default
-} from "../../chunk-CPFFP7L6.mjs";
+} from "../../chunk-JGG3ZUNG.mjs";
 import {
   accordionItem_default
-} from "../../chunk-DU7L4GA7.mjs";
+} from "../../chunk-NTNF5T5I.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/table/index.js

@@ -108,7 +108,7 @@ __export(table_exports, {
 module.exports = __toCommonJS(table_exports);
 
 // src/components/table/table.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_tailwind_variants6 = require("tailwind-variants");
 
 // src/utils/props.ts
@@ -675,6 +675,7 @@ var TableHead = ({
 var table_head_default = TableHead;
 
 // src/components/table/table-body.tsx
+var import_react2 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var TableBody = ({
   slots,
@@ -691,6 +692,7 @@ var TableBody = ({
   classNames,
   className
 }) => {
+  const checkOverflow = (el) => el.scrollWidth > el.clientWidth;
   const renderCheckboxCell = (rowId, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "td",
     {
@@ -712,11 +714,20 @@ var TableBody = ({
           const value = row[column.field];
           const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
           const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
+          const tdRef = (0, import_react2.useRef)(null);
+          const [showTitle, setShowTitle] = (0, import_react2.useState)(false);
+          (0, import_react2.useEffect)(() => {
+            if (tdRef.current) {
+              setShowTitle(checkOverflow(tdRef.current));
+            }
+          }, [content]);
           return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "td",
             {
-              className: clsx(slots.td(), classNames == null ? void 0 : classNames.td, column.className),
-              style: getCellStyle(column),
+              ref: tdRef,
+              className: clsx(slots.td(), classNames == null ? void 0 : classNames.td, column.className, "truncate"),
+              style: { ...getCellStyle(column), maxWidth: column.width || "150px" },
+              title: showTitle ? String(content) : void 0,
               children: content
             },
             `${row.id}-${column.field}-${colIdx}-${rowIndex}`
@@ -743,18 +754,18 @@ var TableBody = ({
 var table_body_default = TableBody;
 
 // src/components/pagination/pagination.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/components/pagination/usePagination.ts
-var import_react2 = require("react");
+var import_react3 = require("react");
 var usePagination = ({ currentPage, totalPage, groupSize, handleChangePage }) => {
-  const startPage = (0, import_react2.useMemo)(() => Math.floor((currentPage - 1) / groupSize) * groupSize + 1, [currentPage, groupSize]);
-  const endPage = (0, import_react2.useMemo)(() => Math.min(startPage + groupSize - 1, totalPage), [startPage, groupSize, totalPage]);
-  const pageList = (0, import_react2.useMemo)(
+  const startPage = (0, import_react3.useMemo)(() => Math.floor((currentPage - 1) / groupSize) * groupSize + 1, [currentPage, groupSize]);
+  const endPage = (0, import_react3.useMemo)(() => Math.min(startPage + groupSize - 1, totalPage), [startPage, groupSize, totalPage]);
+  const pageList = (0, import_react3.useMemo)(
     () => Array.from({ length: endPage - startPage + 1 }, (_, i) => startPage + i),
     [startPage, endPage]
   );
-  const handleClickMovePage = (0, import_react2.useCallback)(
+  const handleClickMovePage = (0, import_react3.useCallback)(
     (page) => (event) => {
       event.preventDefault();
       handleChangePage == null ? void 0 : handleChangePage(page);
@@ -771,7 +782,7 @@ var usePagination = ({ currentPage, totalPage, groupSize, handleChangePage }) =>
 var usePagination_default = usePagination;
 
 // src/components/input/input.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/components/icon/template.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -5596,12 +5607,12 @@ var Icon_default = Icon;
 
 // src/components/input/input.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Input = (0, import_react3.forwardRef)((originalProps, ref) => {
+var Input = (0, import_react4.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, inputStyle.variantKeys);
   const { classNames, label, helperMessage, errorMessage, startContent, endContent, ...inputProps } = props;
-  const inputRef = (0, import_react3.useRef)(null);
-  const slots = (0, import_react3.useMemo)(() => inputStyle({ ...variantProps }), [variantProps]);
-  const getContentProps = (0, import_react3.useCallback)(
+  const inputRef = (0, import_react4.useRef)(null);
+  const slots = (0, import_react4.useMemo)(() => inputStyle({ ...variantProps }), [variantProps]);
+  const getContentProps = (0, import_react4.useCallback)(
     () => ({
       className: clsx(
         slots.content({ class: classNames == null ? void 0 : classNames.content }),
@@ -5612,13 +5623,13 @@ var Input = (0, import_react3.forwardRef)((originalProps, ref) => {
     [slots, classNames, originalProps.size, inputProps.readOnly]
   );
   const renderStartContent = () => {
-    if ((0, import_react3.isValidElement)(startContent)) {
+    if ((0, import_react4.isValidElement)(startContent)) {
       const existingProps = startContent.props;
       const mergedProps = {
         ...getContentProps(),
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
-      return (0, import_react3.cloneElement)(startContent, mergedProps);
+      return (0, import_react4.cloneElement)(startContent, mergedProps);
     } else {
       const contentProps = getContentProps();
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ...contentProps, children: startContent });
@@ -5637,13 +5648,13 @@ var Input = (0, import_react3.forwardRef)((originalProps, ref) => {
     }
   );
   const renderContentWithIcon = () => {
-    if ((0, import_react3.isValidElement)(endContent)) {
+    if ((0, import_react4.isValidElement)(endContent)) {
       const existingProps = endContent.props;
       const mergedProps = {
         ...getContentProps(),
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
-      return (0, import_react3.cloneElement)(endContent, mergedProps);
+      return (0, import_react4.cloneElement)(endContent, mergedProps);
     } else if (errorMessage && errorMessage.length > 0) {
       const iconProps = { ...getContentProps(), className: getContentProps().className };
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ...iconProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "exclamation-circle", fill: true, size: originalProps.size }) });
@@ -5980,7 +5991,7 @@ var inputStyle = tv(
 
 // src/components/pagination/pagination.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
+var Pagination = (0, import_react5.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, paginationStyle.variantKeys);
   const {
     classNames,
@@ -5994,12 +6005,12 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
     variant,
     size
   } = { ...props, ...variantProps };
-  const [inputPage, setInputPage] = (0, import_react4.useState)(currentPage);
+  const [inputPage, setInputPage] = (0, import_react5.useState)(currentPage);
   const isFirstPageDisabled = currentPage <= 1;
   const isPrevPageDisabled = currentPage <= 1;
   const isNextPageDisabled = currentPage >= totalPage;
   const isLastPageDisabled = currentPage >= totalPage;
-  const slots = (0, import_react4.useMemo)(() => paginationStyle(variantProps), [variantProps]);
+  const slots = (0, import_react5.useMemo)(() => paginationStyle(variantProps), [variantProps]);
   const { pageList, handleClickMovePage } = usePagination_default({
     currentPage,
     totalPage,
@@ -6367,7 +6378,7 @@ var scrollAreaStyle = (0, import_tailwind_variants5.tv)({
 
 // src/components/table/table.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
+var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tableStyle.variantKeys);
   const {
     rows,
@@ -6392,8 +6403,8 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
   } = { ...props, ...variantProps };
   const { page = 1, perPage = 15 } = pagination || {};
   const showPagination = pagination && totalData > 0;
-  const [checkedRowIds, setCheckedRowIds] = (0, import_react5.useState)(new Set(checkedRows == null ? void 0 : checkedRows.map((row) => row.id)));
-  const tableMinWidth = (0, import_react5.useMemo)(() => {
+  const [checkedRowIds, setCheckedRowIds] = (0, import_react6.useState)(new Set(checkedRows == null ? void 0 : checkedRows.map((row) => row.id)));
+  const tableMinWidth = (0, import_react6.useMemo)(() => {
     const columnsWidth = columns.reduce((total, column) => {
       if (column.width) return total + column.width;
       if (column.minWidth) return total + column.minWidth;
@@ -6402,10 +6413,10 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     const checkboxWidth = rowCheckbox ? 40 : 0;
     return columnsWidth + checkboxWidth;
   }, [columns, rowCheckbox]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(checkedRowIds));
   }, [checkedRowIds]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const currentRowIds = new Set(rows.map((row) => row.id));
     const ids = Array.from(checkedRowIds);
     const hasValidCheckedRows = ids.every((id) => currentRowIds.has(id));
@@ -6413,7 +6424,7 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
       setCheckedRowIds(new Set(checkedRows == null ? void 0 : checkedRows.map((row) => row.id)));
     }
   }, [rows.map((row) => row.id).join(",")]);
-  (0, import_react5.useImperativeHandle)(
+  (0, import_react6.useImperativeHandle)(
     ref,
     () => ({
       checkedRowIds,
@@ -6440,7 +6451,7 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     onRowClick == null ? void 0 : onRowClick(row, index, event);
   };
   const getCheckedRowData = (checked) => rows.filter((row) => checked.has(row.id));
-  const slots = (0, import_react5.useMemo)(
+  const slots = (0, import_react6.useMemo)(
     () => tableStyle({ ...variantProps, rowClickable: typeof onRowClick === "function" }),
     [variantProps, onRowClick]
   );
@@ -6759,7 +6770,7 @@ var getCellStyle = (column) => {
 };
 
 // src/components/table/definition-table.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var DEFAULT_CELL_CLASSES = "px-[10px] py-[8px] text-md border-r border-neutral-light h-[50px]";
 var FIRST_CELL_WIDTH_CLASS = "w-[120px] font-bold text-md text-body-foreground";
@@ -6852,10 +6863,10 @@ var DefinitionTableRow = ({
     colIndex
   );
 }) });
-var DefinitionTable = (0, import_react6.forwardRef)(
+var DefinitionTable = (0, import_react7.forwardRef)(
   ({ rows = [], footer, highlightColumnKey, classNames }, ref) => {
-    const slots = (0, import_react6.useMemo)(() => DefinitionTableStyle(), []);
-    const highlightColumnIndex = (0, import_react6.useMemo)(
+    const slots = (0, import_react7.useMemo)(() => DefinitionTableStyle(), []);
+    const highlightColumnIndex = (0, import_react7.useMemo)(
       () => getHighlightColumnIndex(rows, highlightColumnKey),
       [rows, highlightColumnKey]
     );

package/dist/components/table/index.mjs

@@ -5,13 +5,13 @@ import {
 } from "../../chunk-DS5CGU2X.mjs";
 import {
   table_default
-} from "../../chunk-NSADIVGU.mjs";
+} from "../../chunk-JPCZROOU.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-D4YI5HF2.mjs";
 import "../../chunk-F3HENRVM.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-OEIEALIP.mjs";

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

@@ -105,6 +105,7 @@ __export(table_body_exports, {
   default: () => table_body_default
 });
 module.exports = __toCommonJS(table_body_exports);
+var import_react6 = require("react");
 
 // src/utils/clsx.ts
 function clsx(...args) {
@@ -6705,6 +6706,7 @@ var TableBody = ({
   classNames,
   className
 }) => {
+  const checkOverflow = (el) => el.scrollWidth > el.clientWidth;
   const renderCheckboxCell = (rowId, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "td",
     {
@@ -6726,11 +6728,20 @@ var TableBody = ({
           const value = row[column.field];
           const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
           const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
+          const tdRef = (0, import_react6.useRef)(null);
+          const [showTitle, setShowTitle] = (0, import_react6.useState)(false);
+          (0, import_react6.useEffect)(() => {
+            if (tdRef.current) {
+              setShowTitle(checkOverflow(tdRef.current));
+            }
+          }, [content]);
           return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "td",
             {
-              className: clsx(slots.td(), classNames == null ? void 0 : classNames.td, column.className),
-              style: getCellStyle(column),
+              ref: tdRef,
+              className: clsx(slots.td(), classNames == null ? void 0 : classNames.td, column.className, "truncate"),
+              style: { ...getCellStyle(column), maxWidth: column.width || "150px" },
+              title: showTitle ? String(content) : void 0,
               children: content
             },
             `${row.id}-${column.field}-${colIdx}-${rowIndex}`

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

@@ -1,13 +1,13 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-NSADIVGU.mjs";
+} from "../../chunk-JPCZROOU.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-D4YI5HF2.mjs";
 import "../../chunk-F3HENRVM.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-OEIEALIP.mjs";