@rttui/skin-anocca 1.0.35 → 1.0.36

package/dist/cjs/cell_percent.cjs

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// packages/skin-anocca/src/cell_percent.tsx
+var exports_cell_percent = {};
+__export(exports_cell_percent, {
+  CellPercent: () => CellPercent
+});
+module.exports = __toCommonJS(exports_cell_percent);
+var jsx_runtime = require("react/jsx-runtime");
+var CellPercent = ({
+  value,
+  fractionDigits = 2
+}) => {
+  const formatter = new Intl.NumberFormat("en-US", {
+    style: "percent",
+    minimumFractionDigits: fractionDigits,
+    maximumFractionDigits: fractionDigits
+  });
+  const defaultStyle = {
+    fontSize: "0.875rem",
+    color: "rgb(107 114 128)",
+    fontVariantNumeric: "tabular-nums"
+  };
+  return /* @__PURE__ */ jsx_runtime.jsx("span", {
+    style: { ...defaultStyle },
+    children: formatter.format(value)
+  });
+};
+
+//# debugId=8A94C5DA37E9973C64756E2164756E21

package/dist/cjs/cell_percent.cjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_percent.tsx"],
+  "sourcesContent": [
+    "import { CellPercentProps } from \"@rttui/core\";\nimport React from \"react\";\n\n/**\n * CellPercent component for the Anocca skin.\n * Formats a number as a percentage.\n */\nexport const CellPercent: React.FC<CellPercentProps> = ({\n  value,\n  fractionDigits = 2,\n}) => {\n  const formatter = new Intl.NumberFormat(\"en-US\", {\n    style: \"percent\",\n    minimumFractionDigits: fractionDigits,\n    maximumFractionDigits: fractionDigits,\n  });\n\n  const defaultStyle: React.CSSProperties = {\n    fontSize: \"0.875rem\", // text-sm\n    color: \"rgb(107 114 128)\", // text-gray-500\n    fontVariantNumeric: \"tabular-nums\",\n    // Anocca doesn't have dark mode built-in like Tailwind,\n    // so we only define the light mode color here.\n  };\n\n  return <span style={{ ...defaultStyle }}>{formatter.format(value)}</span>;\n};\n"
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAM,cAA0C;AAAA,EACrD;AAAA,EACA,iBAAiB;AAAA,MACb;AAAA,EACJ,MAAM,YAAY,IAAI,KAAK,aAAa,SAAS;AAAA,IAC/C,OAAO;AAAA,IACP,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EACzB,CAAC;AAAA,EAED,MAAM,eAAoC;AAAA,IACxC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,oBAAoB;AAAA,EAGtB;AAAA,EAEA,uBAAO,gBAA6D,QAA7D;AAAA,IAAM,OAAO,KAAK,aAAa;AAAA,IAA/B,UAAmC,UAAU,OAAO,KAAK;AAAA,GAAI;AAAA;",
+  "debugId": "8A94C5DA37E9973C64756E2164756E21",
+  "names": []
+}

package/dist/cjs/cell_tag.cjs

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// packages/skin-anocca/src/cell_tag.tsx
+var exports_cell_tag = {};
+__export(exports_cell_tag, {
+  CellTag: () => CellTag
+});
+module.exports = __toCommonJS(exports_cell_tag);
+var jsx_runtime = require("react/jsx-runtime");
+var CellTag = ({ children }) => {
+  const style = {
+    display: "inline-block",
+    padding: "0.25rem 0.5rem",
+    fontSize: "0.75rem",
+    fontWeight: 500,
+    color: "#4b5563",
+    backgroundColor: "#f3f4f6",
+    borderRadius: "0.375rem",
+    border: "1px solid rgba(209, 213, 219, 0.2)"
+  };
+  return /* @__PURE__ */ jsx_runtime.jsx("div", {
+    style,
+    children
+  });
+};
+
+//# debugId=135E7F76CCBF4A9964756E2164756E21

package/dist/cjs/cell_tag.cjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_tag.tsx"],
+  "sourcesContent": [
+    "import React from \"react\";\n\ntype CellTagProps = {\n  children: React.ReactNode;\n};\n\nexport const CellTag: React.FC<CellTagProps> = ({ children }) => {\n  const style: React.CSSProperties = {\n    display: \"inline-block\",\n    padding: \"0.25rem 0.5rem\",\n    fontSize: \"0.75rem\",\n    fontWeight: 500,\n    color: \"#4b5563\",\n    backgroundColor: \"#f3f4f6\",\n    borderRadius: \"0.375rem\",\n    border: \"1px solid rgba(209, 213, 219, 0.2)\",\n  };\n\n  return <div style={style}>{children}</div>;\n};\n"
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAM,UAAkC,GAAG,eAAe;AAAA,EAC/D,MAAM,QAA6B;AAAA,IACjC,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,QAAQ;AAAA,EACV;AAAA,EAEA,uBAAO,gBAA+B,OAA/B;AAAA,IAAK;AAAA,IAAL;AAAA,GAA+B;AAAA;",
+  "debugId": "135E7F76CCBF4A9964756E2164756E21",
+  "names": []
+}

package/dist/cjs/cell_text.cjs

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// packages/skin-anocca/src/cell_text.tsx
+var exports_cell_text = {};
+__export(exports_cell_text, {
+  CellText: () => CellText
+});
+module.exports = __toCommonJS(exports_cell_text);
+var jsx_runtime = require("react/jsx-runtime");
+var CellText = ({ children }) => {
+  const style = {
+    fontSize: "0.875rem",
+    color: "#6b7280"
+  };
+  return /* @__PURE__ */ jsx_runtime.jsx("span", {
+    style,
+    children
+  });
+};
+
+//# debugId=1DD2081396E55A6A64756E2164756E21

package/dist/cjs/cell_text.cjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_text.tsx"],
+  "sourcesContent": [
+    "import React from \"react\";\n\ntype CellTextProps = {\n  children: React.ReactNode;\n};\n\nexport const CellText: React.FC<CellTextProps> = ({ children }) => {\n  const style: React.CSSProperties = {\n    fontSize: \"0.875rem\",\n    color: \"#6b7280\",\n  };\n\n  return <span style={style}>{children}</span>;\n};\n"
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAM,WAAoC,GAAG,eAAe;AAAA,EACjE,MAAM,QAA6B;AAAA,IACjC,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EAEA,uBAAO,gBAAgC,QAAhC;AAAA,IAAM;AAAA,IAAN;AAAA,GAAgC;AAAA;",
+  "debugId": "1DD2081396E55A6A64756E2164756E21",
+  "names": []
+}

package/dist/cjs/cell_text_bold.cjs

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// packages/skin-anocca/src/cell_text_bold.tsx
+var exports_cell_text_bold = {};
+__export(exports_cell_text_bold, {
+  CellTextBold: () => CellTextBold
+});
+module.exports = __toCommonJS(exports_cell_text_bold);
+var jsx_runtime = require("react/jsx-runtime");
+var CellTextBold = ({
+  children,
+  className
+}) => {
+  const style = {
+    fontSize: "0.875rem",
+    fontWeight: 500
+  };
+  return /* @__PURE__ */ jsx_runtime.jsx("span", {
+    style,
+    className,
+    children
+  });
+};
+
+//# debugId=444BEA47C2CDC38D64756E2164756E21

package/dist/cjs/cell_text_bold.cjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_text_bold.tsx"],
+  "sourcesContent": [
+    "import React from \"react\";\n\ntype CellTextBoldProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const CellTextBold: React.FC<CellTextBoldProps> = ({\n  children,\n  className,\n}) => {\n  const style: React.CSSProperties = {\n    fontSize: \"0.875rem\",\n    fontWeight: 500,\n  };\n\n  return (\n    <span style={style} className={className}>\n      {children}\n    </span>\n  );\n};\n"
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAM,eAA4C;AAAA,EACvD;AAAA,EACA;AAAA,MACI;AAAA,EACJ,MAAM,QAA6B;AAAA,IACjC,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EAEA,uBACE,gBAEE,QAFF;AAAA,IAAM;AAAA,IAAc;AAAA,IAApB;AAAA,GAEE;AAAA;",
+  "debugId": "444BEA47C2CDC38D64756E2164756E21",
+  "names": []
+}

package/dist/cjs/checkbox.cjs

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// packages/skin-anocca/src/checkbox.tsx
+var exports_checkbox = {};
+__export(exports_checkbox, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(exports_checkbox);
+var import_react = require("react");
+var import_core = require("@rttui/core");
+var jsx_runtime = require("react/jsx-runtime");
+var Checkbox = ({ getProps, onChange }) => {
+  const resolvedRef = import_react.useRef(null);
+  const { checked, indeterminate, disabled, value } = import_core.useTableProps({
+    callback: () => {
+      return getProps();
+    },
+    dependencies: [{ type: "tanstack_table" }],
+    areCallbackOutputEqual: import_core.shallowEqual,
+    shouldUnmount: () => {
+      try {
+        getProps();
+        return false;
+      } catch (e) {
+        return true;
+      }
+    }
+  });
+  import_react.useLayoutEffect(() => {
+    if (resolvedRef.current) {
+      resolvedRef.current.indeterminate = !!indeterminate;
+    }
+  }, [resolvedRef, indeterminate]);
+  const style = {
+    width: "16px",
+    height: "16px",
+    cursor: disabled ? "not-allowed" : "pointer",
+    margin: "auto"
+  };
+  return /* @__PURE__ */ jsx_runtime.jsx("input", {
+    type: "checkbox",
+    ref: resolvedRef,
+    style,
+    checked: !!checked,
+    onChange: onChange ? (ev) => {
+      onChange()(ev);
+    } : undefined,
+    disabled,
+    value,
+    "aria-checked": indeterminate ? "mixed" : checked ? "true" : "false"
+  });
+};
+
+//# debugId=BD0E1D357230DF1F64756E2164756E21

package/dist/cjs/checkbox.cjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/checkbox.tsx"],
+  "sourcesContent": [
+    "import React, { useLayoutEffect, useRef } from \"react\";\nimport { CheckboxProps, shallowEqual, useTableProps } from \"@rttui/core\";\n\n// Implement the Checkbox component for the Anocca skin\nexport const Checkbox: React.FC<CheckboxProps> = ({ getProps, onChange }) => {\n  const resolvedRef = useRef<HTMLInputElement>(null);\n\n  // Use the core hook to get checkbox state based on table context\n  const { checked, indeterminate, disabled, value } = useTableProps({\n    callback: () => {\n      // getProps is expected to return the state { checked, indeterminate, disabled, value }\n      // This allows the checkbox to reflect header/row/cell specific selection states\n      return getProps();\n    },\n    dependencies: [{ type: \"tanstack_table\" }], // Re-evaluate when table state changes\n    areCallbackOutputEqual: shallowEqual, // Optimize re-renders\n    shouldUnmount: () => {\n      // Attempt to call getProps to see if the context is still valid\n      // If it throws (e.g., row is removed), the component should unmount\n      try {\n        getProps();\n        return false;\n      } catch (e) {\n        return true;\n      }\n    },\n  });\n\n  // Apply indeterminate state imperatively\n  useLayoutEffect(() => {\n    if (resolvedRef.current) {\n      resolvedRef.current.indeterminate = !!indeterminate;\n    }\n  }, [resolvedRef, indeterminate]);\n\n  // Basic styling for the checkbox - Anocca skin might provide custom styling\n  const style: React.CSSProperties = {\n    width: \"16px\", // Equivalent to size-4\n    height: \"16px\",\n    cursor: disabled ? \"not-allowed\" : \"pointer\",\n    // Add some margin for spacing if needed\n    margin: \"auto\", // Center it if used within a flex/grid container\n  };\n\n  return (\n    <input\n      type=\"checkbox\"\n      ref={resolvedRef}\n      style={style}\n      checked={!!checked} // Ensure checked is boolean\n      onChange={\n        onChange\n          ? (ev) => {\n              // The onChange from props returns the actual handler function\n              onChange()(ev);\n            }\n          : undefined\n      }\n      disabled={disabled}\n      value={value}\n      aria-checked={indeterminate ? \"mixed\" : checked ? \"true\" : \"false\"}\n    />\n  );\n}; "
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAA+C,IAA/C;AAC2D,IAA3D;AAAA;AAGO,IAAM,WAAoC,GAAG,UAAU,eAAe;AAAA,EAC3E,MAAM,cAAc,oBAAyB,IAAI;AAAA,EAGjD,QAAQ,SAAS,eAAe,UAAU,UAAU,0BAAc;AAAA,IAChE,UAAU,MAAM;AAAA,MAGd,OAAO,SAAS;AAAA;AAAA,IAElB,cAAc,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAAA,IACzC,wBAAwB;AAAA,IACxB,eAAe,MAAM;AAAA,MAGnB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO,GAAG;AAAA,QACV,OAAO;AAAA;AAAA;AAAA,EAGb,CAAC;AAAA,EAGD,6BAAgB,MAAM;AAAA,IACpB,IAAI,YAAY,SAAS;AAAA,MACvB,YAAY,QAAQ,kBAAkB;AAAA,IACxC;AAAA,KACC,CAAC,aAAa,aAAa,CAAC;AAAA,EAG/B,MAAM,QAA6B;AAAA,IACjC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ,WAAW,gBAAgB;AAAA,IAEnC,QAAQ;AAAA,EACV;AAAA,EAEA,uBACE,gBAAC,SAAD;AAAA,IACE,MAAK;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX,UACE,WACI,CAAC,OAAO;AAAA,MAEN,SAAS,EAAE,EAAE;AAAA,QAEf;AAAA,IAEN;AAAA,IACA;AAAA,IACA,gBAAc,gBAAgB,UAAU,UAAU,SAAS;AAAA,GAC7D;AAAA;",
+  "debugId": "BD0E1D357230DF1F64756E2164756E21",
+  "names": []
+}

package/dist/cjs/expand_button.cjs

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// packages/skin-anocca/src/expand_button.tsx
+var exports_expand_button = {};
+__export(exports_expand_button, {
+  ExpandButton: () => ExpandButton
+});
+module.exports = __toCommonJS(exports_expand_button);
+var import_core = require("@rttui/core");
+var import_fi = require("react-icons/fi");
+var jsx_runtime = require("react/jsx-runtime");
+var ExpandButton = () => {
+  const { canExpand, isExpanded } = import_core.useRowProps({
+    callback: (vrow) => {
+      const row = vrow.row;
+      return {
+        canExpand: row.getCanExpand(),
+        isExpanded: row.getIsExpanded()
+      };
+    },
+    areCallbackOutputEqual: import_core.shallowEqual,
+    dependencies: [{ type: "tanstack_table" }]
+  });
+  const rowRef = import_core.useRowRef();
+  if (!canExpand) {
+    return null;
+  }
+  const buttonStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "24px",
+    height: "24px",
+    border: "none",
+    background: "transparent",
+    cursor: "pointer",
+    borderRadius: "50%"
+  };
+  const iconStyle = {
+    width: "16px",
+    height: "16px",
+    color: "#4b5563"
+  };
+  const IconComponent = isExpanded ? import_fi.FiChevronDown : import_fi.FiChevronRight;
+  return /* @__PURE__ */ jsx_runtime.jsx("button", {
+    onClick: (e) => {
+      e.stopPropagation();
+      rowRef()?.row.toggleExpanded();
+    },
+    style: buttonStyle,
+    "aria-label": isExpanded ? "Collapse row" : "Expand row",
+    children: /* @__PURE__ */ jsx_runtime.jsx(IconComponent, {
+      style: iconStyle
+    })
+  });
+};
+
+//# debugId=C2B60557AF70A69064756E2164756E21

package/dist/cjs/expand_button.cjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/expand_button.tsx"],
+  "sourcesContent": [
+    "import React from \"react\";\nimport { useRowProps, useRowRef, shallowEqual } from \"@rttui/core\";\nimport { FiChevronDown, FiChevronRight } from \"react-icons/fi\"; // Using react-icons as per guidelines\n\n// No specific props needed for ExpandButton itself as it uses context hooks\n\n// Implement the ExpandButton component for the Anocca skin\nexport const ExpandButton: React.FC = () => {\n  // Use core hooks to get row expansion state\n  const { canExpand, isExpanded } = useRowProps({\n    callback: (vrow) => {\n      const row = vrow.row;\n      return {\n        canExpand: row.getCanExpand(),\n        isExpanded: row.getIsExpanded(),\n      };\n    },\n    areCallbackOutputEqual: shallowEqual,\n    dependencies: [{ type: \"tanstack_table\" }], // Dependency on table state changes\n  });\n\n  const rowRef = useRowRef(); // Get a ref to the row API\n\n  // If the row cannot be expanded, render nothing\n  if (!canExpand) {\n    return null;\n  }\n\n  // Basic button styling - Anocca skin will likely provide more specific styles\n  const buttonStyle: React.CSSProperties = {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: \"24px\", // Equivalent to w-6\n    height: \"24px\", // Equivalent to h-6\n    border: \"none\",\n    background: \"transparent\",\n    cursor: \"pointer\",\n    borderRadius: \"50%\", // Equivalent to rounded-full\n    // Placeholder hover effect - Anocca might use different colors or effects\n    // ':hover': { backgroundColor: '#f3f4f6' }\n    // Hover pseudo-class cannot be applied via inline styles directly\n  };\n\n  // Basic icon styling - Anocca might have specific icon colors/sizes\n  const iconStyle: React.CSSProperties = {\n    width: \"16px\", // Equivalent to w-4\n    height: \"16px\", // Equivalent to h-4\n    color: \"#4b5563\", // Placeholder color (text-gray-600)\n  };\n\n  const IconComponent = isExpanded ? FiChevronDown : FiChevronRight;\n\n  return (\n    <button\n      onClick={(e) => {\n        e.stopPropagation(); // Prevent row click event if needed\n        rowRef()?.row.toggleExpanded();\n      }}\n      style={buttonStyle}\n      aria-label={isExpanded ? \"Collapse row\" : \"Expand row\"}\n    >\n      <IconComponent style={iconStyle} />\n    </button>\n  );\n}; "
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACqD,IAArD;AAC8C,IAA9C;AAAA;AAKO,IAAM,eAAyB,MAAM;AAAA,EAE1C,QAAQ,WAAW,eAAe,wBAAY;AAAA,IAC5C,UAAU,CAAC,SAAS;AAAA,MAClB,MAAM,MAAM,KAAK;AAAA,MACjB,OAAO;AAAA,QACL,WAAW,IAAI,aAAa;AAAA,QAC5B,YAAY,IAAI,cAAc;AAAA,MAChC;AAAA;AAAA,IAEF,wBAAwB;AAAA,IACxB,cAAc,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAAA,EAC3C,CAAC;AAAA,EAED,MAAM,SAAS,sBAAU;AAAA,EAGzB,KAAK,WAAW;AAAA,IACd,OAAO;AAAA,EACT;AAAA,EAGA,MAAM,cAAmC;AAAA,IACvC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,cAAc;AAAA,EAIhB;AAAA,EAGA,MAAM,YAAiC;AAAA,IACrC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EAEA,MAAM,gBAAgB,aAAa,0BAAgB;AAAA,EAEnD,uBACE,gBASE,UATF;AAAA,IACE,SAAS,CAAC,MAAM;AAAA,MACd,EAAE,gBAAgB;AAAA,MAClB,OAAO,GAAG,IAAI,eAAe;AAAA;AAAA,IAE/B,OAAO;AAAA,IACP,cAAY,aAAa,iBAAiB;AAAA,IAN5C,0BAQE,gBAAC,eAAD;AAAA,MAAe,OAAO;AAAA,KAAW;AAAA,GACjC;AAAA;",
+  "debugId": "C2B60557AF70A69064756E2164756E21",
+  "names": []
+}

package/dist/cjs/index.cjs

@@ -33,6 +33,19 @@ __export(exports_src, {
   RowPinButtons: () => import_row_pin_buttons.RowPinButtons,
   Resizer: () => import_resizer.Resizer,
   HeaderPinButtons: () => import_header_pin_buttons.HeaderPinButtons,
+  ExpandButton: () => import_expand_button.ExpandButton,
+  Checkbox: () => import_checkbox.Checkbox,
+  CellTextBold: () => import_cell_text_bold.CellTextBold,
+  CellText: () => import_cell_text.CellText,
+  CellTag: () => import_cell_tag.CellTag,
+  CellPercent: () => import_cell_percent.CellPercent,
+  CellNumber: () => import_cell_number.CellNumber,
+  CellLink: () => import_cell_link.CellLink,
+  CellCurrency: () => import_cell_currency.CellCurrency,
+  CellBadge: () => import_cell_badge.CellBadge,
+  CellAvatarWithText: () => import_cell_avatar_with_text.CellAvatarWithText,
+  CellAvatar: () => import_cell_avatar.CellAvatar,
+  Cell: () => import_cell.Cell,
   AnoccaSkin: () => import_anocca_skin.AnoccaSkin
 });
 module.exports = __toCommonJS(exports_src);
@@ -41,5 +54,18 @@ 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");
+var import_cell_avatar = require("./cell_avatar.cjs");
+var import_cell_avatar_with_text = require("./cell_avatar_with_text.cjs");
+var import_cell_number = require("./cell_number.cjs");
+var import_cell_tag = require("./cell_tag.cjs");
+var import_cell_text = require("./cell_text.cjs");
+var import_expand_button = require("./expand_button.cjs");
+var import_checkbox = require("./checkbox.cjs");
+var import_cell_text_bold = require("./cell_text_bold.cjs");
+var import_cell_currency = require("./cell_currency.cjs");
+var import_cell_badge = require("./cell_badge.cjs");
+var import_cell = require("./cell.cjs");
+var import_cell_link = require("./cell_link.cjs");
+var import_cell_percent = require("./cell_percent.cjs");
 
-//# debugId=27C0897D7B1CD93E64756E2164756E21
+//# debugId=BB9CA6290CFFBBBB64756E2164756E21

package/dist/cjs/index.cjs.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": [
-    "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\";"
+    "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\";\nexport { CellAvatar } from \"./cell_avatar.cjs\";\nexport { CellAvatarWithText } from \"./cell_avatar_with_text.cjs\";\nexport { CellNumber } from \"./cell_number.cjs\";\nexport { CellTag } from \"./cell_tag.cjs\";\nexport { CellText } from \"./cell_text.cjs\";\nexport { ExpandButton } from \"./expand_button.cjs\";\nexport { Checkbox } from \"./checkbox.cjs\";\nexport { CellTextBold } from \"./cell_text_bold.cjs\";\nexport { CellCurrency } from \"./cell_currency.cjs\";\nexport { CellBadge } from \"./cell_badge.cjs\";\nexport { Cell } from \"./cell.cjs\";\nexport { CellLink } from \"./cell_link.cjs\";\nexport { CellPercent } from \"./cell_percent.cjs\";\n"
   ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAA2B,IAA3B;AAC+B,IAA/B;AACiC,IAAjC;AAC8B,IAA9B;AACwB,IAAxB;",
-  "debugId": "27C0897D7B1CD93E64756E2164756E21",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAA2B,IAA3B;AAC+B,IAA/B;AACiC,IAAjC;AAC8B,IAA9B;AACwB,IAAxB;AAC2B,IAA3B;AACmC,IAAnC;AAC2B,IAA3B;AACwB,IAAxB;AACyB,IAAzB;AAC6B,IAA7B;AACyB,IAAzB;AAC6B,IAA7B;AAC6B,IAA7B;AAC0B,IAA1B;AACqB,IAArB;AACyB,IAAzB;AAC4B,IAA5B;",
+  "debugId": "BB9CA6290CFFBBBB64756E2164756E21",
   "names": []
 }

package/dist/cjs/package.json

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

package/dist/cjs/resizer.cjs

@@ -90,6 +90,13 @@ function Resizer() {
         ev.stopPropagation();
         ev.preventDefault();
       },
+      onClick: (ev) => {
+        if (ev.metaKey) {
+          ev.stopPropagation();
+          ev.preventDefault();
+          crushHeader(colRef().header);
+        }
+      },
       onMouseDown: (ev) => colRef().header.getResizeHandler()(ev),
       onTouchStart: (ev) => colRef().header.getResizeHandler()(ev),
       className: `resizer ${isResizing ? "isResizing" : ""}`,
@@ -115,4 +122,4 @@ function Resizer() {
   });
 }
 
-//# debugId=0645AE5FD94845BE64756E2164756E21
+//# debugId=F608CD74A330E2FC64756E2164756E21

package/dist/cjs/resizer.cjs.map

@@ -2,9 +2,9 @@
   "version": 3,
   "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\";\nimport { shallowEqual } from \"@rttui/core\";\nexport function Resizer() {\n  const crushHeader = useCrushHeader();\n\n  const { canResize, isResizing } = useColProps({\n    callback: ({ column }) => {\n      return {\n        canResize: column.getCanResize(),\n        isResizing: column.getIsResizing(),\n      };\n    },\n    areCallbackOutputEqual: shallowEqual,\n    dependencies: [{ type: \"tanstack_table\" }],\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          onDoubleClick={(ev) => {\n            crushHeader(colRef().header);\n            ev.stopPropagation();\n            ev.preventDefault();\n          }}\n          onMouseDown={(ev: any) => colRef().header.getResizeHandler()(ev)}\n          onTouchStart={(ev: any) => colRef().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"
+    "import { Box } from \"@mui/material\";\nimport { useColRef, useCrushHeader } from \"@rttui/core\";\nimport { useColProps } from \"@rttui/core\";\nimport React from \"react\";\nimport { shallowEqual } from \"@rttui/core\";\nexport function Resizer() {\n  const crushHeader = useCrushHeader();\n\n  const { canResize, isResizing } = useColProps({\n    callback: ({ column }) => {\n      return {\n        canResize: column.getCanResize(),\n        isResizing: column.getIsResizing(),\n      };\n    },\n    areCallbackOutputEqual: shallowEqual,\n    dependencies: [{ type: \"tanstack_table\" }],\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          onDoubleClick={(ev) => {\n            crushHeader(colRef().header);\n            ev.stopPropagation();\n            ev.preventDefault();\n          }}\n          onClick={(ev) => {\n            if (ev.metaKey) {\n              ev.stopPropagation();\n              ev.preventDefault();\n              crushHeader(colRef().header);\n            }\n          }}\n          onMouseDown={(ev: any) => colRef().header.getResizeHandler()(ev)}\n          onTouchStart={(ev: any) => colRef().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"
   ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAoB,IAApB;AAC0C,IAA1C;AAC4B,IAA5B;AACkB,IAAlB;AAC6B,IAA7B;AAAA;AACO,SAAS,OAAO,GAAG;AAAA,EACxB,MAAM,cAAc,2BAAe;AAAA,EAEnC,QAAQ,WAAW,eAAe,yBAAY;AAAA,IAC5C,UAAU,GAAG,aAAa;AAAA,MACxB,OAAO;AAAA,QACL,WAAW,OAAO,aAAa;AAAA,QAC/B,YAAY,OAAO,cAAc;AAAA,MACnC;AAAA;AAAA,IAEF,wBAAwB;AAAA,IACxB,cAAc,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAAA,EAC3C,CAAC;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,MACE,eAAe,CAAC,OAAO;AAAA,QACrB,YAAY,OAAO,EAAE,MAAM;AAAA,QAC3B,GAAG,gBAAgB;AAAA,QACnB,GAAG,eAAe;AAAA;AAAA,MAEpB,aAAa,CAAC,OAAY,OAAO,EAAE,OAAO,iBAAiB,EAAE,EAAE;AAAA,MAC/D,cAAc,CAAC,OAAY,OAAO,EAAE,OAAO,iBAAiB,EAAE,EAAE;AAAA,MAChE,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,KACF;AAAA,GAEF;AAAA;",
-  "debugId": "0645AE5FD94845BE64756E2164756E21",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAoB,IAApB;AAC0C,IAA1C;AAC4B,IAA5B;AACkB,IAAlB;AAC6B,IAA7B;AAAA;AACO,SAAS,OAAO,GAAG;AAAA,EACxB,MAAM,cAAc,2BAAe;AAAA,EAEnC,QAAQ,WAAW,eAAe,yBAAY;AAAA,IAC5C,UAAU,GAAG,aAAa;AAAA,MACxB,OAAO;AAAA,QACL,WAAW,OAAO,aAAa;AAAA,QAC/B,YAAY,OAAO,cAAc;AAAA,MACnC;AAAA;AAAA,IAEF,wBAAwB;AAAA,IACxB,cAAc,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAAA,EAC3C,CAAC;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,MACE,eAAe,CAAC,OAAO;AAAA,QACrB,YAAY,OAAO,EAAE,MAAM;AAAA,QAC3B,GAAG,gBAAgB;AAAA,QACnB,GAAG,eAAe;AAAA;AAAA,MAEpB,SAAS,CAAC,OAAO;AAAA,QACf,IAAI,GAAG,SAAS;AAAA,UACd,GAAG,gBAAgB;AAAA,UACnB,GAAG,eAAe;AAAA,UAClB,YAAY,OAAO,EAAE,MAAM;AAAA,QAC7B;AAAA;AAAA,MAEF,aAAa,CAAC,OAAY,OAAO,EAAE,OAAO,iBAAiB,EAAE,EAAE;AAAA,MAC/D,cAAc,CAAC,OAAY,OAAO,EAAE,OAAO,iBAAiB,EAAE,EAAE;AAAA,MAChE,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,KACF;AAAA,GAEF;AAAA;",
+  "debugId": "F608CD74A330E2FC64756E2164756E21",
   "names": []
 }

package/dist/mjs/cell.mjs

@@ -0,0 +1,72 @@
+// packages/skin-anocca/src/cell.tsx
+import { shallowEqual, useRowProps, useRowRef } from "@rttui/core";
+import { CellText } from "./cell_text.mjs";
+import { CellTextBold } from "./cell_text_bold.mjs";
+import { Checkbox } from "./checkbox.mjs";
+import { ExpandButton } from "./expand_button.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Cell = ({
+  children,
+  checkbox = false,
+  expandButton = false,
+  pinButtons = false,
+  highlightSelected = false
+}) => {
+  const { depth, isSelected } = useRowProps({
+    callback: (vrow) => {
+      const row = vrow.row;
+      return {
+        depth: row.depth,
+        isSelected: row.getIsSelected()
+      };
+    },
+    areCallbackOutputEqual: shallowEqual,
+    dependencies: [{ type: "tanstack_table" }]
+  });
+  const rowRef = useRowRef();
+  const containerStyle = {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    paddingLeft: `${depth * 20}px`
+  };
+  const useBold = highlightSelected && isSelected;
+  return /* @__PURE__ */ jsxs("div", {
+    style: containerStyle,
+    children: [
+      checkbox && /* @__PURE__ */ jsx(Checkbox, {
+        getProps: () => {
+          const row = rowRef()?.row;
+          if (!row)
+            return {};
+          return {
+            checked: row.getIsSelected(),
+            disabled: !row.getCanSelect(),
+            indeterminate: row.getIsSomeSelected()
+          };
+        },
+        onChange: () => {
+          return (event) => {
+            rowRef()?.row.toggleSelected(event.target.checked);
+          };
+        }
+      }),
+      expandButton && /* @__PURE__ */ jsx(ExpandButton, {}),
+      pinButtons && /* @__PURE__ */ jsx("span", {
+        style: { fontStyle: "italic", fontSize: "0.8em" },
+        children: "(Pin)"
+      }),
+      useBold ? /* @__PURE__ */ jsx(CellTextBold, {
+        className: "anocca-selected-cell-text",
+        children
+      }) : /* @__PURE__ */ jsx(CellText, {
+        children
+      })
+    ]
+  });
+};
+export {
+  Cell
+};
+
+//# debugId=C16936508E08347F64756E2164756E21