@helpwave/hightide 0.1.12 → 0.1.13

package/dist/components/table/TableCell.js

@@ -0,0 +1,37 @@
+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/table/TableCell.tsx
+var TableCell_exports = {};
+__export(TableCell_exports, {
+  TableCell: () => TableCell
+});
+module.exports = __toCommonJS(TableCell_exports);
+var import_clsx = require("clsx");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableCell = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.clsx)("block max-w-full overflow-ellipsis truncate", className), children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableCell
+});
+//# sourceMappingURL=TableCell.js.map

package/dist/components/table/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { clsx } from 'clsx'\nimport type { PropsWithChildren } from 'react'\n\nexport type TableCellProps = PropsWithChildren<{\n  className?: string,\n}>\n\nexport const TableCell = ({\n                            children,\n                            className,\n                          }: TableCellProps) => {\n  return (\n    <span className={clsx('block max-w-full overflow-ellipsis truncate', className)}>\n      {children}\n    </span>\n  )\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqB;AAYjB;AALG,IAAM,YAAY,CAAC;AAAA,EACE;AAAA,EACA;AACF,MAAsB;AAC9C,SACE,4CAAC,UAAK,eAAW,kBAAK,+CAA+C,SAAS,GAC3E,UACH;AAEJ;","names":[]}

package/dist/components/table/TableCell.mjs

@@ -0,0 +1,13 @@
+// src/components/table/TableCell.tsx
+import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
+var TableCell = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsx("span", { className: clsx("block max-w-full overflow-ellipsis truncate", className), children });
+};
+export {
+  TableCell
+};
+//# sourceMappingURL=TableCell.mjs.map

package/dist/components/table/TableCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { clsx } from 'clsx'\nimport type { PropsWithChildren } from 'react'\n\nexport type TableCellProps = PropsWithChildren<{\n  className?: string,\n}>\n\nexport const TableCell = ({\n                            children,\n                            className,\n                          }: TableCellProps) => {\n  return (\n    <span className={clsx('block max-w-full overflow-ellipsis truncate', className)}>\n      {children}\n    </span>\n  )\n}"],"mappings":";AAAA,SAAS,YAAY;AAYjB;AALG,IAAM,YAAY,CAAC;AAAA,EACE;AAAA,EACA;AACF,MAAsB;AAC9C,SACE,oBAAC,UAAK,WAAW,KAAK,+CAA+C,SAAS,GAC3E,UACH;AAEJ;","names":[]}

package/dist/index.d.mts

@@ -46,6 +46,7 @@ export { TextProperty, TextPropertyProps } from './components/properties/TextPro
 export { FillerRowElement, FillerRowElementProps } from './components/table/FillerRowElement.mjs';
 export { TableFilters } from './components/table/Filter.mjs';
 export { Table, TableProps, TableUncontrolled, TableUncontrolledProps, TableWithSelection, TableWithSelectionProps } from './components/table/Table.mjs';
+export { TableCell, TableCellProps } from './components/table/TableCell.mjs';
 export { TableFilterButton, TableFilterButtonProps, TableFilterType } from './components/table/TableFilterButton.mjs';
 export { TableSortButton, TableSortButtonProps } from './components/table/TableSortButton.mjs';
 export { ButtonColorUtil, ButtonProps, ButtonUtil, IconButton, IconButtonColor, IconButtonProps, IconButtonUtil, OutlineButton, OutlineButtonColor, OutlineButtonProps, SolidButton, SolidButtonColor, SolidButtonProps, TextButton, TextButtonColor, TextButtonProps } from './components/user-action/Button.mjs';

package/dist/index.d.ts

@@ -46,6 +46,7 @@ export { TextProperty, TextPropertyProps } from './components/properties/TextPro
 export { FillerRowElement, FillerRowElementProps } from './components/table/FillerRowElement.js';
 export { TableFilters } from './components/table/Filter.js';
 export { Table, TableProps, TableUncontrolled, TableUncontrolledProps, TableWithSelection, TableWithSelectionProps } from './components/table/Table.js';
+export { TableCell, TableCellProps } from './components/table/TableCell.js';
 export { TableFilterButton, TableFilterButtonProps, TableFilterType } from './components/table/TableFilterButton.js';
 export { TableSortButton, TableSortButtonProps } from './components/table/TableSortButton.js';
 export { ButtonColorUtil, ButtonProps, ButtonUtil, IconButton, IconButtonColor, IconButtonProps, IconButtonUtil, OutlineButton, OutlineButtonColor, OutlineButtonProps, SolidButton, SolidButtonColor, SolidButtonProps, TextButton, TextButtonColor, TextButtonProps } from './components/user-action/Button.js';

package/dist/index.js

@@ -2922,6 +2922,7 @@ __export(index_exports, {
   StepperBar: () => StepperBar,
   StepperBarUncontrolled: () => StepperBarUncontrolled,
   Table: () => Table,
+  TableCell: () => TableCell,
   TableFilterButton: () => TableFilterButton,
   TableFilters: () => TableFilters,
   TableSortButton: () => TableSortButton,
@@ -8065,7 +8066,7 @@ var TableFilters = {
 
 // src/components/table/Table.tsx
 var import_react29 = require("react");
-var import_clsx44 = __toESM(require("clsx"));
+var import_clsx45 = __toESM(require("clsx"));
 var import_react_table = require("@tanstack/react-table");
 var import_react_custom_scrollbars_23 = require("react-custom-scrollbars-2");
 
@@ -8323,8 +8324,18 @@ var useResizeCallbackWrapper = (callback) => {
   }, [callback]);
 };
 
-// src/components/table/Table.tsx
+// src/components/table/TableCell.tsx
+var import_clsx44 = require("clsx");
 var import_jsx_runtime58 = require("react/jsx-runtime");
+var TableCell = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: (0, import_clsx44.clsx)("block max-w-full overflow-ellipsis truncate", className), children });
+};
+
+// src/components/table/Table.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var Table = ({
   data,
   fillerRow,
@@ -8442,6 +8453,9 @@ var Table = ({
     defaultColumn: {
       minSize: 60,
       maxSize: 700,
+      cell: ({ cell }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TableCell, { children: cell.getValue() });
+      },
       ...defaultColumn
     },
     columns,
@@ -8525,18 +8539,18 @@ var Table = ({
     }
     return colSizes;
   }, [table.getState().columnSizingInfo, table.getState().columnSizing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { ref, className: (0, import_clsx44.default)("col gap-y-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_custom_scrollbars_23.Scrollbars, { autoHeight: true, autoHeightMax: tableRef.current?.offsetHeight, autoHide: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { ref, className: (0, import_clsx45.default)("col gap-y-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_custom_scrollbars_23.Scrollbars, { autoHeight: true, autoHeightMax: tableRef.current?.offsetHeight, autoHide: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       "table",
       {
         ref: tableRef,
-        className: (0, import_clsx44.default)(tableClassName),
+        className: (0, import_clsx45.default)(tableClassName),
         style: {
           ...columnSizeVars,
           width: Math.max(table.getTotalSize(), ref.current?.offsetWidth ?? table.getTotalSize())
         },
         children: [
-          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "col",
             {
               style: {
@@ -8547,22 +8561,22 @@ var Table = ({
             },
             header.id
           )) }, headerGroup.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("tr", { className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("tr", { className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
               "th",
               {
                 colSpan: header.colSpan,
-                className: (0, import_clsx44.default)("relative group", header.column.columnDef.meta?.className),
+                className: (0, import_clsx45.default)("relative group", header.column.columnDef.meta?.className),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "row w-full", children: header.isPlaceholder ? null : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "row gap-x-1 items-center", children: [
-                    header.column.getCanSort() && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "row w-full", children: header.isPlaceholder ? null : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "row gap-x-1 items-center", children: [
+                    header.column.getCanSort() && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       TableSortButton,
                       {
                         sortDirection: header.column.getIsSorted(),
                         onClick: () => header.column.toggleSorting()
                       }
                     ),
-                    header.column.getCanFilter() && header.column.columnDef.meta?.filterType ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                    header.column.getCanFilter() && header.column.columnDef.meta?.filterType ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       TableFilterButton,
                       {
                         column: header.column,
@@ -8574,7 +8588,7 @@ var Table = ({
                       header.getContext()
                     )
                   ] }) }),
-                  header.column.getCanResize() && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  header.column.getCanResize() && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     "div",
                     {
                       onMouseDown: header.getResizeHandler(),
@@ -8593,25 +8607,25 @@ var Table = ({
               header.id
             );
           }) }, headerGroup.id)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("tbody", { children: [
             table.getRowModel().rows.map((row) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("tr", { onClick: () => onRowClick(row, table), className: table.options.meta?.bodyRowClassName, children: row.getVisibleCells().map((cell) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { children: (0, import_react_table.flexRender)(
+              return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("tr", { onClick: () => onRowClick(row, table), className: table.options.meta?.bodyRowClassName, children: row.getVisibleCells().map((cell) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("td", { children: (0, import_react_table.flexRender)(
                   cell.column.columnDef.cell,
                   cell.getContext()
                 ) }, cell.id);
               }) }, row.id);
             }),
             range(table.getState().pagination.pageSize - table.getRowModel().rows.length, { allowEmptyRange: true }).map((row, index) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("tr", { children: columns.map((column) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FillerRowElement, {}) }, column.id);
+              return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("tr", { children: columns.map((column) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FillerRowElement, {}) }, column.id);
               }) }, "filler-row-" + index);
             })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "row justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "row justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       Pagination,
       {
         pageIndex: table.getState().pagination.pageIndex,
@@ -8626,7 +8640,7 @@ var TableUncontrolled = ({ data, ...props }) => {
   (0, import_react29.useEffect)(() => {
     setUsedData(data);
   }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     Table,
     {
       ...props,
@@ -8649,7 +8663,7 @@ var TableWithSelection = ({
       {
         id: selectionRowId,
         header: ({ table }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             Checkbox,
             {
               checked: table.getIsSomeRowsSelected() ? "indeterminate" : table.getIsAllRowsSelected(),
@@ -8662,7 +8676,7 @@ var TableWithSelection = ({
           );
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             Checkbox,
             {
               disabled: !row.getCanSelect(),
@@ -8681,15 +8695,15 @@ var TableWithSelection = ({
       ...columns
     ];
   }, [columns, selectionRowId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     Table,
     {
       columns: columnsWithSelection,
       fillerRow: (columnId, table) => {
         if (columnId === selectionRowId) {
-          return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Checkbox, { checked: false, disabled: true, containerClassName: "max-w-6" });
+          return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Checkbox, { checked: false, disabled: true, containerClassName: "max-w-6" });
         }
-        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FillerRowElement, {});
+        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FillerRowElement, {});
       },
       state: {
         rowSelection,
@@ -8709,8 +8723,8 @@ var TableWithSelection = ({
 };
 
 // src/components/user-action/DateAndTimePicker.tsx
-var import_clsx45 = __toESM(require("clsx"));
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_clsx46 = __toESM(require("clsx"));
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var DateTimePicker = ({
   overwriteTranslation,
   value = /* @__PURE__ */ new Date(),
@@ -8729,7 +8743,7 @@ var DateTimePicker = ({
   let dateDisplay;
   let timeDisplay;
   if (useDate) {
-    dateDisplay = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    dateDisplay = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       DatePicker,
       {
         ...datePickerProps,
@@ -8743,25 +8757,25 @@ var DateTimePicker = ({
     );
   }
   if (useTime) {
-    timeDisplay = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    timeDisplay = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       TimePicker,
       {
         ...timePickerProps,
-        className: (0, import_clsx45.default)("h-full", { "justify-between w-full": mode === "time" }),
+        className: (0, import_clsx46.default)("h-full", { "justify-between w-full": mode === "time" }),
         maxHeight: 250,
         time: value,
         onChange
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "col w-fit", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "row gap-x-4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "col w-fit", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "row gap-x-4", children: [
       dateDisplay,
       timeDisplay
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "row justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "row gap-x-2 mt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SolidButton, { size: "medium", color: "negative", onClick: onRemove, children: translation("clear") }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "row justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "row gap-x-2 mt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SolidButton, { size: "medium", color: "negative", onClick: onRemove, children: translation("clear") }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         SolidButton,
         {
           size: "medium",
@@ -8775,8 +8789,8 @@ var DateTimePicker = ({
 
 // src/components/user-action/ScrollPicker.tsx
 var import_react30 = require("react");
-var import_clsx46 = __toESM(require("clsx"));
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_clsx47 = __toESM(require("clsx"));
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var up = 1;
 var down = -1;
 var ScrollPicker = ({
@@ -8915,7 +8929,7 @@ var ScrollPicker = ({
     }
     return clamp(1 - opacityValue / max);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "div",
     {
       className: "relative overflow-hidden",
@@ -8925,15 +8939,15 @@ var ScrollPicker = ({
           setAnimation(({ velocity, ...animationData }) => ({ ...animationData, velocity: velocity + event.deltaY }));
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "div",
           {
             className: "absolute z-[1] top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2 w-full min-w-[40px] border border-divider/30 border-y-2 border-x-0 ",
             style: { height: `${itemHeight}px` }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "div",
           {
             className: "col select-none",
@@ -8941,10 +8955,10 @@ var ScrollPicker = ({
               transform: `translateY(${-transition * (distance + itemHeight)}px)`,
               columnGap: `${distance}px`
             },
-            children: shownItems.map(({ name, index }, arrayIndex) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+            children: shownItems.map(({ name, index }, arrayIndex) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
               "div",
               {
-                className: (0, import_clsx46.default)(
+                className: (0, import_clsx47.default)(
                   `col items-center justify-center rounded-md`,
                   {
                     "text-primary font-bold": currentIndex === index,
@@ -8973,8 +8987,8 @@ var ScrollPicker = ({
 // src/components/user-action/ToggleableInput.tsx
 var import_react31 = require("react");
 var import_lucide_react23 = require("lucide-react");
-var import_clsx47 = __toESM(require("clsx"));
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_clsx48 = __toESM(require("clsx"));
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var ToggleableInput = ({
   type = "text",
   value,
@@ -9001,14 +9015,14 @@ var ToggleableInput = ({
       ref.current?.focus();
     }
   }, [isEditing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "div",
       {
-        className: (0, import_clsx47.default)("row items-center w-full gap-x-2 overflow-hidden", { "cursor-pointer": !isEditing }),
+        className: (0, import_clsx48.default)("row items-center w-full gap-x-2 overflow-hidden", { "cursor-pointer": !isEditing }),
         onClick: () => !isEditing ? setIsEditing(!isEditing) : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx47.default)("row overflow-hidden", { "flex-1": isEditing }), children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx48.default)("row overflow-hidden", { "flex-1": isEditing }), children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "input",
             {
               ref,
@@ -9036,16 +9050,16 @@ var ToggleableInput = ({
                   onEditCompletedWrapper(value);
                 }
               },
-              className: (0, import_clsx47.default)(`w-full border-none rounded-none ring-0 outline-0 text-inherit bg-inherit shadow-transparent decoration-primary p-0 underline-offset-4`, {
+              className: (0, import_clsx48.default)(`w-full border-none rounded-none ring-0 outline-0 text-inherit bg-inherit shadow-transparent decoration-primary p-0 underline-offset-4`, {
                 underline: isEditing
               }, labelClassName),
               onFocus: (event) => event.target.select()
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx47.default)("max-w-xs break-words overflow-hidden", labelClassName), children: value }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: (0, import_clsx48.default)("max-w-xs break-words overflow-hidden", labelClassName), children: value }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             import_lucide_react23.Pencil,
             {
-              className: (0, import_clsx47.default)(`cursor-pointer`, { "text-transparent": isEditing }),
+              className: (0, import_clsx48.default)(`cursor-pointer`, { "text-transparent": isEditing }),
               size,
               style: { minWidth: `${size}px` }
             }
@@ -9053,7 +9067,7 @@ var ToggleableInput = ({
         ]
       }
     ),
-    isEditing && disclaimer && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("label", { className: "text-negative", children: disclaimer })
+    isEditing && disclaimer && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("label", { className: "text-negative", children: disclaimer })
   ] });
 };
 var ToggleableInputUncontrolled = ({
@@ -9065,7 +9079,7 @@ var ToggleableInputUncontrolled = ({
   (0, import_react31.useEffect)(() => {
     setValue(initialValue);
   }, [initialValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     ToggleableInput,
     {
       value,
@@ -9211,6 +9225,7 @@ function resolveSetState(action, prev) {
   StepperBar,
   StepperBarUncontrolled,
   Table,
+  TableCell,
   TableFilterButton,
   TableFilters,
   TableSortButton,