lizaui 10.0.83 → 10.0.84

package/dist/components/table/body/table-body-column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-body-column.d.ts","sourceRoot":"","sources":["../../../../src/components/table/body/table-body-column.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,eAAO,MAAM,eAAe,kHAmB3B,CAAC"}
+{"version":3,"file":"table-body-column.d.ts","sourceRoot":"","sources":["../../../../src/components/table/body/table-body-column.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,eAAO,MAAM,eAAe,kHAuB3B,CAAC"}

package/dist/components/table/body/table-body-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-body-row.d.ts","sourceRoot":"","sources":["../../../../src/components/table/body/table-body-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAGnG,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,eAAO,MAAM,YAAY,0FA2ExB,CAAC"}
+{"version":3,"file":"table-body-row.d.ts","sourceRoot":"","sources":["../../../../src/components/table/body/table-body-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,eAAO,MAAM,YAAY,0FA2ExB,CAAC"}

package/dist/components/table/context/pinned-cell.context.d.ts

@@ -0,0 +1,9 @@
+import { PinnedColumnInfo } from '../interface/table.interface';
+/**
+ * Per-cell context carrying the pinned offset of the column a cell belongs
+ * to. Row components provide it around each child (mapped by dataHeader
+ * index) and the leaf cell components consume it, so pinning survives
+ * custom wrapper components between the row and the actual cell.
+ */
+export declare const PinnedCellContext: import('react').Context<PinnedColumnInfo | undefined>;
+//# sourceMappingURL=pinned-cell.context.d.ts.map

package/dist/components/table/context/pinned-cell.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinned-cell.context.d.ts","sourceRoot":"","sources":["../../../../src/components/table/context/pinned-cell.context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,uDAAyD,CAAC"}

package/dist/components/table/header/table-header-column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-column.d.ts","sourceRoot":"","sources":["../../../../src/components/table/header/table-header-column.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAG3E,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAiIxD,CAAC"}
+{"version":3,"file":"table-header-column.d.ts","sourceRoot":"","sources":["../../../../src/components/table/header/table-header-column.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAG3E,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAsIxD,CAAC"}

package/dist/components/table/header/table-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../../src/components/table/header/table-header-row.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAqD,MAAM,OAAO,CAAC;AAI1F,OAAO,EAAE,KAAK,mBAAmB,EAAwB,MAAM,8BAA8B,CAAC;AAM9F,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4ElD,CAAC"}
+{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../../src/components/table/header/table-header-row.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAqD,MAAM,OAAO,CAAC;AAK1F,OAAO,EAAE,KAAK,mBAAmB,EAAwB,MAAM,8BAA8B,CAAC;AAK9F,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoFlD,CAAC"}

package/dist/components/table/search/table-search-column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-search-column.d.ts","sourceRoot":"","sources":["../../../../src/components/table/search/table-search-column.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAQvD,CAAC"}
+{"version":3,"file":"table-search-column.d.ts","sourceRoot":"","sources":["../../../../src/components/table/search/table-search-column.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAevD,CAAC"}

package/dist/components/table/search/table-search-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-search-row.d.ts","sourceRoot":"","sources":["../../../../src/components/table/search/table-search-row.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAA8C,MAAM,OAAO,CAAC;AAInF,OAAO,EAAE,KAAK,mBAAmB,EAAwB,MAAM,8BAA8B,CAAC;AAK9F,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoDjD,CAAC"}
+{"version":3,"file":"table-search-row.d.ts","sourceRoot":"","sources":["../../../../src/components/table/search/table-search-row.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAA8C,MAAM,OAAO,CAAC;AAKnF,OAAO,EAAE,KAAK,mBAAmB,EAAwB,MAAM,8BAA8B,CAAC;AAI9F,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8DjD,CAAC"}

package/dist/table/index.cjs.js

@@ -292,8 +292,9 @@ const TableBody = React.memo((props) => {
   }
   return t0;
 });
+const PinnedCellContext = React.createContext(void 0);
 const TableBodyColumn = React.memo(React.forwardRef((t0, ref) => {
-  const $ = compilerRuntime.c(14);
+  const $ = compilerRuntime.c(19);
   const {
     children,
     className,
@@ -302,59 +303,67 @@ const TableBodyColumn = React.memo(React.forwardRef((t0, ref) => {
     colspan: t1
   } = t0;
   const colspan = t1 === void 0 ? void 0 : t1;
-  let t2;
-  if ($[0] !== className) {
-    t2 = tailwindMerge.twMerge("px-2 py-1 text-gray-900 dark:text-default-500 text-sm", className);
+  const pinned = React.useContext(PinnedCellContext);
+  const t2 = pinned && "table__column_pinned";
+  const t3 = pinned?.isLast && "table__column_pinned--last";
+  let t4;
+  if ($[0] !== className || $[1] !== t2 || $[2] !== t3) {
+    t4 = tailwindMerge.twMerge("px-2 py-1 text-gray-900 dark:text-default-500 text-sm", className, t2, t3);
     $[0] = className;
     $[1] = t2;
+    $[2] = t3;
+    $[3] = t4;
   } else {
-    t2 = $[1];
+    t4 = $[3];
   }
-  const mergedClass = t2;
-  let t3;
-  if ($[2] !== children) {
-    t3 = !children || typeof children === "string" && children.trim() === "";
-    $[2] = children;
-    $[3] = t3;
+  const mergedClass = t4;
+  let t5;
+  if ($[4] !== pinned || $[5] !== style) {
+    t5 = pinned ? {
+      ...style,
+      left: pinned.left
+    } : style;
+    $[4] = pinned;
+    $[5] = style;
+    $[6] = t5;
   } else {
-    t3 = $[3];
+    t5 = $[6];
   }
-  const isChildrenEmpty = t3;
-  let t4;
-  if ($[4] !== children || $[5] !== isChildrenEmpty || $[6] !== text) {
-    t4 = isChildrenEmpty ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-1 text-sm", children: text }) : children;
-    $[4] = children;
-    $[5] = isChildrenEmpty;
-    $[6] = text;
-    $[7] = t4;
+  const mergedStyle = t5;
+  let t6;
+  if ($[7] !== children) {
+    t6 = !children || typeof children === "string" && children.trim() === "";
+    $[7] = children;
+    $[8] = t6;
   } else {
-    t4 = $[7];
+    t6 = $[8];
   }
-  let t5;
-  if ($[8] !== colspan || $[9] !== mergedClass || $[10] !== ref || $[11] !== style || $[12] !== t4) {
-    t5 = /* @__PURE__ */ jsxRuntime.jsx("td", { ref, className: mergedClass, style, colSpan: colspan, children: t4 });
-    $[8] = colspan;
-    $[9] = mergedClass;
-    $[10] = ref;
-    $[11] = style;
-    $[12] = t4;
-    $[13] = t5;
+  const isChildrenEmpty = t6;
+  let t7;
+  if ($[9] !== children || $[10] !== isChildrenEmpty || $[11] !== text) {
+    t7 = isChildrenEmpty ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-1 text-sm", children: text }) : children;
+    $[9] = children;
+    $[10] = isChildrenEmpty;
+    $[11] = text;
+    $[12] = t7;
   } else {
-    t5 = $[13];
+    t7 = $[12];
   }
-  return t5;
+  let t8;
+  if ($[13] !== colspan || $[14] !== mergedClass || $[15] !== mergedStyle || $[16] !== ref || $[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxRuntime.jsx("td", { ref, className: mergedClass, style: mergedStyle, colSpan: colspan, children: t7 });
+    $[13] = colspan;
+    $[14] = mergedClass;
+    $[15] = mergedStyle;
+    $[16] = ref;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  return t8;
 }));
 TableBodyColumn.displayName = "TableBodyColumn";
-const getPinnedCellProps = (child, pinned) => {
-  if (!pinned) return {};
-  return {
-    className: tailwindMerge.twMerge(child.props.className, "table__column_pinned", pinned.isLast && "table__column_pinned--last"),
-    style: {
-      ...child.props.style,
-      left: pinned.left
-    }
-  };
-};
 const TableBodyRow = React.memo(React.forwardRef((t0, ref) => {
   const $ = compilerRuntime.c(39);
   const {
@@ -458,7 +467,7 @@ const TableBodyRow = React.memo(React.forwardRef((t0, ref) => {
           if (!pinned || !React.isValidElement(child)) {
             return child;
           }
-          return React.cloneElement(child, getPinnedCellProps(child, pinned));
+          return /* @__PURE__ */ jsxRuntime.jsx(PinnedCellContext.Provider, { value: pinned, children: child });
         };
         $[20] = pinnedColumns;
         $[21] = t92;
@@ -839,7 +848,7 @@ function _temp2(e_0) {
   return e_0.stopPropagation();
 }
 const TableHeaderColumn = React.memo((t0) => {
-  const $ = compilerRuntime.c(55);
+  const $ = compilerRuntime.c(60);
   const {
     children,
     className,
@@ -874,6 +883,7 @@ const TableHeaderColumn = React.memo((t0) => {
     onColumnResize,
     onColumnResizeEnd
   } = useTableContext();
+  const pinned = React.useContext(PinnedCellContext);
   const isResizable = resizableProp ?? header?.resizable ?? false;
   const columnId = header?.id || "";
   const initialWidth = columnWidths?.[columnId] || size || header?.size || 150;
@@ -929,48 +939,64 @@ const TableHeaderColumn = React.memo((t0) => {
     columnRef,
     handlePointerDown
   } = useColumnResize(t8);
-  let t9;
-  if ($[15] !== className) {
-    t9 = tailwindMerge.twMerge("table__header_th px-2 relative", className);
+  const t9 = pinned && "table__column_pinned";
+  const t10 = pinned?.isLast && "table__column_pinned--last";
+  let t11;
+  if ($[15] !== className || $[16] !== t10 || $[17] !== t9) {
+    t11 = tailwindMerge.twMerge("table__header_th px-2 relative", className, t9, t10);
     $[15] = className;
-    $[16] = t9;
+    $[16] = t10;
+    $[17] = t9;
+    $[18] = t11;
   } else {
-    t9 = $[16];
+    t11 = $[18];
   }
-  const mergedClass = t9;
+  const mergedClass = t11;
   const effectiveWidth = isResizable ? resizedWidth : size || header?.size;
-  const t10 = effectiveWidth ? `${effectiveWidth}px` : style.width;
-  const t11 = effectiveWidth ? `${effectiveWidth}px` : style.minWidth;
   let t12;
-  if ($[17] !== style || $[18] !== t10 || $[19] !== t11) {
-    t12 = {
-      ...style,
-      width: t10,
-      minWidth: t11
-    };
-    $[17] = style;
-    $[18] = t10;
-    $[19] = t11;
+  if ($[19] !== pinned) {
+    t12 = pinned ? {
+      left: pinned.left
+    } : {};
+    $[19] = pinned;
     $[20] = t12;
   } else {
     t12 = $[20];
   }
-  const mergedStyle = t12;
-  let t13;
-  if ($[21] !== children) {
-    t13 = !children || typeof children === "string" && children.trim() === "";
-    $[21] = children;
-    $[22] = t13;
+  const t13 = effectiveWidth ? `${effectiveWidth}px` : style.width;
+  const t14 = effectiveWidth ? `${effectiveWidth}px` : style.minWidth;
+  let t15;
+  if ($[21] !== style || $[22] !== t12 || $[23] !== t13 || $[24] !== t14) {
+    t15 = {
+      ...style,
+      ...t12,
+      width: t13,
+      minWidth: t14
+    };
+    $[21] = style;
+    $[22] = t12;
+    $[23] = t13;
+    $[24] = t14;
+    $[25] = t15;
+  } else {
+    t15 = $[25];
+  }
+  const mergedStyle = t15;
+  let t16;
+  if ($[26] !== children) {
+    t16 = !children || typeof children === "string" && children.trim() === "";
+    $[26] = children;
+    $[27] = t16;
   } else {
-    t13 = $[22];
+    t16 = $[27];
   }
-  const isChildrenEmpty = t13;
+  const isChildrenEmpty = t16;
   const isSortable = header?.sort;
   header?.id;
   const isCurrentlySorted = sortDescriptor?.column === header?.id;
-  let t14;
-  if ($[23] !== header || $[24] !== isResizing || $[25] !== isSortable || $[26] !== onSortChange) {
-    t14 = (e) => {
+  let t17;
+  if ($[28] !== header || $[29] !== isResizing || $[30] !== isSortable || $[31] !== onSortChange) {
+    t17 = (e) => {
       if (isResizing) {
         e.preventDefault();
         return;
@@ -979,18 +1005,18 @@ const TableHeaderColumn = React.memo((t0) => {
         onSortChange(header.id);
       }
     };
-    $[23] = header;
-    $[24] = isResizing;
-    $[25] = isSortable;
-    $[26] = onSortChange;
-    $[27] = t14;
+    $[28] = header;
+    $[29] = isResizing;
+    $[30] = isSortable;
+    $[31] = onSortChange;
+    $[32] = t17;
   } else {
-    t14 = $[27];
+    t17 = $[32];
   }
-  const handleSort = t14;
-  let t15;
-  if ($[28] !== icon || $[29] !== isCurrentlySorted || $[30] !== isSortable || $[31] !== sortDescriptor) {
-    t15 = () => {
+  const handleSort = t17;
+  let t18;
+  if ($[33] !== icon || $[34] !== isCurrentlySorted || $[35] !== isSortable || $[36] !== sortDescriptor) {
+    t18 = () => {
       if (!isSortable) {
         return icon;
       }
@@ -999,31 +1025,31 @@ const TableHeaderColumn = React.memo((t0) => {
       }
       return /* @__PURE__ */ jsxRuntime.jsx(chevronsUpDown.ChevronsUpDown, { className: "h-4 w-4 text-default-300" });
     };
-    $[28] = icon;
-    $[29] = isCurrentlySorted;
-    $[30] = isSortable;
-    $[31] = sortDescriptor;
-    $[32] = t15;
-  } else {
-    t15 = $[32];
-  }
-  const renderSortIcon = t15;
-  const t16 = isResizable ? columnRef : void 0;
-  const t17 = isSortable ? "cursor-pointer transition-colors" : "";
-  const t18 = isResizing && "select-none";
-  let t19;
-  if ($[33] !== mergedClass || $[34] !== t17 || $[35] !== t18) {
-    t19 = tailwindMerge.twMerge(mergedClass, t17, t18);
-    $[33] = mergedClass;
-    $[34] = t17;
-    $[35] = t18;
-    $[36] = t19;
-  } else {
-    t19 = $[36];
-  }
-  let t20;
-  if ($[37] !== children || $[38] !== header?.information || $[39] !== isChildrenEmpty || $[40] !== renderSortIcon || $[41] !== text) {
-    t20 = isChildrenEmpty ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center gap-x-2 font-medium", children: [
+    $[33] = icon;
+    $[34] = isCurrentlySorted;
+    $[35] = isSortable;
+    $[36] = sortDescriptor;
+    $[37] = t18;
+  } else {
+    t18 = $[37];
+  }
+  const renderSortIcon = t18;
+  const t19 = isResizable ? columnRef : void 0;
+  const t20 = isSortable ? "cursor-pointer transition-colors" : "";
+  const t21 = isResizing && "select-none";
+  let t22;
+  if ($[38] !== mergedClass || $[39] !== t20 || $[40] !== t21) {
+    t22 = tailwindMerge.twMerge(mergedClass, t20, t21);
+    $[38] = mergedClass;
+    $[39] = t20;
+    $[40] = t21;
+    $[41] = t22;
+  } else {
+    t22 = $[41];
+  }
+  let t23;
+  if ($[42] !== children || $[43] !== header?.information || $[44] !== isChildrenEmpty || $[45] !== renderSortIcon || $[46] !== text) {
+    t23 = isChildrenEmpty ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center gap-x-2 font-medium", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex  items-center gap-x-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-1 text-xs text-foreground-500 dark:text-foreground-500 text-left", children: text }),
         header?.information && /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip, { content: header?.information || "", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": "true", role: "img", className: "text-default-300 cursor-pointer dark:text-foreground-500", width: 16, height: 16, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", children: [
@@ -1034,43 +1060,43 @@ const TableHeaderColumn = React.memo((t0) => {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex justify-end", children: renderSortIcon() })
     ] }) : children;
-    $[37] = children;
-    $[38] = header?.information;
-    $[39] = isChildrenEmpty;
-    $[40] = renderSortIcon;
-    $[41] = text;
-    $[42] = t20;
-  } else {
-    t20 = $[42];
-  }
-  let t21;
-  if ($[43] !== handlePointerDown || $[44] !== isResizable || $[45] !== isResizing) {
-    t21 = isResizable && /* @__PURE__ */ jsxRuntime.jsx(ResizeHandle, { onPointerDown: handlePointerDown, isResizing });
-    $[43] = handlePointerDown;
-    $[44] = isResizable;
-    $[45] = isResizing;
-    $[46] = t21;
-  } else {
-    t21 = $[46];
-  }
-  let t22;
-  if ($[47] !== colspan || $[48] !== handleSort || $[49] !== mergedStyle || $[50] !== t16 || $[51] !== t19 || $[52] !== t20 || $[53] !== t21) {
-    t22 = /* @__PURE__ */ jsxRuntime.jsxs("th", { ref: t16, className: t19, style: mergedStyle, colSpan: colspan, onClick: handleSort, children: [
-      t20,
-      t21
+    $[42] = children;
+    $[43] = header?.information;
+    $[44] = isChildrenEmpty;
+    $[45] = renderSortIcon;
+    $[46] = text;
+    $[47] = t23;
+  } else {
+    t23 = $[47];
+  }
+  let t24;
+  if ($[48] !== handlePointerDown || $[49] !== isResizable || $[50] !== isResizing) {
+    t24 = isResizable && /* @__PURE__ */ jsxRuntime.jsx(ResizeHandle, { onPointerDown: handlePointerDown, isResizing });
+    $[48] = handlePointerDown;
+    $[49] = isResizable;
+    $[50] = isResizing;
+    $[51] = t24;
+  } else {
+    t24 = $[51];
+  }
+  let t25;
+  if ($[52] !== colspan || $[53] !== handleSort || $[54] !== mergedStyle || $[55] !== t19 || $[56] !== t22 || $[57] !== t23 || $[58] !== t24) {
+    t25 = /* @__PURE__ */ jsxRuntime.jsxs("th", { ref: t19, className: t22, style: mergedStyle, colSpan: colspan, onClick: handleSort, children: [
+      t23,
+      t24
     ] });
-    $[47] = colspan;
-    $[48] = handleSort;
-    $[49] = mergedStyle;
-    $[50] = t16;
-    $[51] = t19;
-    $[52] = t20;
-    $[53] = t21;
-    $[54] = t22;
-  } else {
-    t22 = $[54];
-  }
-  return t22;
+    $[52] = colspan;
+    $[53] = handleSort;
+    $[54] = mergedStyle;
+    $[55] = t19;
+    $[56] = t22;
+    $[57] = t23;
+    $[58] = t24;
+    $[59] = t25;
+  } else {
+    t25 = $[59];
+  }
+  return t25;
 });
 TableHeaderColumn.displayName = "TableHeaderColumn";
 const TableHeaderRow = React.memo((t0) => {
@@ -1167,11 +1193,14 @@ const TableHeaderRow = React.memo((t0) => {
             item: el,
             index
           });
+          if (!React.isValidElement(child)) {
+            return null;
+          }
           const keyValue = el.id ?? el.header ?? index;
-          return React.isValidElement(child) ? React.cloneElement(child, {
-            key: keyValue,
-            ...getPinnedCellProps(child, pinnedColumns?.[index])
-          }) : null;
+          const pinned = pinnedColumns?.[index];
+          return pinned ? /* @__PURE__ */ jsxRuntime.jsx(PinnedCellContext.Provider, { value: pinned, children: child }, keyValue) : React.cloneElement(child, {
+            key: keyValue
+          });
         };
         $[20] = children;
         $[21] = pinnedColumns;
@@ -1193,11 +1222,17 @@ const TableHeaderRow = React.memo((t0) => {
     if ($[23] !== children || $[24] !== dataHeader || $[25] !== pinnedColumns || $[26] !== props) {
       let t82;
       if ($[28] !== dataHeader || $[29] !== pinnedColumns || $[30] !== props) {
-        t82 = (child_0, index_0) => React.isValidElement(child_0) ? React.cloneElement(child_0, {
-          key: dataHeader[index_0]?.id ?? dataHeader[index_0]?.header ?? index_0,
-          ...props,
-          ...getPinnedCellProps(child_0, pinnedColumns?.[index_0])
-        }) : child_0;
+        t82 = (child_0, index_0) => {
+          if (!React.isValidElement(child_0)) {
+            return child_0;
+          }
+          const cloned = React.cloneElement(child_0, {
+            key: dataHeader[index_0]?.id ?? dataHeader[index_0]?.header ?? index_0,
+            ...props
+          });
+          const pinned_0 = pinnedColumns?.[index_0];
+          return pinned_0 ? /* @__PURE__ */ jsxRuntime.jsx(PinnedCellContext.Provider, { value: pinned_0, children: cloned }) : cloned;
+        };
         $[28] = dataHeader;
         $[29] = pinnedColumns;
         $[30] = props;
@@ -1276,7 +1311,7 @@ const TableHeaderRow = React.memo((t0) => {
 });
 TableHeaderRow.displayName = "TableHeaderRow";
 const TableSearchColumn = React.memo((t0) => {
-  const $ = compilerRuntime.c(9);
+  const $ = compilerRuntime.c(14);
   const {
     children,
     className: t1,
@@ -1294,27 +1329,45 @@ const TableSearchColumn = React.memo((t0) => {
   }
   const style = t4;
   const colspan = t3 === void 0 ? void 0 : t3;
-  let t5;
-  if ($[2] !== className) {
-    t5 = tailwindMerge.twMerge("table-column-search px-2", className);
+  const pinned = React.useContext(PinnedCellContext);
+  const t5 = pinned && "table__column_pinned";
+  const t6 = pinned?.isLast && "table__column_pinned--last";
+  let t7;
+  if ($[2] !== className || $[3] !== t5 || $[4] !== t6) {
+    t7 = tailwindMerge.twMerge("table-column-search px-2", className, t5, t6);
     $[2] = className;
     $[3] = t5;
+    $[4] = t6;
+    $[5] = t7;
   } else {
-    t5 = $[3];
+    t7 = $[5];
   }
-  const mergedClass = t5;
-  let t6;
-  if ($[4] !== children || $[5] !== colspan || $[6] !== mergedClass || $[7] !== style) {
-    t6 = /* @__PURE__ */ jsxRuntime.jsx("th", { className: mergedClass, style, colSpan: colspan, children });
-    $[4] = children;
-    $[5] = colspan;
-    $[6] = mergedClass;
+  const mergedClass = t7;
+  let t8;
+  if ($[6] !== pinned || $[7] !== style) {
+    t8 = pinned ? {
+      ...style,
+      left: pinned.left
+    } : style;
+    $[6] = pinned;
     $[7] = style;
-    $[8] = t6;
+    $[8] = t8;
   } else {
-    t6 = $[8];
+    t8 = $[8];
   }
-  return t6;
+  const mergedStyle = t8;
+  let t9;
+  if ($[9] !== children || $[10] !== colspan || $[11] !== mergedClass || $[12] !== mergedStyle) {
+    t9 = /* @__PURE__ */ jsxRuntime.jsx("th", { className: mergedClass, style: mergedStyle, colSpan: colspan, children });
+    $[9] = children;
+    $[10] = colspan;
+    $[11] = mergedClass;
+    $[12] = mergedStyle;
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  return t9;
 });
 TableSearchColumn.displayName = "TableSearchColumn";
 const TableSearchRow = React.memo((t0) => {
@@ -1388,11 +1441,14 @@ const TableSearchRow = React.memo((t0) => {
             item: el,
             index
           });
+          if (!React.isValidElement(child)) {
+            return null;
+          }
           const keyValue = el.id ?? el.header ?? index;
-          return React.isValidElement(child) ? React.cloneElement(child, {
-            key: keyValue,
-            ...getPinnedCellProps(child, pinnedColumns?.[index])
-          }) : null;
+          const pinned = pinnedColumns?.[index];
+          return pinned ? /* @__PURE__ */ jsxRuntime.jsx(PinnedCellContext.Provider, { value: pinned, children: child }, keyValue) : React.cloneElement(child, {
+            key: keyValue
+          });
         };
         $[16] = children;
         $[17] = pinnedColumns;
@@ -1414,10 +1470,16 @@ const TableSearchRow = React.memo((t0) => {
     if ($[19] !== children || $[20] !== dataHeader || $[21] !== pinnedColumns) {
       let t72;
       if ($[23] !== dataHeader || $[24] !== pinnedColumns) {
-        t72 = (child_0, index_0) => React.isValidElement(child_0) ? React.cloneElement(child_0, {
-          key: dataHeader[index_0]?.id ?? dataHeader[index_0]?.header ?? index_0,
-          ...getPinnedCellProps(child_0, pinnedColumns?.[index_0])
-        }) : child_0;
+        t72 = (child_0, index_0) => {
+          if (!React.isValidElement(child_0)) {
+            return child_0;
+          }
+          const cloned = React.cloneElement(child_0, {
+            key: dataHeader[index_0]?.id ?? dataHeader[index_0]?.header ?? index_0
+          });
+          const pinned_0 = pinnedColumns?.[index_0];
+          return pinned_0 ? /* @__PURE__ */ jsxRuntime.jsx(PinnedCellContext.Provider, { value: pinned_0, children: cloned }) : cloned;
+        };
         $[23] = dataHeader;
         $[24] = pinnedColumns;
         $[25] = t72;