@rttui/skin-anocca 1.0.26 → 1.0.28

package/dist/cjs/{AnoccaSkin.cjs → anocca_skin.cjs}

@@ -39,17 +39,17 @@ var __export = (target, all) => {
     });
 };
 
-// packages/skin-anocca/src/AnoccaSkin.tsx
-var exports_AnoccaSkin = {};
-__export(exports_AnoccaSkin, {
+// packages/skin-anocca/src/anocca_skin.tsx
+var exports_anocca_skin = {};
+__export(exports_anocca_skin, {
   AnoccaSkin: () => AnoccaSkin
 });
-module.exports = __toCommonJS(exports_AnoccaSkin);
+module.exports = __toCommonJS(exports_anocca_skin);
 var import_material = require("@mui/material");
 var import_core = require("@rttui/core");
 var import_core2 = require("@rttui/core");
 var import_react = __toESM(require("react"));
-var import_TableHeaderRow = require("./TableHeaderRow.cjs");
+var import_table_header_row = require("./table_header_row.cjs");
 var jsx_runtime = require("react/jsx-runtime");
 var AnoccaSkin = {
   rowHeight: 32,
@@ -131,7 +131,7 @@ var AnoccaSkin = {
       children
     });
   },
-  HeaderRow: import_TableHeaderRow.TableHeaderRow,
+  HeaderRow: import_table_header_row.TableHeaderRow,
   HeaderCell: import_react.default.memo(import_react.default.forwardRef((props, ref) => {
     return /* @__PURE__ */ jsx_runtime.jsx(TableHeaderCell, {
       ...props,
@@ -285,9 +285,9 @@ var AnoccaSkin = {
       className: "td",
       component: "div",
       ref,
+      style: { width: isMeasuring ? "auto" : width },
       sx: {
         height: "var(--row-height)",
-        width: isMeasuring ? "auto" : width,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap",
@@ -373,6 +373,7 @@ var TableHeaderCell = import_react.default.memo(import_react.default.forwardRef(
     className: "th",
     "data-header-id": headerId,
     "data-is-pinned": isPinned,
+    style: { width: isMeasuring ? "auto" : width },
     sx: {
       transition: "background-color 0.2s ease",
       whiteSpace: "nowrap",
@@ -380,7 +381,6 @@ var TableHeaderCell = import_react.default.memo(import_react.default.forwardRef(
       display: "flex",
       overflow: "hidden",
       height: "var(--header-row-height)",
-      width: isMeasuring ? "auto" : width,
       position: "relative",
       flexShrink: 0,
       alignItems: "center",
@@ -400,4 +400,4 @@ var TableHeaderCell = import_react.default.memo(import_react.default.forwardRef(
   });
 }));
 
-//# debugId=2FB4797AC3AB0DB964756E2164756E21
+//# debugId=FCEBE4FB4F25EC1564756E2164756E21

package/dist/cjs/anocca_skin.cjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/anocca_skin.tsx"],
+  "sourcesContent": [
+    "import {\n  Box,\n  Paper,\n  SxProps,\n  TableBody,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableRow,\n  Theme,\n  useTheme,\n} from \"@mui/material\";\nimport {\n  Skin,\n  useCellProps,\n  useColProps,\n  useTableContext,\n  useTableCssVars,\n} from \"@rttui/core\";\nimport { shallowEqual, useTableProps } from \"@rttui/core\";\nimport React, { CSSProperties } from \"react\";\nimport { TableHeaderRow } from \"./table_header_row.cjs\";\n\nconst AnoccaSkin: Skin = {\n  rowHeight: 32,\n  headerRowHeight: 32,\n  footerRowHeight: 32,\n  OverlayContainer: ({ children }) => {\n    const { width, height } = useTableContext();\n    const cssVars = useTableCssVars();\n    return (\n      <div\n        className=\"rttui-overlay-container\"\n        style={{\n          position: \"relative\",\n          width: width + \"px\",\n          height: height + \"px\",\n          ...cssVars,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n  OuterContainer: ({ children }) => {\n    const { tableContainerRef } = useTableContext();\n\n    return (\n      <Paper\n        ref={tableContainerRef}\n        className=\"outer-container\"\n        elevation={2}\n        sx={{\n          overflow: \"auto\",\n          width: \"var(--table-container-width)\",\n          height: \"var(--table-container-height)\",\n          position: \"relative\",\n          contain: \"paint\",\n          willChange: \"transform\",\n          borderRadius: 1,\n        }}\n      >\n        {children}\n      </Paper>\n    );\n  },\n  TableScroller: () => {\n    return (\n      <div\n        className=\"table-scroller\"\n        style={{\n          width: \"var(--table-width)\",\n          height:\n            \"calc(var(--table-height) + var(--header-height) + var(--footer-height))\",\n          position: \"absolute\",\n        }}\n      ></div>\n    );\n  },\n  TableHeader: ({ children }) => {\n    return (\n      <TableHead\n        component=\"div\"\n        className=\"thead\"\n        sx={{\n          position: \"sticky\",\n          top: 0,\n          width: \"var(--table-width)\",\n          zIndex: 2,\n          backgroundColor: (theme) => theme.palette.background.paper,\n          boxShadow: (theme) => `0 1px 0 ${theme.palette.divider}`,\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-start\",\n          alignItems: \"stretch\",\n        }}\n      >\n        {children}\n      </TableHead>\n    );\n  },\n  TableFooter: ({ children }) => {\n    return (\n      <TableFooter\n        component=\"div\"\n        className=\"table-footer\"\n        sx={{\n          position: \"sticky\",\n          bottom: -1,\n          width: \"var(--table-width)\",\n          zIndex: 2,\n          backgroundColor: (theme) => theme.palette.background.paper,\n          boxShadow: (theme) => `0 -1px 0 ${theme.palette.divider}`,\n        }}\n      >\n        {children}\n      </TableFooter>\n    );\n  },\n  HeaderRow: TableHeaderRow,\n  HeaderCell: React.memo(\n    React.forwardRef((props, ref) => {\n      return <TableHeaderCell {...props} ref={ref} />;\n    }),\n  ),\n  TableBody: ({ children }) => {\n    return (\n      <TableBody\n        component=\"div\"\n        className=\"table-body\"\n        sx={{\n          position: \"relative\",\n          width: \"var(--table-width)\",\n          height: \"var(--table-height)\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-start\",\n          alignItems: \"stretch\",\n        }}\n      >\n        {children}\n      </TableBody>\n    );\n  },\n  PinnedRows: ({ children, position }) => {\n    const style: SxProps<Theme> = {\n      position: \"sticky\",\n      zIndex: 3,\n    };\n    if (position === \"top\") {\n      style.top = \"var(--header-height)\";\n      style.borderBottom = (theme) => `1px solid ${theme.palette.divider}`;\n      style.boxShadow =\n        \"0 4px 8px -4px rgba(0, 0, 0, 0.15), 0 6px 12px -6px rgba(0, 0, 0, 0.1)\";\n    } else if (position === \"bottom\") {\n      style.bottom = \"var(--footer-height)\";\n      style.borderTop = (theme) => `1px solid ${theme.palette.divider}`;\n      style.boxShadow =\n        \"0 -4px 8px -4px rgba(0, 0, 0, 0.15), 0 -6px 12px -6px rgba(0, 0, 0, 0.1)\";\n    }\n\n    const Component = position === \"top\" ? TableHead : TableFooter;\n\n    return (\n      <Component\n        component=\"div\"\n        className={`sticky-${position}-rows`}\n        sx={style}\n      >\n        {children}\n      </Component>\n    );\n  },\n  PinnedCols: ({ children, position }) => {\n    const style: SxProps<Theme> = {\n      position: \"sticky\",\n      zIndex: 3,\n      display: \"flex\",\n    };\n\n    if (position === \"left\") {\n      style.left = 0;\n    } else if (position === \"right\") {\n      style.right = 0;\n    }\n\n    return (\n      <Box component=\"div\" className={`sticky-${position}-cols`} sx={style}>\n        {children}\n      </Box>\n    );\n  },\n\n  TableRowWrapper: React.forwardRef(\n    ({ children, flatIndex, dndStyle }, ref) => {\n      const theme = useTheme();\n      const backgroundColor = (theme: Theme) => {\n        const baseColor =\n          flatIndex % 2 === 0\n            ? theme.palette.background.paper\n            : theme.palette.mode === \"dark\"\n              ? theme.palette.grey[900]\n              : theme.palette.grey[100];\n        return baseColor;\n      };\n\n      const vars: Record<string, string> = {\n        \"--row-background-color\": backgroundColor(theme),\n      };\n\n      return (\n        <Box\n          sx={{\n            ...dndStyle,\n            ...vars,\n            width: \"var(--table-width)\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            justifyContent: \"flex-start\",\n            alignItems: \"stretch\",\n          }}\n          data-index={flatIndex}\n          ref={ref}\n        >\n          {children}\n        </Box>\n      );\n    },\n  ),\n  TableRow: ({ children }) => {\n    return (\n      <TableRow\n        component=\"div\"\n        className=\"table-row\"\n        sx={{\n          position: \"relative\",\n          width: \"var(--table-width)\",\n          display: \"flex\",\n          height: \"var(--row-height)\",\n          zIndex: 1,\n          boxSizing: \"border-box\",\n          backgroundColor: \"var(--row-background-color)\",\n          \"&:hover\": {\n            backgroundColor: (theme) => {\n              // Always use solid background colors for all cells on hover\n              return theme.palette.mode === \"dark\"\n                ? \"#1e1e52\" // Dark blue solid color\n                : \"#E3F2FD\"; // Light blue solid color\n            },\n          },\n        }}\n      >\n        {children}\n      </TableRow>\n    );\n  },\n  TableRowExpandedContent: ({ children }) => {\n    const { leafColLength } = useTableProps((table) => {\n      return { leafColLength: table.getAllLeafColumns().length };\n    });\n    return (\n      <TableRow\n        component=\"div\"\n        className=\"expanded-row\"\n        sx={{\n          backgroundColor: (theme) => theme.palette.background.default,\n        }}\n      >\n        <TableCell\n          component=\"div\"\n          className=\"expanded-cell\"\n          colSpan={leafColLength}\n          sx={{\n            padding: 2,\n          }}\n        >\n          {children}\n        </TableCell>\n      </TableRow>\n    );\n  },\n  Cell: React.memo(\n    React.forwardRef(({ isMeasuring, children }, ref) => {\n      const {\n        isPinned,\n        isLastPinned,\n        isLast,\n        isLastCenter,\n        width,\n        isSomeColumnsPinnedRight,\n      } = useCellProps(\n        (cell, table) => {\n          const vheader = cell.vheader;\n          return {\n            isPinned: vheader.isPinned,\n            isLastPinned: vheader.isLastPinned,\n            isLast: vheader.isLast,\n            isLastCenter: vheader.isLastCenter,\n            width: vheader.width,\n            isSomeColumnsPinnedRight: table.getIsSomeColumnsPinned(\"right\"),\n          };\n        },\n        (prev, next) => {\n          return shallowEqual(prev, next, [\"content\"]);\n        },\n      );\n\n      return (\n        <TableCell\n          className=\"td\"\n          component=\"div\"\n          ref={ref}\n          style={{ width: isMeasuring ? \"auto\" : width }}\n          sx={{\n            height: \"var(--row-height)\",\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n            zIndex: isPinned ? 5 : 0,\n            boxSizing: \"border-box\",\n            fontSize: \"0.875rem\",\n            color: \"text.primary\",\n            alignItems: \"center\",\n            gap: \"8px\",\n            display: \"flex\",\n            justifyContent: \"flex-start\",\n            alignContent: \"center\",\n            padding: \"6px 12px\",\n            backgroundColor: \"var(--row-background-color)\",\n            borderBottom: \"none\",\n            flexShrink: 0,\n            position: \"relative\",\n            borderRight:\n              ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n              !isLast &&\n              !(isLastCenter && isSomeColumnsPinnedRight)\n                ? (theme) => `1px solid ${theme.palette.divider}`\n                : undefined,\n            borderLeft:\n              isPinned === \"end\" && !isLastPinned\n                ? (theme) => `1px solid ${theme.palette.divider}`\n                : undefined,\n            \".table-row:hover &\": {\n              backgroundColor: (theme) => {\n                // Always use solid background colors for all cells on hover\n                return theme.palette.mode === \"dark\"\n                  ? \"#1e1e52\" // Dark blue solid color\n                  : \"#E3F2FD\"; // Light blue solid color\n              },\n              zIndex: isPinned ? 2 : 0,\n            },\n          }}\n        >\n          {children}\n        </TableCell>\n      );\n    }),\n  ),\n  PinnedColsOverlay: ({ position }) => {\n    const width = useTableProps((table) => {\n      if (!table.getIsSomeColumnsPinned(position)) {\n        return undefined;\n      }\n      return position === \"left\"\n        ? table.getLeftTotalSize()\n        : table.getRightTotalSize();\n    });\n\n    if (width === undefined) {\n      return null;\n    }\n\n    const style: CSSProperties = {\n      width,\n      [position]: 0,\n      position: \"sticky\",\n      top: 0,\n      bottom: 0,\n      zIndex: 20,\n      pointerEvents: \"none\",\n    };\n\n    if (position === \"left\") {\n      style.boxShadow =\n        \"4px 0 8px -4px rgba(0, 0, 0, 0.15), 6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n    } else if (position === \"right\") {\n      style.boxShadow =\n        \"-4px 0 8px -4px rgba(0, 0, 0, 0.15), -6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n    }\n    return <div className={`pinned-${position}-overlay`} style={style} />;\n  },\n};\n\nconst TableHeaderCell = React.memo(\n  React.forwardRef<\n    HTMLDivElement,\n    {\n      isMeasuring: boolean;\n      children: React.ReactNode;\n    }\n  >(({ isMeasuring, children }, ref) => {\n    const {\n      isSomeColumnsPinnedRight,\n      headerId,\n      isPinned,\n      width,\n      isLast,\n      isLastPinned,\n      isLastCenter,\n    } = useColProps(({ vheader, table }) => {\n      return {\n        isSomeColumnsPinnedRight: table.getIsSomeColumnsPinned(\"right\"),\n        headerId: vheader.id,\n        isPinned: vheader.isPinned,\n        width: vheader.width,\n        isLast: vheader.isLast,\n        isLastPinned: vheader.isLastPinned,\n        isLastCenter: vheader.isLastCenter,\n      };\n    });\n\n    return (\n      <TableCell\n        ref={ref}\n        component=\"div\"\n        className=\"th\"\n        data-header-id={headerId}\n        data-is-pinned={isPinned}\n        style={{ width: isMeasuring ? \"auto\" : width }}\n        sx={{\n          transition: \"background-color 0.2s ease\",\n          whiteSpace: \"nowrap\",\n          zIndex: isPinned ? 1 : 0,\n          display: \"flex\",\n          overflow: \"hidden\",\n          height: \"var(--header-row-height)\",\n          position: \"relative\",\n          flexShrink: 0,\n          alignItems: \"center\",\n          gap: \"8px\",\n          justifyContent: \"space-between\",\n          padding: \"6px 12px\",\n          boxSizing: \"border-box\",\n          fontWeight: 600,\n          backgroundColor: isPinned\n            ? (theme) => theme.palette.background.paper\n            : \"transparent\",\n          borderRight:\n            ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n            !isLast &&\n            !(isLastCenter && isSomeColumnsPinnedRight)\n              ? (theme) => `1px solid ${theme.palette.divider}`\n              : undefined,\n          borderLeft:\n            isPinned === \"end\" && !isLastPinned\n              ? (theme) => `1px solid ${theme.palette.divider}`\n              : undefined,\n        }}\n      >\n        <div style={{ flex: 1, display: \"flex\", justifyContent: \"flex-start\" }}>\n          {children}\n        </div>\n      </TableCell>\n    );\n  }),\n);\n\nexport { AnoccaSkin };\n"
+  ],
+  "mappings": "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",
+  "debugId": "FCEBE4FB4F25EC1564756E2164756E21",
+  "names": []
+}

package/dist/cjs/{HeaderPinButtons.cjs → header_pin_buttons.cjs}

@@ -26,12 +26,12 @@ var __export = (target, all) => {
     });
 };
 
-// packages/skin-anocca/src/HeaderPinButtons.tsx
-var exports_HeaderPinButtons = {};
-__export(exports_HeaderPinButtons, {
+// packages/skin-anocca/src/header_pin_buttons.tsx
+var exports_header_pin_buttons = {};
+__export(exports_header_pin_buttons, {
   HeaderPinButtons: () => HeaderPinButtons
 });
-module.exports = __toCommonJS(exports_HeaderPinButtons);
+module.exports = __toCommonJS(exports_header_pin_buttons);
 var import_core = require("@rttui/core");
 var import_md = require("react-icons/md");
 var jsx_runtime = require("react/jsx-runtime");
@@ -93,4 +93,4 @@ var HeaderPinButtons = () => {
   });
 };
 
-//# debugId=266B4534618A369364756E2164756E21
+//# debugId=C0625CF9B60054B664756E2164756E21

package/dist/cjs/{HeaderPinButtons.cjs.map → header_pin_buttons.cjs.map}

@@ -1,10 +1,10 @@
 {
   "version": 3,
-  "sources": ["../../src/HeaderPinButtons.tsx"],
+  "sources": ["../../src/header_pin_buttons.tsx"],
   "sourcesContent": [
     "import { useColProps, useColRef } from \"@rttui/core\";\nimport { MdChevronLeft, MdChevronRight, MdClose } from \"react-icons/md\";\n\nexport const HeaderPinButtons = () => {\n  const isPinned = useColProps(({ vheader }) => vheader.isPinned);\n  const headerRef = useColRef();\n  return (\n    <div style={{ display: \"flex\", gap: \"-4px\", justifyContent: \"flex-start\" }}>\n      {isPinned !== \"start\" ? (\n        <button\n          style={{\n            border: \"none\",\n            background: \"transparent\",\n            cursor: \"pointer\",\n            padding: \"2px\",\n            borderRadius: \"4px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            opacity: 0.5,\n          }}\n          onClick={() => {\n            headerRef.current.column.pin(\"left\");\n          }}\n        >\n          <MdChevronLeft />\n        </button>\n      ) : null}\n      {isPinned ? (\n        <button\n          style={{\n            border: \"none\",\n            background: \"transparent\",\n            cursor: \"pointer\",\n            padding: \"2px\",\n            borderRadius: \"4px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            opacity: 0.7,\n          }}\n          onClick={() => {\n            headerRef.current.column.pin(false);\n          }}\n        >\n          <MdClose />\n        </button>\n      ) : null}\n      {isPinned !== \"end\" ? (\n        <button\n          style={{\n            border: \"none\",\n            background: \"transparent\",\n            cursor: \"pointer\",\n            padding: \"2px\",\n            borderRadius: \"4px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            opacity: 0.5,\n          }}\n          onClick={() => {\n            headerRef.current.column.pin(\"right\");\n          }}\n        >\n          <MdChevronRight />\n        </button>\n      ) : null}\n    </div>\n  );\n};\n"
   ],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAuC,IAAvC;AACuD,IAAvD;AAAA;AAEO,IAAM,mBAAmB,MAAM;AAAA,EACpC,MAAM,WAAW,wBAAY,GAAG,cAAc,QAAQ,QAAQ;AAAA,EAC9D,MAAM,YAAY,sBAAU;AAAA,EAC5B,uBACE,iBA0DE,OA1DF;AAAA,IAAK,OAAO,EAAE,SAAS,QAAQ,KAAK,QAAQ,gBAAgB,aAAa;AAAA,IAAzE,UA0DE;AAAA,MAzDC,aAAa,0BACZ,gBAgBE,UAhBF;AAAA,QACE,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,cAAc;AAAA,UACd,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,SAAS;AAAA,QACX;AAAA,QACA,SAAS,MAAM;AAAA,UACb,UAAU,QAAQ,OAAO,IAAI,MAAM;AAAA;AAAA,QAZvC,0BAeE,gBAAC,yBAAD,EAAe;AAAA,OACf,IACA;AAAA,MACH,2BACC,gBAgBE,UAhBF;AAAA,QACE,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,cAAc;AAAA,UACd,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,SAAS;AAAA,QACX;AAAA,QACA,SAAS,MAAM;AAAA,UACb,UAAU,QAAQ,OAAO,IAAI,KAAK;AAAA;AAAA,QAZtC,0BAeE,gBAAC,mBAAD,EAAS;AAAA,OACT,IACA;AAAA,MACH,aAAa,wBACZ,gBAgBE,UAhBF;AAAA,QACE,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,cAAc;AAAA,UACd,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,SAAS;AAAA,QACX;AAAA,QACA,SAAS,MAAM;AAAA,UACb,UAAU,QAAQ,OAAO,IAAI,OAAO;AAAA;AAAA,QAZxC,0BAeE,gBAAC,0BAAD,EAAgB;AAAA,OAChB,IACA;AAAA;AAAA,GACJ;AAAA;",
-  "debugId": "266B4534618A369364756E2164756E21",
+  "debugId": "C0625CF9B60054B664756E2164756E21",
   "names": []
 }

package/dist/cjs/index.cjs

@@ -29,17 +29,17 @@ var __export = (target, all) => {
 // packages/skin-anocca/src/index.ts
 var exports_src = {};
 __export(exports_src, {
-  TableHeaderRow: () => import_TableHeaderRow.TableHeaderRow,
-  RowPinButtons: () => import_RowPinButtons.RowPinButtons,
-  Resizer: () => import_Resizer.Resizer,
-  HeaderPinButtons: () => import_HeaderPinButtons.HeaderPinButtons,
-  AnoccaSkin: () => import_AnoccaSkin.AnoccaSkin
+  TableHeaderRow: () => import_table_header_row.TableHeaderRow,
+  RowPinButtons: () => import_row_pin_buttons.RowPinButtons,
+  Resizer: () => import_resizer.Resizer,
+  HeaderPinButtons: () => import_header_pin_buttons.HeaderPinButtons,
+  AnoccaSkin: () => import_anocca_skin.AnoccaSkin
 });
 module.exports = __toCommonJS(exports_src);
-var import_AnoccaSkin = require("./AnoccaSkin.cjs");
-var import_TableHeaderRow = require("./TableHeaderRow.cjs");
-var import_HeaderPinButtons = require("./HeaderPinButtons.cjs");
-var import_RowPinButtons = require("./RowPinButtons.cjs");
-var import_Resizer = require("./Resizer.cjs");
+var import_anocca_skin = require("./anocca_skin.cjs");
+var import_table_header_row = require("./table_header_row.cjs");
+var import_header_pin_buttons = require("./header_pin_buttons.cjs");
+var import_row_pin_buttons = require("./row_pin_buttons.cjs");
+var import_resizer = require("./resizer.cjs");
 
-//# debugId=5C3126FCE67ECA9A64756E2164756E21
+//# debugId=27C0897D7B1CD93E64756E2164756E21

package/dist/cjs/index.cjs.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": [
-    "export { AnoccaSkin } from \"./AnoccaSkin.cjs\";\nexport { TableHeaderRow } from \"./TableHeaderRow.cjs\";\nexport { HeaderPinButtons } from \"./HeaderPinButtons.cjs\";\nexport { RowPinButtons } from \"./RowPinButtons.cjs\";\nexport { Resizer } from \"./Resizer.cjs\";"
+    "export { AnoccaSkin } from \"./anocca_skin.cjs\";\nexport { TableHeaderRow } from \"./table_header_row.cjs\";\nexport { HeaderPinButtons } from \"./header_pin_buttons.cjs\";\nexport { RowPinButtons } from \"./row_pin_buttons.cjs\";\nexport { Resizer } from \"./resizer.cjs\";"
   ],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAA2B,IAA3B;AAC+B,IAA/B;AACiC,IAAjC;AAC8B,IAA9B;AACwB,IAAxB;",
-  "debugId": "5C3126FCE67ECA9A64756E2164756E21",
+  "debugId": "27C0897D7B1CD93E64756E2164756E21",
   "names": []
 }

package/dist/cjs/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@rttui/skin-anocca",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "type": "commonjs"
 }

package/dist/cjs/{Resizer.cjs → resizer.cjs}

@@ -39,12 +39,12 @@ var __export = (target, all) => {
     });
 };
 
-// packages/skin-anocca/src/Resizer.tsx
-var exports_Resizer = {};
-__export(exports_Resizer, {
+// packages/skin-anocca/src/resizer.tsx
+var exports_resizer = {};
+__export(exports_resizer, {
   Resizer: () => Resizer
 });
-module.exports = __toCommonJS(exports_Resizer);
+module.exports = __toCommonJS(exports_resizer);
 var import_material = require("@mui/material");
 var import_core = require("@rttui/core");
 var import_core2 = require("@rttui/core");
@@ -108,4 +108,4 @@ function Resizer() {
   });
 }
 
-//# debugId=047E2366093AC4CA64756E2164756E21
+//# debugId=680EECB07A9325B764756E2164756E21

package/dist/cjs/{Resizer.cjs.map → resizer.cjs.map}

@@ -1,10 +1,10 @@
 {
   "version": 3,
-  "sources": ["../../src/Resizer.tsx"],
+  "sources": ["../../src/resizer.tsx"],
   "sourcesContent": [
     "import { Box } from \"@mui/material\";\nimport { useColRef, useCrushHeader } from \"@rttui/core\";\nimport { useColProps } from \"@rttui/core\";\nimport React from \"react\";\n\nexport function Resizer() {\n  const crushHeader = useCrushHeader();\n\n  const { canResize, isResizing } = useColProps(({ column }) => {\n    return {\n      canResize: column.getCanResize(),\n      isResizing: column.getIsResizing(),\n    };\n  });\n\n  const colRef = useColRef();\n\n  React.useEffect(() => {\n    if (!isResizing) {\n      return;\n    }\n    const preventDefault = (e: Event) => {\n      e.preventDefault();\n    };\n    document.body.addEventListener(\"select\", preventDefault);\n    document.body.addEventListener(\"selectstart\", preventDefault);\n    document.body.style.userSelect = \"none\";\n    return () => {\n      document.body.removeEventListener(\"select\", preventDefault);\n      document.body.removeEventListener(\"selectstart\", preventDefault);\n      document.body.style.userSelect = \"auto\";\n    };\n  }, [isResizing]);\n\n  if (!canResize) {\n    return null;\n  }\n\n  return (\n    <>\n      {canResize && (\n        <Box\n          {...{\n            onDoubleClick: () => {\n              crushHeader(colRef.current.header);\n            },\n            onMouseDown: (ev: any) => colRef.current.header.getResizeHandler()(ev),\n            onTouchStart: (ev: any) => colRef.current.header.getResizeHandler()(ev),\n            className: `resizer ${isResizing ? \"isResizing\" : \"\"}`,\n            sx: {\n              position: \"absolute\",\n              right: 0,\n              top: 0,\n              bottom: 0,\n              width: \"3px\",\n              cursor: \"col-resize\",\n              userSelect: \"none\",\n              touchAction: \"none\",\n              opacity: 0,\n              backgroundColor: (theme) => theme.palette.text.secondary,\n              transition: \"opacity 0.2s\",\n              \"&.isResizing\": {\n                backgroundColor: (theme) => theme.palette.primary.main,\n                opacity: 1,\n                width: \"1px\",\n              },\n            },\n          }}\n        />\n      )}\n    </>\n  );\n}\n"
   ],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAoB,IAApB;AAC0C,IAA1C;AAC4B,IAA5B;AACkB,IAAlB;AAAA;AAEO,SAAS,OAAO,GAAG;AAAA,EACxB,MAAM,cAAc,2BAAe;AAAA,EAEnC,QAAQ,WAAW,eAAe,yBAAY,GAAG,aAAa;AAAA,IAC5D,OAAO;AAAA,MACL,WAAW,OAAO,aAAa;AAAA,MAC/B,YAAY,OAAO,cAAc;AAAA,IACnC;AAAA,GACD;AAAA,EAED,MAAM,SAAS,sBAAU;AAAA,EAEzB,qBAAM,UAAU,MAAM;AAAA,IACpB,KAAK,YAAY;AAAA,MACf;AAAA,IACF;AAAA,IACA,MAAM,iBAAiB,CAAC,MAAa;AAAA,MACnC,EAAE,eAAe;AAAA;AAAA,IAEnB,SAAS,KAAK,iBAAiB,UAAU,cAAc;AAAA,IACvD,SAAS,KAAK,iBAAiB,eAAe,cAAc;AAAA,IAC5D,SAAS,KAAK,MAAM,aAAa;AAAA,IACjC,OAAO,MAAM;AAAA,MACX,SAAS,KAAK,oBAAoB,UAAU,cAAc;AAAA,MAC1D,SAAS,KAAK,oBAAoB,eAAe,cAAc;AAAA,MAC/D,SAAS,KAAK,MAAM,aAAa;AAAA;AAAA,KAElC,CAAC,UAAU,CAAC;AAAA,EAEf,KAAK,WAAW;AAAA,IACd,OAAO;AAAA,EACT;AAAA,EAEA,uBACE;AAAA,cACG,6BACC,gBAAC,qBAAD;AAAA,MAEI,eAAe,MAAM;AAAA,QACnB,YAAY,OAAO,QAAQ,MAAM;AAAA;AAAA,MAEnC,aAAa,CAAC,OAAY,OAAO,QAAQ,OAAO,iBAAiB,EAAE,EAAE;AAAA,MACrE,cAAc,CAAC,OAAY,OAAO,QAAQ,OAAO,iBAAiB,EAAE,EAAE;AAAA,MACtE,WAAW,WAAW,aAAa,eAAe;AAAA,MAClD,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,SAAS;AAAA,QACT,iBAAiB,CAAC,UAAU,MAAM,QAAQ,KAAK;AAAA,QAC/C,YAAY;AAAA,QACZ,gBAAgB;AAAA,UACd,iBAAiB,CAAC,UAAU,MAAM,QAAQ,QAAQ;AAAA,UAClD,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF;AAAA,KAEJ;AAAA,GAEF;AAAA;",
-  "debugId": "047E2366093AC4CA64756E2164756E21",
+  "debugId": "680EECB07A9325B764756E2164756E21",
   "names": []
 }

package/dist/cjs/{RowPinButtons.cjs → row_pin_buttons.cjs}

@@ -26,12 +26,12 @@ var __export = (target, all) => {
     });
 };
 
-// packages/skin-anocca/src/RowPinButtons.tsx
-var exports_RowPinButtons = {};
-__export(exports_RowPinButtons, {
+// packages/skin-anocca/src/row_pin_buttons.tsx
+var exports_row_pin_buttons = {};
+__export(exports_row_pin_buttons, {
   RowPinButtons: () => RowPinButtons
 });
-module.exports = __toCommonJS(exports_RowPinButtons);
+module.exports = __toCommonJS(exports_row_pin_buttons);
 var import_material = require("@mui/material");
 var import_fi = require("react-icons/fi");
 var jsx_runtime = require("react/jsx-runtime");
@@ -72,4 +72,4 @@ function RowPinButtons({ row }) {
   });
 }
 
-//# debugId=A366EE9DE02AF7EF64756E2164756E21
+//# debugId=8B77D575F8561DAF64756E2164756E21

package/dist/cjs/{RowPinButtons.cjs.map → row_pin_buttons.cjs.map}

@@ -1,10 +1,10 @@
 {
   "version": 3,
-  "sources": ["../../src/RowPinButtons.tsx"],
+  "sources": ["../../src/row_pin_buttons.tsx"],
   "sourcesContent": [
     "import { Row } from \"@tanstack/react-table\";\nimport { IconButton, Stack } from \"@mui/material\";\nimport { FiX, FiChevronUp, FiChevronDown } from \"react-icons/fi\";\n\nexport function RowPinButtons({ row }: { row: Row<any> }) {\n  if (!row.getCanPin()) {\n    return null;\n  }\n\n  if (row.getIsPinned()) {\n    return (\n      <IconButton\n        onClick={() => row.pin(false, true, true)}\n        size=\"small\"\n        sx={{ color: \"text.secondary\" }}\n      >\n        <FiX size={16} />\n      </IconButton>\n    );\n  }\n\n  return (\n    <Stack direction=\"row\">\n      <IconButton\n        onClick={() => row.pin(\"top\", true, true)}\n        size=\"small\"\n        sx={{ color: \"text.secondary\" }}\n      >\n        <FiChevronUp size={16} />\n      </IconButton>\n      <IconButton\n        onClick={() => row.pin(\"bottom\", true, true)}\n        size=\"small\"\n        sx={{ color: \"text.secondary\" }}\n      >\n        <FiChevronDown size={16} />\n      </IconButton>\n    </Stack>\n  );\n}\n"
   ],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACkC,IAAlC;AACgD,IAAhD;AAAA;AAEO,SAAS,aAAa,GAAG,OAA0B;AAAA,EACxD,KAAK,IAAI,UAAU,GAAG;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EAEA,IAAI,IAAI,YAAY,GAAG;AAAA,IACrB,uBACE,gBAME,4BANF;AAAA,MACE,SAAS,MAAM,IAAI,IAAI,OAAO,MAAM,IAAI;AAAA,MACxC,MAAK;AAAA,MACL,IAAI,EAAE,OAAO,iBAAiB;AAAA,MAHhC,0BAKE,gBAAC,eAAD;AAAA,QAAK,MAAM;AAAA,OAAI;AAAA,KACf;AAAA,EAEN;AAAA,EAEA,uBACE,iBAeE,uBAfF;AAAA,IAAO,WAAU;AAAA,IAAjB,UAeE;AAAA,sBAdA,gBAME,4BANF;AAAA,QACE,SAAS,MAAM,IAAI,IAAI,OAAO,MAAM,IAAI;AAAA,QACxC,MAAK;AAAA,QACL,IAAI,EAAE,OAAO,iBAAiB;AAAA,QAHhC,0BAKE,gBAAC,uBAAD;AAAA,UAAa,MAAM;AAAA,SAAI;AAAA,OACvB;AAAA,sBACF,gBAME,4BANF;AAAA,QACE,SAAS,MAAM,IAAI,IAAI,UAAU,MAAM,IAAI;AAAA,QAC3C,MAAK;AAAA,QACL,IAAI,EAAE,OAAO,iBAAiB;AAAA,QAHhC,0BAKE,gBAAC,yBAAD;AAAA,UAAe,MAAM;AAAA,SAAI;AAAA,OACzB;AAAA;AAAA,GACF;AAAA;",
-  "debugId": "A366EE9DE02AF7EF64756E2164756E21",
+  "debugId": "8B77D575F8561DAF64756E2164756E21",
   "names": []
 }

package/dist/cjs/{TableHeaderRow.cjs → table_header_row.cjs}

@@ -26,12 +26,12 @@ var __export = (target, all) => {
     });
 };
 
-// packages/skin-anocca/src/TableHeaderRow.tsx
-var exports_TableHeaderRow = {};
-__export(exports_TableHeaderRow, {
+// packages/skin-anocca/src/table_header_row.tsx
+var exports_table_header_row = {};
+__export(exports_table_header_row, {
   TableHeaderRow: () => TableHeaderRow
 });
-module.exports = __toCommonJS(exports_TableHeaderRow);
+module.exports = __toCommonJS(exports_table_header_row);
 var import_material = require("@mui/material");
 var jsx_runtime = require("react/jsx-runtime");
 function TableHeaderRow({ children }) {
@@ -42,4 +42,4 @@ function TableHeaderRow({ children }) {
   });
 }
 
-//# debugId=CF963318ACB6B9BC64756E2164756E21
+//# debugId=6DE979A6E161287A64756E2164756E21

package/dist/cjs/{TableHeaderRow.cjs.map → table_header_row.cjs.map}

@@ -1,10 +1,10 @@
 {
   "version": 3,
-  "sources": ["../../src/TableHeaderRow.tsx"],
+  "sources": ["../../src/table_header_row.tsx"],
   "sourcesContent": [
     "import { TableRow } from \"@mui/material\";\n\nexport function TableHeaderRow({ children }: { children: React.ReactNode }) {\n  return (\n    <TableRow\n      component=\"div\"\n      sx={{ height: \"var(--row-height)\", display: \"flex\" }}\n    >\n      {children}\n    </TableRow>\n  );\n}\n"
   ],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAyB,IAAzB;AAAA;AAEO,SAAS,cAAc,GAAG,YAA2C;AAAA,EAC1E,uBACE,gBAKE,0BALF;AAAA,IACE,WAAU;AAAA,IACV,IAAI,EAAE,QAAQ,qBAAqB,SAAS,OAAO;AAAA,IAFrD;AAAA,GAKE;AAAA;",
-  "debugId": "CF963318ACB6B9BC64756E2164756E21",
+  "debugId": "6DE979A6E161287A64756E2164756E21",
   "names": []
 }

package/dist/mjs/{AnoccaSkin.mjs → anocca_skin.mjs}

@@ -1,4 +1,4 @@
-// packages/skin-anocca/src/AnoccaSkin.tsx
+// packages/skin-anocca/src/anocca_skin.tsx
 import {
   Box,
   Paper,
@@ -17,7 +17,7 @@ import {
 } from "@rttui/core";
 import { shallowEqual, useTableProps } from "@rttui/core";
 import React from "react";
-import { TableHeaderRow } from "./TableHeaderRow.mjs";
+import { TableHeaderRow } from "./table_header_row.mjs";
 import { jsx } from "react/jsx-runtime";
 var AnoccaSkin = {
   rowHeight: 32,
@@ -253,9 +253,9 @@ var AnoccaSkin = {
       className: "td",
       component: "div",
       ref,
+      style: { width: isMeasuring ? "auto" : width },
       sx: {
         height: "var(--row-height)",
-        width: isMeasuring ? "auto" : width,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap",
@@ -341,6 +341,7 @@ var TableHeaderCell = React.memo(React.forwardRef(({ isMeasuring, children }, re
     className: "th",
     "data-header-id": headerId,
     "data-is-pinned": isPinned,
+    style: { width: isMeasuring ? "auto" : width },
     sx: {
       transition: "background-color 0.2s ease",
       whiteSpace: "nowrap",
@@ -348,7 +349,6 @@ var TableHeaderCell = React.memo(React.forwardRef(({ isMeasuring, children }, re
       display: "flex",
       overflow: "hidden",
       height: "var(--header-row-height)",
-      width: isMeasuring ? "auto" : width,
       position: "relative",
       flexShrink: 0,
       alignItems: "center",
@@ -371,4 +371,4 @@ export {
   AnoccaSkin
 };
 
-//# debugId=44F55D4BC0448AF764756E2164756E21
+//# debugId=8A25DC7647A3FCFF64756E2164756E21

package/dist/mjs/anocca_skin.mjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/anocca_skin.tsx"],
+  "sourcesContent": [
+    "import {\n  Box,\n  Paper,\n  SxProps,\n  TableBody,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableRow,\n  Theme,\n  useTheme,\n} from \"@mui/material\";\nimport {\n  Skin,\n  useCellProps,\n  useColProps,\n  useTableContext,\n  useTableCssVars,\n} from \"@rttui/core\";\nimport { shallowEqual, useTableProps } from \"@rttui/core\";\nimport React, { CSSProperties } from \"react\";\nimport { TableHeaderRow } from \"./table_header_row.mjs\";\n\nconst AnoccaSkin: Skin = {\n  rowHeight: 32,\n  headerRowHeight: 32,\n  footerRowHeight: 32,\n  OverlayContainer: ({ children }) => {\n    const { width, height } = useTableContext();\n    const cssVars = useTableCssVars();\n    return (\n      <div\n        className=\"rttui-overlay-container\"\n        style={{\n          position: \"relative\",\n          width: width + \"px\",\n          height: height + \"px\",\n          ...cssVars,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n  OuterContainer: ({ children }) => {\n    const { tableContainerRef } = useTableContext();\n\n    return (\n      <Paper\n        ref={tableContainerRef}\n        className=\"outer-container\"\n        elevation={2}\n        sx={{\n          overflow: \"auto\",\n          width: \"var(--table-container-width)\",\n          height: \"var(--table-container-height)\",\n          position: \"relative\",\n          contain: \"paint\",\n          willChange: \"transform\",\n          borderRadius: 1,\n        }}\n      >\n        {children}\n      </Paper>\n    );\n  },\n  TableScroller: () => {\n    return (\n      <div\n        className=\"table-scroller\"\n        style={{\n          width: \"var(--table-width)\",\n          height:\n            \"calc(var(--table-height) + var(--header-height) + var(--footer-height))\",\n          position: \"absolute\",\n        }}\n      ></div>\n    );\n  },\n  TableHeader: ({ children }) => {\n    return (\n      <TableHead\n        component=\"div\"\n        className=\"thead\"\n        sx={{\n          position: \"sticky\",\n          top: 0,\n          width: \"var(--table-width)\",\n          zIndex: 2,\n          backgroundColor: (theme) => theme.palette.background.paper,\n          boxShadow: (theme) => `0 1px 0 ${theme.palette.divider}`,\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-start\",\n          alignItems: \"stretch\",\n        }}\n      >\n        {children}\n      </TableHead>\n    );\n  },\n  TableFooter: ({ children }) => {\n    return (\n      <TableFooter\n        component=\"div\"\n        className=\"table-footer\"\n        sx={{\n          position: \"sticky\",\n          bottom: -1,\n          width: \"var(--table-width)\",\n          zIndex: 2,\n          backgroundColor: (theme) => theme.palette.background.paper,\n          boxShadow: (theme) => `0 -1px 0 ${theme.palette.divider}`,\n        }}\n      >\n        {children}\n      </TableFooter>\n    );\n  },\n  HeaderRow: TableHeaderRow,\n  HeaderCell: React.memo(\n    React.forwardRef((props, ref) => {\n      return <TableHeaderCell {...props} ref={ref} />;\n    }),\n  ),\n  TableBody: ({ children }) => {\n    return (\n      <TableBody\n        component=\"div\"\n        className=\"table-body\"\n        sx={{\n          position: \"relative\",\n          width: \"var(--table-width)\",\n          height: \"var(--table-height)\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-start\",\n          alignItems: \"stretch\",\n        }}\n      >\n        {children}\n      </TableBody>\n    );\n  },\n  PinnedRows: ({ children, position }) => {\n    const style: SxProps<Theme> = {\n      position: \"sticky\",\n      zIndex: 3,\n    };\n    if (position === \"top\") {\n      style.top = \"var(--header-height)\";\n      style.borderBottom = (theme) => `1px solid ${theme.palette.divider}`;\n      style.boxShadow =\n        \"0 4px 8px -4px rgba(0, 0, 0, 0.15), 0 6px 12px -6px rgba(0, 0, 0, 0.1)\";\n    } else if (position === \"bottom\") {\n      style.bottom = \"var(--footer-height)\";\n      style.borderTop = (theme) => `1px solid ${theme.palette.divider}`;\n      style.boxShadow =\n        \"0 -4px 8px -4px rgba(0, 0, 0, 0.15), 0 -6px 12px -6px rgba(0, 0, 0, 0.1)\";\n    }\n\n    const Component = position === \"top\" ? TableHead : TableFooter;\n\n    return (\n      <Component\n        component=\"div\"\n        className={`sticky-${position}-rows`}\n        sx={style}\n      >\n        {children}\n      </Component>\n    );\n  },\n  PinnedCols: ({ children, position }) => {\n    const style: SxProps<Theme> = {\n      position: \"sticky\",\n      zIndex: 3,\n      display: \"flex\",\n    };\n\n    if (position === \"left\") {\n      style.left = 0;\n    } else if (position === \"right\") {\n      style.right = 0;\n    }\n\n    return (\n      <Box component=\"div\" className={`sticky-${position}-cols`} sx={style}>\n        {children}\n      </Box>\n    );\n  },\n\n  TableRowWrapper: React.forwardRef(\n    ({ children, flatIndex, dndStyle }, ref) => {\n      const theme = useTheme();\n      const backgroundColor = (theme: Theme) => {\n        const baseColor =\n          flatIndex % 2 === 0\n            ? theme.palette.background.paper\n            : theme.palette.mode === \"dark\"\n              ? theme.palette.grey[900]\n              : theme.palette.grey[100];\n        return baseColor;\n      };\n\n      const vars: Record<string, string> = {\n        \"--row-background-color\": backgroundColor(theme),\n      };\n\n      return (\n        <Box\n          sx={{\n            ...dndStyle,\n            ...vars,\n            width: \"var(--table-width)\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            justifyContent: \"flex-start\",\n            alignItems: \"stretch\",\n          }}\n          data-index={flatIndex}\n          ref={ref}\n        >\n          {children}\n        </Box>\n      );\n    },\n  ),\n  TableRow: ({ children }) => {\n    return (\n      <TableRow\n        component=\"div\"\n        className=\"table-row\"\n        sx={{\n          position: \"relative\",\n          width: \"var(--table-width)\",\n          display: \"flex\",\n          height: \"var(--row-height)\",\n          zIndex: 1,\n          boxSizing: \"border-box\",\n          backgroundColor: \"var(--row-background-color)\",\n          \"&:hover\": {\n            backgroundColor: (theme) => {\n              // Always use solid background colors for all cells on hover\n              return theme.palette.mode === \"dark\"\n                ? \"#1e1e52\" // Dark blue solid color\n                : \"#E3F2FD\"; // Light blue solid color\n            },\n          },\n        }}\n      >\n        {children}\n      </TableRow>\n    );\n  },\n  TableRowExpandedContent: ({ children }) => {\n    const { leafColLength } = useTableProps((table) => {\n      return { leafColLength: table.getAllLeafColumns().length };\n    });\n    return (\n      <TableRow\n        component=\"div\"\n        className=\"expanded-row\"\n        sx={{\n          backgroundColor: (theme) => theme.palette.background.default,\n        }}\n      >\n        <TableCell\n          component=\"div\"\n          className=\"expanded-cell\"\n          colSpan={leafColLength}\n          sx={{\n            padding: 2,\n          }}\n        >\n          {children}\n        </TableCell>\n      </TableRow>\n    );\n  },\n  Cell: React.memo(\n    React.forwardRef(({ isMeasuring, children }, ref) => {\n      const {\n        isPinned,\n        isLastPinned,\n        isLast,\n        isLastCenter,\n        width,\n        isSomeColumnsPinnedRight,\n      } = useCellProps(\n        (cell, table) => {\n          const vheader = cell.vheader;\n          return {\n            isPinned: vheader.isPinned,\n            isLastPinned: vheader.isLastPinned,\n            isLast: vheader.isLast,\n            isLastCenter: vheader.isLastCenter,\n            width: vheader.width,\n            isSomeColumnsPinnedRight: table.getIsSomeColumnsPinned(\"right\"),\n          };\n        },\n        (prev, next) => {\n          return shallowEqual(prev, next, [\"content\"]);\n        },\n      );\n\n      return (\n        <TableCell\n          className=\"td\"\n          component=\"div\"\n          ref={ref}\n          style={{ width: isMeasuring ? \"auto\" : width }}\n          sx={{\n            height: \"var(--row-height)\",\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n            zIndex: isPinned ? 5 : 0,\n            boxSizing: \"border-box\",\n            fontSize: \"0.875rem\",\n            color: \"text.primary\",\n            alignItems: \"center\",\n            gap: \"8px\",\n            display: \"flex\",\n            justifyContent: \"flex-start\",\n            alignContent: \"center\",\n            padding: \"6px 12px\",\n            backgroundColor: \"var(--row-background-color)\",\n            borderBottom: \"none\",\n            flexShrink: 0,\n            position: \"relative\",\n            borderRight:\n              ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n              !isLast &&\n              !(isLastCenter && isSomeColumnsPinnedRight)\n                ? (theme) => `1px solid ${theme.palette.divider}`\n                : undefined,\n            borderLeft:\n              isPinned === \"end\" && !isLastPinned\n                ? (theme) => `1px solid ${theme.palette.divider}`\n                : undefined,\n            \".table-row:hover &\": {\n              backgroundColor: (theme) => {\n                // Always use solid background colors for all cells on hover\n                return theme.palette.mode === \"dark\"\n                  ? \"#1e1e52\" // Dark blue solid color\n                  : \"#E3F2FD\"; // Light blue solid color\n              },\n              zIndex: isPinned ? 2 : 0,\n            },\n          }}\n        >\n          {children}\n        </TableCell>\n      );\n    }),\n  ),\n  PinnedColsOverlay: ({ position }) => {\n    const width = useTableProps((table) => {\n      if (!table.getIsSomeColumnsPinned(position)) {\n        return undefined;\n      }\n      return position === \"left\"\n        ? table.getLeftTotalSize()\n        : table.getRightTotalSize();\n    });\n\n    if (width === undefined) {\n      return null;\n    }\n\n    const style: CSSProperties = {\n      width,\n      [position]: 0,\n      position: \"sticky\",\n      top: 0,\n      bottom: 0,\n      zIndex: 20,\n      pointerEvents: \"none\",\n    };\n\n    if (position === \"left\") {\n      style.boxShadow =\n        \"4px 0 8px -4px rgba(0, 0, 0, 0.15), 6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n    } else if (position === \"right\") {\n      style.boxShadow =\n        \"-4px 0 8px -4px rgba(0, 0, 0, 0.15), -6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n    }\n    return <div className={`pinned-${position}-overlay`} style={style} />;\n  },\n};\n\nconst TableHeaderCell = React.memo(\n  React.forwardRef<\n    HTMLDivElement,\n    {\n      isMeasuring: boolean;\n      children: React.ReactNode;\n    }\n  >(({ isMeasuring, children }, ref) => {\n    const {\n      isSomeColumnsPinnedRight,\n      headerId,\n      isPinned,\n      width,\n      isLast,\n      isLastPinned,\n      isLastCenter,\n    } = useColProps(({ vheader, table }) => {\n      return {\n        isSomeColumnsPinnedRight: table.getIsSomeColumnsPinned(\"right\"),\n        headerId: vheader.id,\n        isPinned: vheader.isPinned,\n        width: vheader.width,\n        isLast: vheader.isLast,\n        isLastPinned: vheader.isLastPinned,\n        isLastCenter: vheader.isLastCenter,\n      };\n    });\n\n    return (\n      <TableCell\n        ref={ref}\n        component=\"div\"\n        className=\"th\"\n        data-header-id={headerId}\n        data-is-pinned={isPinned}\n        style={{ width: isMeasuring ? \"auto\" : width }}\n        sx={{\n          transition: \"background-color 0.2s ease\",\n          whiteSpace: \"nowrap\",\n          zIndex: isPinned ? 1 : 0,\n          display: \"flex\",\n          overflow: \"hidden\",\n          height: \"var(--header-row-height)\",\n          position: \"relative\",\n          flexShrink: 0,\n          alignItems: \"center\",\n          gap: \"8px\",\n          justifyContent: \"space-between\",\n          padding: \"6px 12px\",\n          boxSizing: \"border-box\",\n          fontWeight: 600,\n          backgroundColor: isPinned\n            ? (theme) => theme.palette.background.paper\n            : \"transparent\",\n          borderRight:\n            ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n            !isLast &&\n            !(isLastCenter && isSomeColumnsPinnedRight)\n              ? (theme) => `1px solid ${theme.palette.divider}`\n              : undefined,\n          borderLeft:\n            isPinned === \"end\" && !isLastPinned\n              ? (theme) => `1px solid ${theme.palette.divider}`\n              : undefined,\n        }}\n      >\n        <div style={{ flex: 1, display: \"flex\", justifyContent: \"flex-start\" }}>\n          {children}\n        </div>\n      </TableCell>\n    );\n  }),\n);\n\nexport { AnoccaSkin };\n"
+  ],
+  "mappings": "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",
+  "debugId": "8A25DC7647A3FCFF64756E2164756E21",
+  "names": []
+}

package/dist/mjs/{HeaderPinButtons.mjs → header_pin_buttons.mjs}

@@ -1,4 +1,4 @@
-// packages/skin-anocca/src/HeaderPinButtons.tsx
+// packages/skin-anocca/src/header_pin_buttons.tsx
 import { useColProps, useColRef } from "@rttui/core";
 import { MdChevronLeft, MdChevronRight, MdClose } from "react-icons/md";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -63,4 +63,4 @@ export {
   HeaderPinButtons
 };
 
-//# debugId=F14B97058C5040CC64756E2164756E21
+//# debugId=953660F191A524A764756E2164756E21

package/dist/mjs/{HeaderPinButtons.mjs.map → header_pin_buttons.mjs.map}

@@ -1,10 +1,10 @@
 {
   "version": 3,
-  "sources": ["../../src/HeaderPinButtons.tsx"],
+  "sources": ["../../src/header_pin_buttons.tsx"],
   "sourcesContent": [
     "import { useColProps, useColRef } from \"@rttui/core\";\nimport { MdChevronLeft, MdChevronRight, MdClose } from \"react-icons/md\";\n\nexport const HeaderPinButtons = () => {\n  const isPinned = useColProps(({ vheader }) => vheader.isPinned);\n  const headerRef = useColRef();\n  return (\n    <div style={{ display: \"flex\", gap: \"-4px\", justifyContent: \"flex-start\" }}>\n      {isPinned !== \"start\" ? (\n        <button\n          style={{\n            border: \"none\",\n            background: \"transparent\",\n            cursor: \"pointer\",\n            padding: \"2px\",\n            borderRadius: \"4px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            opacity: 0.5,\n          }}\n          onClick={() => {\n            headerRef.current.column.pin(\"left\");\n          }}\n        >\n          <MdChevronLeft />\n        </button>\n      ) : null}\n      {isPinned ? (\n        <button\n          style={{\n            border: \"none\",\n            background: \"transparent\",\n            cursor: \"pointer\",\n            padding: \"2px\",\n            borderRadius: \"4px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            opacity: 0.7,\n          }}\n          onClick={() => {\n            headerRef.current.column.pin(false);\n          }}\n        >\n          <MdClose />\n        </button>\n      ) : null}\n      {isPinned !== \"end\" ? (\n        <button\n          style={{\n            border: \"none\",\n            background: \"transparent\",\n            cursor: \"pointer\",\n            padding: \"2px\",\n            borderRadius: \"4px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            opacity: 0.5,\n          }}\n          onClick={() => {\n            headerRef.current.column.pin(\"right\");\n          }}\n        >\n          <MdChevronRight />\n        </button>\n      ) : null}\n    </div>\n  );\n};\n"
   ],
   "mappings": ";AAAA;AACA;AAAA;AAEO,IAAM,mBAAmB,MAAM;AAAA,EACpC,MAAM,WAAW,YAAY,GAAG,cAAc,QAAQ,QAAQ;AAAA,EAC9D,MAAM,YAAY,UAAU;AAAA,EAC5B,uBACE,KA0DE,OA1DF;AAAA,IAAK,OAAO,EAAE,SAAS,QAAQ,KAAK,QAAQ,gBAAgB,aAAa;AAAA,IAAzE,UA0DE;AAAA,MAzDC,aAAa,0BACZ,IAgBE,UAhBF;AAAA,QACE,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,cAAc;AAAA,UACd,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,SAAS;AAAA,QACX;AAAA,QACA,SAAS,MAAM;AAAA,UACb,UAAU,QAAQ,OAAO,IAAI,MAAM;AAAA;AAAA,QAZvC,0BAeE,IAAC,eAAD,EAAe;AAAA,OACf,IACA;AAAA,MACH,2BACC,IAgBE,UAhBF;AAAA,QACE,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,cAAc;AAAA,UACd,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,SAAS;AAAA,QACX;AAAA,QACA,SAAS,MAAM;AAAA,UACb,UAAU,QAAQ,OAAO,IAAI,KAAK;AAAA;AAAA,QAZtC,0BAeE,IAAC,SAAD,EAAS;AAAA,OACT,IACA;AAAA,MACH,aAAa,wBACZ,IAgBE,UAhBF;AAAA,QACE,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,cAAc;AAAA,UACd,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,SAAS;AAAA,QACX;AAAA,QACA,SAAS,MAAM;AAAA,UACb,UAAU,QAAQ,OAAO,IAAI,OAAO;AAAA;AAAA,QAZxC,0BAeE,IAAC,gBAAD,EAAgB;AAAA,OAChB,IACA;AAAA;AAAA,GACJ;AAAA;",
-  "debugId": "F14B97058C5040CC64756E2164756E21",
+  "debugId": "953660F191A524A764756E2164756E21",
   "names": []
 }

package/dist/mjs/index.mjs

@@ -1,9 +1,9 @@
 // packages/skin-anocca/src/index.ts
-import { AnoccaSkin } from "./AnoccaSkin.mjs";
-import { TableHeaderRow } from "./TableHeaderRow.mjs";
-import { HeaderPinButtons } from "./HeaderPinButtons.mjs";
-import { RowPinButtons } from "./RowPinButtons.mjs";
-import { Resizer } from "./Resizer.mjs";
+import { AnoccaSkin } from "./anocca_skin.mjs";
+import { TableHeaderRow } from "./table_header_row.mjs";
+import { HeaderPinButtons } from "./header_pin_buttons.mjs";
+import { RowPinButtons } from "./row_pin_buttons.mjs";
+import { Resizer } from "./resizer.mjs";
 export {
   TableHeaderRow,
   RowPinButtons,
@@ -12,4 +12,4 @@ export {
   AnoccaSkin
 };
 
-//# debugId=50A9FC3D20861F7964756E2164756E21
+//# debugId=A2F2CCD887D32E2E64756E2164756E21

package/dist/mjs/index.mjs.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": [
-    "export { AnoccaSkin } from \"./AnoccaSkin.mjs\";\nexport { TableHeaderRow } from \"./TableHeaderRow.mjs\";\nexport { HeaderPinButtons } from \"./HeaderPinButtons.mjs\";\nexport { RowPinButtons } from \"./RowPinButtons.mjs\";\nexport { Resizer } from \"./Resizer.mjs\";"
+    "export { AnoccaSkin } from \"./anocca_skin.mjs\";\nexport { TableHeaderRow } from \"./table_header_row.mjs\";\nexport { HeaderPinButtons } from \"./header_pin_buttons.mjs\";\nexport { RowPinButtons } from \"./row_pin_buttons.mjs\";\nexport { Resizer } from \"./resizer.mjs\";"
   ],
   "mappings": ";AAAA;AACA;AACA;AACA;AACA;",
-  "debugId": "50A9FC3D20861F7964756E2164756E21",
+  "debugId": "A2F2CCD887D32E2E64756E2164756E21",
   "names": []
 }

package/dist/mjs/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@rttui/skin-anocca",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "type": "module"
 }

package/dist/mjs/{Resizer.mjs → resizer.mjs}

@@ -1,4 +1,4 @@
-// packages/skin-anocca/src/Resizer.tsx
+// packages/skin-anocca/src/resizer.tsx
 import { Box } from "@mui/material";
 import { useColRef, useCrushHeader } from "@rttui/core";
 import { useColProps } from "@rttui/core";
@@ -65,4 +65,4 @@ export {
   Resizer
 };
 
-//# debugId=23E40B4F0B16CD3264756E2164756E21
+//# debugId=100EB075C60209B764756E2164756E21

package/dist/mjs/{Resizer.mjs.map → resizer.mjs.map}

@@ -1,10 +1,10 @@
 {
   "version": 3,
-  "sources": ["../../src/Resizer.tsx"],
+  "sources": ["../../src/resizer.tsx"],
   "sourcesContent": [
     "import { Box } from \"@mui/material\";\nimport { useColRef, useCrushHeader } from \"@rttui/core\";\nimport { useColProps } from \"@rttui/core\";\nimport React from \"react\";\n\nexport function Resizer() {\n  const crushHeader = useCrushHeader();\n\n  const { canResize, isResizing } = useColProps(({ column }) => {\n    return {\n      canResize: column.getCanResize(),\n      isResizing: column.getIsResizing(),\n    };\n  });\n\n  const colRef = useColRef();\n\n  React.useEffect(() => {\n    if (!isResizing) {\n      return;\n    }\n    const preventDefault = (e: Event) => {\n      e.preventDefault();\n    };\n    document.body.addEventListener(\"select\", preventDefault);\n    document.body.addEventListener(\"selectstart\", preventDefault);\n    document.body.style.userSelect = \"none\";\n    return () => {\n      document.body.removeEventListener(\"select\", preventDefault);\n      document.body.removeEventListener(\"selectstart\", preventDefault);\n      document.body.style.userSelect = \"auto\";\n    };\n  }, [isResizing]);\n\n  if (!canResize) {\n    return null;\n  }\n\n  return (\n    <>\n      {canResize && (\n        <Box\n          {...{\n            onDoubleClick: () => {\n              crushHeader(colRef.current.header);\n            },\n            onMouseDown: (ev: any) => colRef.current.header.getResizeHandler()(ev),\n            onTouchStart: (ev: any) => colRef.current.header.getResizeHandler()(ev),\n            className: `resizer ${isResizing ? \"isResizing\" : \"\"}`,\n            sx: {\n              position: \"absolute\",\n              right: 0,\n              top: 0,\n              bottom: 0,\n              width: \"3px\",\n              cursor: \"col-resize\",\n              userSelect: \"none\",\n              touchAction: \"none\",\n              opacity: 0,\n              backgroundColor: (theme) => theme.palette.text.secondary,\n              transition: \"opacity 0.2s\",\n              \"&.isResizing\": {\n                backgroundColor: (theme) => theme.palette.primary.main,\n                opacity: 1,\n                width: \"1px\",\n              },\n            },\n          }}\n        />\n      )}\n    </>\n  );\n}\n"
   ],
   "mappings": ";AAAA;AACA;AACA;AACA;AAAA;AAEO,SAAS,OAAO,GAAG;AAAA,EACxB,MAAM,cAAc,eAAe;AAAA,EAEnC,QAAQ,WAAW,eAAe,YAAY,GAAG,aAAa;AAAA,IAC5D,OAAO;AAAA,MACL,WAAW,OAAO,aAAa;AAAA,MAC/B,YAAY,OAAO,cAAc;AAAA,IACnC;AAAA,GACD;AAAA,EAED,MAAM,SAAS,UAAU;AAAA,EAEzB,MAAM,UAAU,MAAM;AAAA,IACpB,KAAK,YAAY;AAAA,MACf;AAAA,IACF;AAAA,IACA,MAAM,iBAAiB,CAAC,MAAa;AAAA,MACnC,EAAE,eAAe;AAAA;AAAA,IAEnB,SAAS,KAAK,iBAAiB,UAAU,cAAc;AAAA,IACvD,SAAS,KAAK,iBAAiB,eAAe,cAAc;AAAA,IAC5D,SAAS,KAAK,MAAM,aAAa;AAAA,IACjC,OAAO,MAAM;AAAA,MACX,SAAS,KAAK,oBAAoB,UAAU,cAAc;AAAA,MAC1D,SAAS,KAAK,oBAAoB,eAAe,cAAc;AAAA,MAC/D,SAAS,KAAK,MAAM,aAAa;AAAA;AAAA,KAElC,CAAC,UAAU,CAAC;AAAA,EAEf,KAAK,WAAW;AAAA,IACd,OAAO;AAAA,EACT;AAAA,EAEA,uBACE;AAAA,cACG,6BACC,IAAC,KAAD;AAAA,MAEI,eAAe,MAAM;AAAA,QACnB,YAAY,OAAO,QAAQ,MAAM;AAAA;AAAA,MAEnC,aAAa,CAAC,OAAY,OAAO,QAAQ,OAAO,iBAAiB,EAAE,EAAE;AAAA,MACrE,cAAc,CAAC,OAAY,OAAO,QAAQ,OAAO,iBAAiB,EAAE,EAAE;AAAA,MACtE,WAAW,WAAW,aAAa,eAAe;AAAA,MAClD,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,SAAS;AAAA,QACT,iBAAiB,CAAC,UAAU,MAAM,QAAQ,KAAK;AAAA,QAC/C,YAAY;AAAA,QACZ,gBAAgB;AAAA,UACd,iBAAiB,CAAC,UAAU,MAAM,QAAQ,QAAQ;AAAA,UAClD,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF;AAAA,KAEJ;AAAA,GAEF;AAAA;",
-  "debugId": "23E40B4F0B16CD3264756E2164756E21",
+  "debugId": "100EB075C60209B764756E2164756E21",
   "names": []
 }

package/dist/mjs/{RowPinButtons.mjs → row_pin_buttons.mjs}

@@ -1,4 +1,4 @@
-// packages/skin-anocca/src/RowPinButtons.tsx
+// packages/skin-anocca/src/row_pin_buttons.tsx
 import { IconButton, Stack } from "@mui/material";
 import { FiX, FiChevronUp, FiChevronDown } from "react-icons/fi";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -42,4 +42,4 @@ export {
   RowPinButtons
 };
 
-//# debugId=38BB8AEEFF76B3B064756E2164756E21
+//# debugId=6C529F19F2C1EE3264756E2164756E21

package/dist/mjs/{RowPinButtons.mjs.map → row_pin_buttons.mjs.map}

@@ -1,10 +1,10 @@
 {
   "version": 3,
-  "sources": ["../../src/RowPinButtons.tsx"],
+  "sources": ["../../src/row_pin_buttons.tsx"],
   "sourcesContent": [
     "import { Row } from \"@tanstack/react-table\";\nimport { IconButton, Stack } from \"@mui/material\";\nimport { FiX, FiChevronUp, FiChevronDown } from \"react-icons/fi\";\n\nexport function RowPinButtons({ row }: { row: Row<any> }) {\n  if (!row.getCanPin()) {\n    return null;\n  }\n\n  if (row.getIsPinned()) {\n    return (\n      <IconButton\n        onClick={() => row.pin(false, true, true)}\n        size=\"small\"\n        sx={{ color: \"text.secondary\" }}\n      >\n        <FiX size={16} />\n      </IconButton>\n    );\n  }\n\n  return (\n    <Stack direction=\"row\">\n      <IconButton\n        onClick={() => row.pin(\"top\", true, true)}\n        size=\"small\"\n        sx={{ color: \"text.secondary\" }}\n      >\n        <FiChevronUp size={16} />\n      </IconButton>\n      <IconButton\n        onClick={() => row.pin(\"bottom\", true, true)}\n        size=\"small\"\n        sx={{ color: \"text.secondary\" }}\n      >\n        <FiChevronDown size={16} />\n      </IconButton>\n    </Stack>\n  );\n}\n"
   ],
   "mappings": ";AACA;AACA;AAAA;AAEO,SAAS,aAAa,GAAG,OAA0B;AAAA,EACxD,KAAK,IAAI,UAAU,GAAG;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EAEA,IAAI,IAAI,YAAY,GAAG;AAAA,IACrB,uBACE,IAME,YANF;AAAA,MACE,SAAS,MAAM,IAAI,IAAI,OAAO,MAAM,IAAI;AAAA,MACxC,MAAK;AAAA,MACL,IAAI,EAAE,OAAO,iBAAiB;AAAA,MAHhC,0BAKE,IAAC,KAAD;AAAA,QAAK,MAAM;AAAA,OAAI;AAAA,KACf;AAAA,EAEN;AAAA,EAEA,uBACE,KAeE,OAfF;AAAA,IAAO,WAAU;AAAA,IAAjB,UAeE;AAAA,sBAdA,IAME,YANF;AAAA,QACE,SAAS,MAAM,IAAI,IAAI,OAAO,MAAM,IAAI;AAAA,QACxC,MAAK;AAAA,QACL,IAAI,EAAE,OAAO,iBAAiB;AAAA,QAHhC,0BAKE,IAAC,aAAD;AAAA,UAAa,MAAM;AAAA,SAAI;AAAA,OACvB;AAAA,sBACF,IAME,YANF;AAAA,QACE,SAAS,MAAM,IAAI,IAAI,UAAU,MAAM,IAAI;AAAA,QAC3C,MAAK;AAAA,QACL,IAAI,EAAE,OAAO,iBAAiB;AAAA,QAHhC,0BAKE,IAAC,eAAD;AAAA,UAAe,MAAM;AAAA,SAAI;AAAA,OACzB;AAAA;AAAA,GACF;AAAA;",
-  "debugId": "38BB8AEEFF76B3B064756E2164756E21",
+  "debugId": "6C529F19F2C1EE3264756E2164756E21",
   "names": []
 }

package/dist/mjs/{TableHeaderRow.mjs → table_header_row.mjs}

@@ -1,4 +1,4 @@
-// packages/skin-anocca/src/TableHeaderRow.tsx
+// packages/skin-anocca/src/table_header_row.tsx
 import { TableRow } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 function TableHeaderRow({ children }) {
@@ -12,4 +12,4 @@ export {
   TableHeaderRow
 };
 
-//# debugId=EE964C43EB40D6B164756E2164756E21
+//# debugId=16CB10F53B9F654D64756E2164756E21

package/dist/mjs/{TableHeaderRow.mjs.map → table_header_row.mjs.map}

@@ -1,10 +1,10 @@
 {
   "version": 3,
-  "sources": ["../../src/TableHeaderRow.tsx"],
+  "sources": ["../../src/table_header_row.tsx"],
   "sourcesContent": [
     "import { TableRow } from \"@mui/material\";\n\nexport function TableHeaderRow({ children }: { children: React.ReactNode }) {\n  return (\n    <TableRow\n      component=\"div\"\n      sx={{ height: \"var(--row-height)\", display: \"flex\" }}\n    >\n      {children}\n    </TableRow>\n  );\n}\n"
   ],
   "mappings": ";AAAA;AAAA;AAEO,SAAS,cAAc,GAAG,YAA2C;AAAA,EAC1E,uBACE,IAKE,UALF;AAAA,IACE,WAAU;AAAA,IACV,IAAI,EAAE,QAAQ,qBAAqB,SAAS,OAAO;AAAA,IAFrD;AAAA,GAKE;AAAA;",
-  "debugId": "EE964C43EB40D6B164756E2164756E21",
+  "debugId": "16CB10F53B9F654D64756E2164756E21",
   "names": []
 }

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
-export { AnoccaSkin } from "./AnoccaSkin";
-export { TableHeaderRow } from "./TableHeaderRow";
-export { HeaderPinButtons } from "./HeaderPinButtons";
-export { RowPinButtons } from "./RowPinButtons";
-export { Resizer } from "./Resizer";
+export { AnoccaSkin } from "./anocca_skin";
+export { TableHeaderRow } from "./table_header_row";
+export { HeaderPinButtons } from "./header_pin_buttons";
+export { RowPinButtons } from "./row_pin_buttons";
+export { Resizer } from "./resizer";

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@rttui/skin-anocca",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "main": "./dist/cjs/index.cjs",
   "dependencies": {
-    "@rttui/core": "^1.0.25"
+    "@rttui/core": "^1.0.26"
   },
   "module": "./dist/mjs/index.mjs",
   "types": "./dist/types/index.d.ts",

package/dist/cjs/AnoccaSkin.cjs.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnoccaSkin.tsx"],
-  "sourcesContent": [
-    "import {\n  Box,\n  Paper,\n  SxProps,\n  TableBody,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableRow,\n  Theme,\n  useTheme,\n} from \"@mui/material\";\nimport {\n  Skin,\n  useCellProps,\n  useColProps,\n  useTableContext,\n  useTableCssVars,\n} from \"@rttui/core\";\nimport { shallowEqual, useTableProps } from \"@rttui/core\";\nimport React, { CSSProperties } from \"react\";\nimport { TableHeaderRow } from \"./TableHeaderRow.cjs\";\n\nconst AnoccaSkin: Skin = {\n  rowHeight: 32,\n  headerRowHeight: 32,\n  footerRowHeight: 32,\n  OverlayContainer: ({ children }) => {\n    const { width, height } = useTableContext();\n    const cssVars = useTableCssVars();\n    return (\n      <div\n        className=\"rttui-overlay-container\"\n        style={{\n          position: \"relative\",\n          width: width + \"px\",\n          height: height + \"px\",\n          ...cssVars,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n  OuterContainer: ({ children }) => {\n    const { tableContainerRef } = useTableContext();\n\n    return (\n      <Paper\n        ref={tableContainerRef}\n        className=\"outer-container\"\n        elevation={2}\n        sx={{\n          overflow: \"auto\",\n          width: \"var(--table-container-width)\",\n          height: \"var(--table-container-height)\",\n          position: \"relative\",\n          contain: \"paint\",\n          willChange: \"transform\",\n          borderRadius: 1,\n        }}\n      >\n        {children}\n      </Paper>\n    );\n  },\n  TableScroller: () => {\n    return (\n      <div\n        className=\"table-scroller\"\n        style={{\n          width: \"var(--table-width)\",\n          height:\n            \"calc(var(--table-height) + var(--header-height) + var(--footer-height))\",\n          position: \"absolute\",\n        }}\n      ></div>\n    );\n  },\n  TableHeader: ({ children }) => {\n    return (\n      <TableHead\n        component=\"div\"\n        className=\"thead\"\n        sx={{\n          position: \"sticky\",\n          top: 0,\n          width: \"var(--table-width)\",\n          zIndex: 2,\n          backgroundColor: (theme) => theme.palette.background.paper,\n          boxShadow: (theme) => `0 1px 0 ${theme.palette.divider}`,\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-start\",\n          alignItems: \"stretch\",\n        }}\n      >\n        {children}\n      </TableHead>\n    );\n  },\n  TableFooter: ({ children }) => {\n    return (\n      <TableFooter\n        component=\"div\"\n        className=\"table-footer\"\n        sx={{\n          position: \"sticky\",\n          bottom: -1,\n          width: \"var(--table-width)\",\n          zIndex: 2,\n          backgroundColor: (theme) => theme.palette.background.paper,\n          boxShadow: (theme) => `0 -1px 0 ${theme.palette.divider}`,\n        }}\n      >\n        {children}\n      </TableFooter>\n    );\n  },\n  HeaderRow: TableHeaderRow,\n  HeaderCell: React.memo(\n    React.forwardRef((props, ref) => {\n      return <TableHeaderCell {...props} ref={ref} />;\n    }),\n  ),\n  TableBody: ({ children }) => {\n    return (\n      <TableBody\n        component=\"div\"\n        className=\"table-body\"\n        sx={{\n          position: \"relative\",\n          width: \"var(--table-width)\",\n          height: \"var(--table-height)\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-start\",\n          alignItems: \"stretch\",\n        }}\n      >\n        {children}\n      </TableBody>\n    );\n  },\n  PinnedRows: ({ children, position }) => {\n    const style: SxProps<Theme> = {\n      position: \"sticky\",\n      zIndex: 3,\n    };\n    if (position === \"top\") {\n      style.top = \"var(--header-height)\";\n      style.borderBottom = (theme) => `1px solid ${theme.palette.divider}`;\n      style.boxShadow =\n        \"0 4px 8px -4px rgba(0, 0, 0, 0.15), 0 6px 12px -6px rgba(0, 0, 0, 0.1)\";\n    } else if (position === \"bottom\") {\n      style.bottom = \"var(--footer-height)\";\n      style.borderTop = (theme) => `1px solid ${theme.palette.divider}`;\n      style.boxShadow =\n        \"0 -4px 8px -4px rgba(0, 0, 0, 0.15), 0 -6px 12px -6px rgba(0, 0, 0, 0.1)\";\n    }\n\n    const Component = position === \"top\" ? TableHead : TableFooter;\n\n    return (\n      <Component\n        component=\"div\"\n        className={`sticky-${position}-rows`}\n        sx={style}\n      >\n        {children}\n      </Component>\n    );\n  },\n  PinnedCols: ({ children, position }) => {\n    const style: SxProps<Theme> = {\n      position: \"sticky\",\n      zIndex: 3,\n      display: \"flex\",\n    };\n\n    if (position === \"left\") {\n      style.left = 0;\n    } else if (position === \"right\") {\n      style.right = 0;\n    }\n\n    return (\n      <Box component=\"div\" className={`sticky-${position}-cols`} sx={style}>\n        {children}\n      </Box>\n    );\n  },\n\n  TableRowWrapper: React.forwardRef(\n    ({ children, flatIndex, dndStyle }, ref) => {\n      const theme = useTheme();\n      const backgroundColor = (theme: Theme) => {\n        const baseColor =\n          flatIndex % 2 === 0\n            ? theme.palette.background.paper\n            : theme.palette.mode === \"dark\"\n              ? theme.palette.grey[900]\n              : theme.palette.grey[100];\n        return baseColor;\n      };\n\n      const vars: Record<string, string> = {\n        \"--row-background-color\": backgroundColor(theme),\n      };\n\n      return (\n        <Box\n          sx={{\n            ...dndStyle,\n            ...vars,\n            width: \"var(--table-width)\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            justifyContent: \"flex-start\",\n            alignItems: \"stretch\",\n          }}\n          data-index={flatIndex}\n          ref={ref}\n        >\n          {children}\n        </Box>\n      );\n    },\n  ),\n  TableRow: ({ children }) => {\n    return (\n      <TableRow\n        component=\"div\"\n        className=\"table-row\"\n        sx={{\n          position: \"relative\",\n          width: \"var(--table-width)\",\n          display: \"flex\",\n          height: \"var(--row-height)\",\n          zIndex: 1,\n          boxSizing: \"border-box\",\n          backgroundColor: \"var(--row-background-color)\",\n          \"&:hover\": {\n            backgroundColor: (theme) => {\n              // Always use solid background colors for all cells on hover\n              return theme.palette.mode === \"dark\"\n                ? \"#1e1e52\" // Dark blue solid color\n                : \"#E3F2FD\"; // Light blue solid color\n            },\n          },\n        }}\n      >\n        {children}\n      </TableRow>\n    );\n  },\n  TableRowExpandedContent: ({ children }) => {\n    const { leafColLength } = useTableProps((table) => {\n      return { leafColLength: table.getAllLeafColumns().length };\n    });\n    return (\n      <TableRow\n        component=\"div\"\n        className=\"expanded-row\"\n        sx={{\n          backgroundColor: (theme) => theme.palette.background.default,\n        }}\n      >\n        <TableCell\n          component=\"div\"\n          className=\"expanded-cell\"\n          colSpan={leafColLength}\n          sx={{\n            padding: 2,\n          }}\n        >\n          {children}\n        </TableCell>\n      </TableRow>\n    );\n  },\n  Cell: React.memo(\n    React.forwardRef(({ isMeasuring, children }, ref) => {\n      const {\n        isPinned,\n        isLastPinned,\n        isLast,\n        isLastCenter,\n        width,\n        isSomeColumnsPinnedRight,\n      } = useCellProps(\n        (cell, table) => {\n          const vheader = cell.vheader;\n          return {\n            isPinned: vheader.isPinned,\n            isLastPinned: vheader.isLastPinned,\n            isLast: vheader.isLast,\n            isLastCenter: vheader.isLastCenter,\n            width: vheader.width,\n            isSomeColumnsPinnedRight: table.getIsSomeColumnsPinned(\"right\"),\n          };\n        },\n        (prev, next) => {\n          return shallowEqual(prev, next, [\"content\"]);\n        },\n      );\n\n      return (\n        <TableCell\n          className=\"td\"\n          component=\"div\"\n          ref={ref}\n          sx={{\n            height: \"var(--row-height)\",\n            width: isMeasuring ? \"auto\" : width,\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n            zIndex: isPinned ? 5 : 0,\n            boxSizing: \"border-box\",\n            fontSize: \"0.875rem\",\n            color: \"text.primary\",\n            alignItems: \"center\",\n            gap: \"8px\",\n            display: \"flex\",\n            justifyContent: \"flex-start\",\n            alignContent: \"center\",\n            padding: \"6px 12px\",\n            backgroundColor: \"var(--row-background-color)\",\n            borderBottom: \"none\",\n            flexShrink: 0,\n            position: \"relative\",\n            borderRight:\n              ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n              !isLast &&\n              !(isLastCenter && isSomeColumnsPinnedRight)\n                ? (theme) => `1px solid ${theme.palette.divider}`\n                : undefined,\n            borderLeft:\n              isPinned === \"end\" && !isLastPinned\n                ? (theme) => `1px solid ${theme.palette.divider}`\n                : undefined,\n            \".table-row:hover &\": {\n              backgroundColor: (theme) => {\n                // Always use solid background colors for all cells on hover\n                return theme.palette.mode === \"dark\"\n                  ? \"#1e1e52\" // Dark blue solid color\n                  : \"#E3F2FD\"; // Light blue solid color\n              },\n              zIndex: isPinned ? 2 : 0,\n            },\n          }}\n        >\n          {children}\n        </TableCell>\n      );\n    }),\n  ),\n  PinnedColsOverlay: ({ position }) => {\n    const width = useTableProps((table) => {\n      if (!table.getIsSomeColumnsPinned(position)) {\n        return undefined;\n      }\n      return position === \"left\"\n        ? table.getLeftTotalSize()\n        : table.getRightTotalSize();\n    });\n\n    if (width === undefined) {\n      return null;\n    }\n\n    const style: CSSProperties = {\n      width,\n      [position]: 0,\n      position: \"sticky\",\n      top: 0,\n      bottom: 0,\n      zIndex: 20,\n      pointerEvents: \"none\",\n    };\n\n    if (position === \"left\") {\n      style.boxShadow =\n        \"4px 0 8px -4px rgba(0, 0, 0, 0.15), 6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n    } else if (position === \"right\") {\n      style.boxShadow =\n        \"-4px 0 8px -4px rgba(0, 0, 0, 0.15), -6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n    }\n    return <div className={`pinned-${position}-overlay`} style={style} />;\n  },\n};\n\nconst TableHeaderCell = React.memo(\n  React.forwardRef<\n    HTMLDivElement,\n    {\n      isMeasuring: boolean;\n      children: React.ReactNode;\n    }\n  >(({ isMeasuring, children }, ref) => {\n    const {\n      isSomeColumnsPinnedRight,\n      headerId,\n      isPinned,\n      width,\n      isLast,\n      isLastPinned,\n      isLastCenter,\n    } = useColProps(({ vheader, table }) => {\n      return {\n        isSomeColumnsPinnedRight: table.getIsSomeColumnsPinned(\"right\"),\n        headerId: vheader.id,\n        isPinned: vheader.isPinned,\n        width: vheader.width,\n        isLast: vheader.isLast,\n        isLastPinned: vheader.isLastPinned,\n        isLastCenter: vheader.isLastCenter,\n      };\n    });\n\n    return (\n      <TableCell\n        ref={ref}\n        component=\"div\"\n        className=\"th\"\n        data-header-id={headerId}\n        data-is-pinned={isPinned}\n        sx={{\n          transition: \"background-color 0.2s ease\",\n          whiteSpace: \"nowrap\",\n          zIndex: isPinned ? 1 : 0,\n          display: \"flex\",\n          overflow: \"hidden\",\n          height: \"var(--header-row-height)\",\n          width: isMeasuring ? \"auto\" : width,\n          position: \"relative\",\n          flexShrink: 0,\n          alignItems: \"center\",\n          gap: \"8px\",\n          justifyContent: \"space-between\",\n          padding: \"6px 12px\",\n          boxSizing: \"border-box\",\n          fontWeight: 600,\n          backgroundColor: isPinned\n            ? (theme) => theme.palette.background.paper\n            : \"transparent\",\n          borderRight:\n            ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n            !isLast &&\n            !(isLastCenter && isSomeColumnsPinnedRight)\n              ? (theme) => `1px solid ${theme.palette.divider}`\n              : undefined,\n          borderLeft:\n            isPinned === \"end\" && !isLastPinned\n              ? (theme) => `1px solid ${theme.palette.divider}`\n              : undefined,\n        }}\n      >\n        <div style={{ flex: 1, display: \"flex\", justifyContent: \"flex-start\" }}>\n          {children}\n        </div>\n      </TableCell>\n    );\n  }),\n);\n\nexport { AnoccaSkin };\n"
-  ],
-  "mappings": "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",
-  "debugId": "2FB4797AC3AB0DB964756E2164756E21",
-  "names": []
-}

package/dist/mjs/AnoccaSkin.mjs.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnoccaSkin.tsx"],
-  "sourcesContent": [
-    "import {\n  Box,\n  Paper,\n  SxProps,\n  TableBody,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableRow,\n  Theme,\n  useTheme,\n} from \"@mui/material\";\nimport {\n  Skin,\n  useCellProps,\n  useColProps,\n  useTableContext,\n  useTableCssVars,\n} from \"@rttui/core\";\nimport { shallowEqual, useTableProps } from \"@rttui/core\";\nimport React, { CSSProperties } from \"react\";\nimport { TableHeaderRow } from \"./TableHeaderRow.mjs\";\n\nconst AnoccaSkin: Skin = {\n  rowHeight: 32,\n  headerRowHeight: 32,\n  footerRowHeight: 32,\n  OverlayContainer: ({ children }) => {\n    const { width, height } = useTableContext();\n    const cssVars = useTableCssVars();\n    return (\n      <div\n        className=\"rttui-overlay-container\"\n        style={{\n          position: \"relative\",\n          width: width + \"px\",\n          height: height + \"px\",\n          ...cssVars,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n  OuterContainer: ({ children }) => {\n    const { tableContainerRef } = useTableContext();\n\n    return (\n      <Paper\n        ref={tableContainerRef}\n        className=\"outer-container\"\n        elevation={2}\n        sx={{\n          overflow: \"auto\",\n          width: \"var(--table-container-width)\",\n          height: \"var(--table-container-height)\",\n          position: \"relative\",\n          contain: \"paint\",\n          willChange: \"transform\",\n          borderRadius: 1,\n        }}\n      >\n        {children}\n      </Paper>\n    );\n  },\n  TableScroller: () => {\n    return (\n      <div\n        className=\"table-scroller\"\n        style={{\n          width: \"var(--table-width)\",\n          height:\n            \"calc(var(--table-height) + var(--header-height) + var(--footer-height))\",\n          position: \"absolute\",\n        }}\n      ></div>\n    );\n  },\n  TableHeader: ({ children }) => {\n    return (\n      <TableHead\n        component=\"div\"\n        className=\"thead\"\n        sx={{\n          position: \"sticky\",\n          top: 0,\n          width: \"var(--table-width)\",\n          zIndex: 2,\n          backgroundColor: (theme) => theme.palette.background.paper,\n          boxShadow: (theme) => `0 1px 0 ${theme.palette.divider}`,\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-start\",\n          alignItems: \"stretch\",\n        }}\n      >\n        {children}\n      </TableHead>\n    );\n  },\n  TableFooter: ({ children }) => {\n    return (\n      <TableFooter\n        component=\"div\"\n        className=\"table-footer\"\n        sx={{\n          position: \"sticky\",\n          bottom: -1,\n          width: \"var(--table-width)\",\n          zIndex: 2,\n          backgroundColor: (theme) => theme.palette.background.paper,\n          boxShadow: (theme) => `0 -1px 0 ${theme.palette.divider}`,\n        }}\n      >\n        {children}\n      </TableFooter>\n    );\n  },\n  HeaderRow: TableHeaderRow,\n  HeaderCell: React.memo(\n    React.forwardRef((props, ref) => {\n      return <TableHeaderCell {...props} ref={ref} />;\n    }),\n  ),\n  TableBody: ({ children }) => {\n    return (\n      <TableBody\n        component=\"div\"\n        className=\"table-body\"\n        sx={{\n          position: \"relative\",\n          width: \"var(--table-width)\",\n          height: \"var(--table-height)\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-start\",\n          alignItems: \"stretch\",\n        }}\n      >\n        {children}\n      </TableBody>\n    );\n  },\n  PinnedRows: ({ children, position }) => {\n    const style: SxProps<Theme> = {\n      position: \"sticky\",\n      zIndex: 3,\n    };\n    if (position === \"top\") {\n      style.top = \"var(--header-height)\";\n      style.borderBottom = (theme) => `1px solid ${theme.palette.divider}`;\n      style.boxShadow =\n        \"0 4px 8px -4px rgba(0, 0, 0, 0.15), 0 6px 12px -6px rgba(0, 0, 0, 0.1)\";\n    } else if (position === \"bottom\") {\n      style.bottom = \"var(--footer-height)\";\n      style.borderTop = (theme) => `1px solid ${theme.palette.divider}`;\n      style.boxShadow =\n        \"0 -4px 8px -4px rgba(0, 0, 0, 0.15), 0 -6px 12px -6px rgba(0, 0, 0, 0.1)\";\n    }\n\n    const Component = position === \"top\" ? TableHead : TableFooter;\n\n    return (\n      <Component\n        component=\"div\"\n        className={`sticky-${position}-rows`}\n        sx={style}\n      >\n        {children}\n      </Component>\n    );\n  },\n  PinnedCols: ({ children, position }) => {\n    const style: SxProps<Theme> = {\n      position: \"sticky\",\n      zIndex: 3,\n      display: \"flex\",\n    };\n\n    if (position === \"left\") {\n      style.left = 0;\n    } else if (position === \"right\") {\n      style.right = 0;\n    }\n\n    return (\n      <Box component=\"div\" className={`sticky-${position}-cols`} sx={style}>\n        {children}\n      </Box>\n    );\n  },\n\n  TableRowWrapper: React.forwardRef(\n    ({ children, flatIndex, dndStyle }, ref) => {\n      const theme = useTheme();\n      const backgroundColor = (theme: Theme) => {\n        const baseColor =\n          flatIndex % 2 === 0\n            ? theme.palette.background.paper\n            : theme.palette.mode === \"dark\"\n              ? theme.palette.grey[900]\n              : theme.palette.grey[100];\n        return baseColor;\n      };\n\n      const vars: Record<string, string> = {\n        \"--row-background-color\": backgroundColor(theme),\n      };\n\n      return (\n        <Box\n          sx={{\n            ...dndStyle,\n            ...vars,\n            width: \"var(--table-width)\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            justifyContent: \"flex-start\",\n            alignItems: \"stretch\",\n          }}\n          data-index={flatIndex}\n          ref={ref}\n        >\n          {children}\n        </Box>\n      );\n    },\n  ),\n  TableRow: ({ children }) => {\n    return (\n      <TableRow\n        component=\"div\"\n        className=\"table-row\"\n        sx={{\n          position: \"relative\",\n          width: \"var(--table-width)\",\n          display: \"flex\",\n          height: \"var(--row-height)\",\n          zIndex: 1,\n          boxSizing: \"border-box\",\n          backgroundColor: \"var(--row-background-color)\",\n          \"&:hover\": {\n            backgroundColor: (theme) => {\n              // Always use solid background colors for all cells on hover\n              return theme.palette.mode === \"dark\"\n                ? \"#1e1e52\" // Dark blue solid color\n                : \"#E3F2FD\"; // Light blue solid color\n            },\n          },\n        }}\n      >\n        {children}\n      </TableRow>\n    );\n  },\n  TableRowExpandedContent: ({ children }) => {\n    const { leafColLength } = useTableProps((table) => {\n      return { leafColLength: table.getAllLeafColumns().length };\n    });\n    return (\n      <TableRow\n        component=\"div\"\n        className=\"expanded-row\"\n        sx={{\n          backgroundColor: (theme) => theme.palette.background.default,\n        }}\n      >\n        <TableCell\n          component=\"div\"\n          className=\"expanded-cell\"\n          colSpan={leafColLength}\n          sx={{\n            padding: 2,\n          }}\n        >\n          {children}\n        </TableCell>\n      </TableRow>\n    );\n  },\n  Cell: React.memo(\n    React.forwardRef(({ isMeasuring, children }, ref) => {\n      const {\n        isPinned,\n        isLastPinned,\n        isLast,\n        isLastCenter,\n        width,\n        isSomeColumnsPinnedRight,\n      } = useCellProps(\n        (cell, table) => {\n          const vheader = cell.vheader;\n          return {\n            isPinned: vheader.isPinned,\n            isLastPinned: vheader.isLastPinned,\n            isLast: vheader.isLast,\n            isLastCenter: vheader.isLastCenter,\n            width: vheader.width,\n            isSomeColumnsPinnedRight: table.getIsSomeColumnsPinned(\"right\"),\n          };\n        },\n        (prev, next) => {\n          return shallowEqual(prev, next, [\"content\"]);\n        },\n      );\n\n      return (\n        <TableCell\n          className=\"td\"\n          component=\"div\"\n          ref={ref}\n          sx={{\n            height: \"var(--row-height)\",\n            width: isMeasuring ? \"auto\" : width,\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n            zIndex: isPinned ? 5 : 0,\n            boxSizing: \"border-box\",\n            fontSize: \"0.875rem\",\n            color: \"text.primary\",\n            alignItems: \"center\",\n            gap: \"8px\",\n            display: \"flex\",\n            justifyContent: \"flex-start\",\n            alignContent: \"center\",\n            padding: \"6px 12px\",\n            backgroundColor: \"var(--row-background-color)\",\n            borderBottom: \"none\",\n            flexShrink: 0,\n            position: \"relative\",\n            borderRight:\n              ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n              !isLast &&\n              !(isLastCenter && isSomeColumnsPinnedRight)\n                ? (theme) => `1px solid ${theme.palette.divider}`\n                : undefined,\n            borderLeft:\n              isPinned === \"end\" && !isLastPinned\n                ? (theme) => `1px solid ${theme.palette.divider}`\n                : undefined,\n            \".table-row:hover &\": {\n              backgroundColor: (theme) => {\n                // Always use solid background colors for all cells on hover\n                return theme.palette.mode === \"dark\"\n                  ? \"#1e1e52\" // Dark blue solid color\n                  : \"#E3F2FD\"; // Light blue solid color\n              },\n              zIndex: isPinned ? 2 : 0,\n            },\n          }}\n        >\n          {children}\n        </TableCell>\n      );\n    }),\n  ),\n  PinnedColsOverlay: ({ position }) => {\n    const width = useTableProps((table) => {\n      if (!table.getIsSomeColumnsPinned(position)) {\n        return undefined;\n      }\n      return position === \"left\"\n        ? table.getLeftTotalSize()\n        : table.getRightTotalSize();\n    });\n\n    if (width === undefined) {\n      return null;\n    }\n\n    const style: CSSProperties = {\n      width,\n      [position]: 0,\n      position: \"sticky\",\n      top: 0,\n      bottom: 0,\n      zIndex: 20,\n      pointerEvents: \"none\",\n    };\n\n    if (position === \"left\") {\n      style.boxShadow =\n        \"4px 0 8px -4px rgba(0, 0, 0, 0.15), 6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n    } else if (position === \"right\") {\n      style.boxShadow =\n        \"-4px 0 8px -4px rgba(0, 0, 0, 0.15), -6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n    }\n    return <div className={`pinned-${position}-overlay`} style={style} />;\n  },\n};\n\nconst TableHeaderCell = React.memo(\n  React.forwardRef<\n    HTMLDivElement,\n    {\n      isMeasuring: boolean;\n      children: React.ReactNode;\n    }\n  >(({ isMeasuring, children }, ref) => {\n    const {\n      isSomeColumnsPinnedRight,\n      headerId,\n      isPinned,\n      width,\n      isLast,\n      isLastPinned,\n      isLastCenter,\n    } = useColProps(({ vheader, table }) => {\n      return {\n        isSomeColumnsPinnedRight: table.getIsSomeColumnsPinned(\"right\"),\n        headerId: vheader.id,\n        isPinned: vheader.isPinned,\n        width: vheader.width,\n        isLast: vheader.isLast,\n        isLastPinned: vheader.isLastPinned,\n        isLastCenter: vheader.isLastCenter,\n      };\n    });\n\n    return (\n      <TableCell\n        ref={ref}\n        component=\"div\"\n        className=\"th\"\n        data-header-id={headerId}\n        data-is-pinned={isPinned}\n        sx={{\n          transition: \"background-color 0.2s ease\",\n          whiteSpace: \"nowrap\",\n          zIndex: isPinned ? 1 : 0,\n          display: \"flex\",\n          overflow: \"hidden\",\n          height: \"var(--header-row-height)\",\n          width: isMeasuring ? \"auto\" : width,\n          position: \"relative\",\n          flexShrink: 0,\n          alignItems: \"center\",\n          gap: \"8px\",\n          justifyContent: \"space-between\",\n          padding: \"6px 12px\",\n          boxSizing: \"border-box\",\n          fontWeight: 600,\n          backgroundColor: isPinned\n            ? (theme) => theme.palette.background.paper\n            : \"transparent\",\n          borderRight:\n            ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n            !isLast &&\n            !(isLastCenter && isSomeColumnsPinnedRight)\n              ? (theme) => `1px solid ${theme.palette.divider}`\n              : undefined,\n          borderLeft:\n            isPinned === \"end\" && !isLastPinned\n              ? (theme) => `1px solid ${theme.palette.divider}`\n              : undefined,\n        }}\n      >\n        <div style={{ flex: 1, display: \"flex\", justifyContent: \"flex-start\" }}>\n          {children}\n        </div>\n      </TableCell>\n    );\n  }),\n);\n\nexport { AnoccaSkin };\n"
-  ],
-  "mappings": "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",
-  "debugId": "44F55D4BC0448AF764756E2164756E21",
-  "names": []
-}