@rttui/skin-anocca 1.0.35 → 1.0.37

package/dist/mjs/cell.mjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell.tsx"],
+  "sourcesContent": [
+    "import React from \"react\";\nimport { CellProps, shallowEqual, useRowProps, useRowRef } from \"@rttui/core\";\nimport { CellText } from \"./cell_text.mjs\";\nimport { CellTextBold } from \"./cell_text_bold.mjs\";\nimport { Checkbox } from \"./checkbox.mjs\";\nimport { ExpandButton } from \"./expand_button.mjs\";\n\nexport const Cell: React.FC<CellProps> = ({\n  children,\n  checkbox = false,\n  expandButton = false,\n  pinButtons = false,\n  highlightSelected = false,\n}) => {\n  const { depth, isSelected } = useRowProps({\n    callback: (vrow) => {\n      const row = vrow.row;\n      return {\n        depth: row.depth,\n        isSelected: row.getIsSelected(),\n      };\n    },\n    areCallbackOutputEqual: shallowEqual,\n    dependencies: [{ type: \"tanstack_table\" }],\n  });\n\n  const rowRef = useRowRef();\n\n  const containerStyle: React.CSSProperties = {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"8px\",\n    paddingLeft: `${depth * 20}px`,\n  };\n\n  const useBold = highlightSelected && isSelected;\n\n  return (\n    <div style={containerStyle}>\n      {checkbox && (\n        <Checkbox\n          getProps={() => {\n            const row = rowRef()?.row;\n            if (!row) return {};\n            return {\n              checked: row.getIsSelected(),\n              disabled: !row.getCanSelect(),\n              indeterminate: row.getIsSomeSelected(),\n            };\n          }}\n          onChange={() => {\n            // Return the actual handler function\n            return (event: React.ChangeEvent<HTMLInputElement>) => {\n              rowRef()?.row.toggleSelected(event.target.checked);\n            };\n          }}\n        />\n      )}\n      {expandButton && <ExpandButton />}\n      {pinButtons && (\n        <span style={{ fontStyle: \"italic\", fontSize: \"0.8em\" }}>(Pin)</span>\n      )}\n      {useBold ? (\n        <CellTextBold className=\"anocca-selected-cell-text\">\n          {children}\n        </CellTextBold>\n      ) : (\n        <CellText>{children}</CellText>\n      )}\n    </div>\n  );\n};\n"
+  ],
+  "mappings": ";AACA;AACA;AACA;AACA;AACA;AAAA;AAEO,IAAM,OAA4B;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,MAChB;AAAA,EACJ,QAAQ,OAAO,eAAe,YAAY;AAAA,IACxC,UAAU,CAAC,SAAS;AAAA,MAClB,MAAM,MAAM,KAAK;AAAA,MACjB,OAAO;AAAA,QACL,OAAO,IAAI;AAAA,QACX,YAAY,IAAI,cAAc;AAAA,MAChC;AAAA;AAAA,IAEF,wBAAwB;AAAA,IACxB,cAAc,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAAA,EAC3C,CAAC;AAAA,EAED,MAAM,SAAS,UAAU;AAAA,EAEzB,MAAM,iBAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,aAAa,GAAG,QAAQ;AAAA,EAC1B;AAAA,EAEA,MAAM,UAAU,qBAAqB;AAAA,EAErC,uBACE,KA+BE,OA/BF;AAAA,IAAK,OAAO;AAAA,IAAZ,UA+BE;AAAA,MA9BC,4BACC,IAAC,UAAD;AAAA,QACE,UAAU,MAAM;AAAA,UACd,MAAM,MAAM,OAAO,GAAG;AAAA,UACtB,KAAK;AAAA,YAAK,OAAO,CAAC;AAAA,UAClB,OAAO;AAAA,YACL,SAAS,IAAI,cAAc;AAAA,YAC3B,WAAW,IAAI,aAAa;AAAA,YAC5B,eAAe,IAAI,kBAAkB;AAAA,UACvC;AAAA;AAAA,QAEF,UAAU,MAAM;AAAA,UAEd,OAAO,CAAC,UAA+C;AAAA,YACrD,OAAO,GAAG,IAAI,eAAe,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,OAGvD;AAAA,MAED,gCAAgB,IAAC,cAAD,EAAc;AAAA,MAC9B,8BACC,IAAgE,QAAhE;AAAA,QAAM,OAAO,EAAE,WAAW,UAAU,UAAU,QAAQ;AAAA,QAAtD;AAAA,OAAgE;AAAA,MAEjE,0BACC,IAEE,cAFF;AAAA,QAAc,WAAU;AAAA,QAAxB;AAAA,OAEE,oBAEF,IAAsB,UAAtB;AAAA;AAAA,OAAsB;AAAA;AAAA,GAExB;AAAA;",
+  "debugId": "C16936508E08347F64756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_avatar.mjs

@@ -0,0 +1,32 @@
+// packages/skin-anocca/src/cell_avatar.tsx
+import { jsx } from "react/jsx-runtime";
+var sizeMap = {
+  sm: 24,
+  md: 32,
+  lg: 40
+};
+var CellAvatar = ({
+  src,
+  alt = "",
+  size = "md"
+}) => {
+  const dimension = sizeMap[size];
+  const style = {
+    width: `${dimension}px`,
+    height: `${dimension}px`,
+    borderRadius: "50%",
+    objectFit: "cover",
+    backgroundColor: "#f9fafb"
+  };
+  const effectiveAlt = alt || `Avatar image`;
+  return /* @__PURE__ */ jsx("img", {
+    src,
+    alt: effectiveAlt,
+    style
+  });
+};
+export {
+  CellAvatar
+};
+
+//# debugId=B79E0743C3FB396164756E2164756E21

package/dist/mjs/cell_avatar.mjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_avatar.tsx"],
+  "sourcesContent": [
+    "import { CellAvatarProps } from \"@rttui/core\";\nimport React from \"react\";\n\n// Define the size mapping for styling\nconst sizeMap = {\n  sm: 24, // Corresponds to Tailwind's size-6 (6 * 4px = 24px)\n  md: 32, // Corresponds to Tailwind's size-8 (8 * 4px = 32px)\n  lg: 40, // Corresponds to Tailwind's size-10 (10 * 4px = 40px)\n};\n\n// Implement the CellAvatar component for the Anocca skin\nexport const CellAvatar: React.FC<CellAvatarProps> = ({\n  src,\n  alt = \"\",\n  size = \"md\",\n}) => {\n  const dimension = sizeMap[size];\n\n  // Basic styling for the avatar image\n  const style: React.CSSProperties = {\n    width: `${dimension}px`,\n    height: `${dimension}px`,\n    borderRadius: \"50%\", // Equivalent to rounded-full\n    objectFit: \"cover\", // Ensures the image covers the area nicely\n    // Placeholder background - Anocca skin might provide specific colors\n    backgroundColor: \"#f9fafb\", // Equivalent to bg-gray-50\n  };\n\n  // It's generally good practice to provide an alt attribute for accessibility\n  const effectiveAlt = alt || `Avatar image`;\n\n  return <img src={src} alt={effectiveAlt} style={style} />;\n};\n"
+  ],
+  "mappings": ";;AAIA,IAAM,UAAU;AAAA,EACd,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,aAAwC;AAAA,EACnD;AAAA,EACA,MAAM;AAAA,EACN,OAAO;AAAA,MACH;AAAA,EACJ,MAAM,YAAY,QAAQ;AAAA,EAG1B,MAAM,QAA6B;AAAA,IACjC,OAAO,GAAG;AAAA,IACV,QAAQ,GAAG;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IAEX,iBAAiB;AAAA,EACnB;AAAA,EAGA,MAAM,eAAe,OAAO;AAAA,EAE5B,uBAAO,IAAC,OAAD;AAAA,IAAK;AAAA,IAAU,KAAK;AAAA,IAAc;AAAA,GAAc;AAAA;",
+  "debugId": "B79E0743C3FB396164756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_avatar_with_text.mjs

@@ -0,0 +1,50 @@
+// packages/skin-anocca/src/cell_avatar_with_text.tsx
+import { CellAvatar } from "./cell_avatar.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CellAvatarWithText = ({
+  src,
+  alt,
+  size = "md",
+  primary,
+  secondary,
+  fallback
+}) => {
+  const containerStyle = {
+    display: "flex",
+    alignItems: "center",
+    gap: "16px"
+  };
+  const textStyle = {
+    fontSize: "0.875rem",
+    fontWeight: 500,
+    color: "#111827",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  };
+  const effectiveAlt = alt;
+  return /* @__PURE__ */ jsxs("div", {
+    style: containerStyle,
+    children: [
+      /* @__PURE__ */ jsx(CellAvatar, {
+        src,
+        alt: effectiveAlt,
+        size,
+        fallback
+      }),
+      /* @__PURE__ */ jsx("div", {
+        style: textStyle,
+        children: primary
+      }),
+      secondary && /* @__PURE__ */ jsx("div", {
+        style: textStyle,
+        children: secondary
+      })
+    ]
+  });
+};
+export {
+  CellAvatarWithText
+};
+
+//# debugId=54257BFFC38D1DF264756E2164756E21

package/dist/mjs/cell_avatar_with_text.mjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_avatar_with_text.tsx"],
+  "sourcesContent": [
+    "import React from \"react\";\nimport { CellAvatar } from \"./cell_avatar.mjs\"; // Import the existing CellAvatar and its props\nimport { CellAvatarWithTextProps } from \"@rttui/core\";\n\n// Implement the CellAvatarWithText component for the Anocca skin\nexport const CellAvatarWithText: React.FC<CellAvatarWithTextProps> = ({\n  src,\n  alt,\n  size = \"md\", // Default size consistent with CellAvatar\n  primary,\n  secondary,\n  fallback,\n}) => {\n  // Basic styles for the container div\n  const containerStyle: React.CSSProperties = {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"16px\", // Equivalent to Tailwind's gap-x-4 (4 * 4px = 16px)\n  };\n\n  // Basic styles for the text div\n  const textStyle: React.CSSProperties = {\n    fontSize: \"0.875rem\", // Equivalent to text-sm (14px)\n    fontWeight: 500, // Equivalent to font-medium\n    color: \"#111827\", // Equivalent to text-gray-900 (Placeholder, Anocca might have specific colors)\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\", // Equivalent to truncate\n  };\n\n  // Generate a meaningful alt text if none provided\n  const effectiveAlt = alt;\n\n  return (\n    <div style={containerStyle}>\n      <CellAvatar\n        src={src}\n        alt={effectiveAlt}\n        size={size}\n        fallback={fallback}\n      />\n      <div style={textStyle}>{primary}</div>\n      {secondary && <div style={textStyle}>{secondary}</div>}\n    </div>\n  );\n};\n"
+  ],
+  "mappings": ";AACA;AAAA;AAIO,IAAM,qBAAwD;AAAA,EACnE;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,MACI;AAAA,EAEJ,MAAM,iBAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,EACP;AAAA,EAGA,MAAM,YAAiC;AAAA,IACrC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AAAA,EAGA,MAAM,eAAe;AAAA,EAErB,uBACE,KASE,OATF;AAAA,IAAK,OAAO;AAAA,IAAZ,UASE;AAAA,sBARA,IAAC,YAAD;AAAA,QACE;AAAA,QACA,KAAK;AAAA,QACL;AAAA,QACA;AAAA,OACF;AAAA,sBACA,IAAkC,OAAlC;AAAA,QAAK,OAAO;AAAA,QAAZ,UAAwB;AAAA,OAAU;AAAA,MACjC,6BAAa,IAAoC,OAApC;AAAA,QAAK,OAAO;AAAA,QAAZ,UAAwB;AAAA,OAAY;AAAA;AAAA,GAClD;AAAA;",
+  "debugId": "54257BFFC38D1DF264756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_badge.mjs

@@ -0,0 +1,36 @@
+// packages/skin-anocca/src/cell_badge.tsx
+import { jsx } from "react/jsx-runtime";
+var colorStyles = {
+  gray: { backgroundColor: "#f3f4f6", color: "#1f2937" },
+  red: { backgroundColor: "#fee2e2", color: "#991b1b" },
+  yellow: { backgroundColor: "#fef9c3", color: "#854d0e" },
+  green: { backgroundColor: "#dcfce7", color: "#166534" },
+  blue: { backgroundColor: "#dbeafe", color: "#1e40af" },
+  indigo: { backgroundColor: "#e0e7ff", color: "#3730a3" },
+  purple: { backgroundColor: "#f3e8ff", color: "#581c87" },
+  pink: { backgroundColor: "#fce7f3", color: "#831843" }
+};
+var CellBadge = ({
+  children,
+  color = "gray"
+}) => {
+  const baseStyle = {
+    display: "inline-flex",
+    alignItems: "center",
+    borderRadius: "9999px",
+    padding: "0.125rem 0.625rem",
+    fontSize: "0.75rem",
+    fontWeight: 500,
+    whiteSpace: "nowrap"
+  };
+  const finalStyle = { ...baseStyle, ...colorStyles[color] };
+  return /* @__PURE__ */ jsx("span", {
+    style: finalStyle,
+    children
+  });
+};
+export {
+  CellBadge
+};
+
+//# debugId=5463548CE0BE0A9F64756E2164756E21

package/dist/mjs/cell_badge.mjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_badge.tsx"],
+  "sourcesContent": [
+    "import React from \"react\";\nimport { CellBadgeProps, BadgeColor } from \"@rttui/core\";\n// Map badge colors to basic CSS style objects (placeholders)\nconst colorStyles: Record<BadgeColor, React.CSSProperties> = {\n  gray: { backgroundColor: \"#f3f4f6\", color: \"#1f2937\" }, // bg-gray-100, text-gray-800\n  red: { backgroundColor: \"#fee2e2\", color: \"#991b1b\" }, // bg-red-100, text-red-800\n  yellow: { backgroundColor: \"#fef9c3\", color: \"#854d0e\" }, // bg-yellow-100, text-yellow-800\n  green: { backgroundColor: \"#dcfce7\", color: \"#166534\" }, // bg-green-100, text-green-800\n  blue: { backgroundColor: \"#dbeafe\", color: \"#1e40af\" }, // bg-blue-100, text-blue-800\n  indigo: { backgroundColor: \"#e0e7ff\", color: \"#3730a3\" }, // bg-indigo-100, text-indigo-800\n  purple: { backgroundColor: \"#f3e8ff\", color: \"#581c87\" }, // bg-purple-100, text-purple-800\n  pink: { backgroundColor: \"#fce7f3\", color: \"#831843\" }, // bg-pink-100, text-pink-800\n};\n\n// Implement the CellBadge component for the Anocca skin\nexport const CellBadge: React.FC<CellBadgeProps> = ({\n  children,\n  color = \"gray\", // Default to gray if no color is provided\n}) => {\n  // Base styles for the badge\n  const baseStyle: React.CSSProperties = {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    borderRadius: \"9999px\", // Equivalent to rounded-full\n    padding: \"0.125rem 0.625rem\", // Equivalent to py-0.5 px-2.5\n    fontSize: \"0.75rem\", // Equivalent to text-xs\n    fontWeight: 500, // Equivalent to font-medium\n    whiteSpace: \"nowrap\", // Prevent wrapping\n  };\n\n  // Merge base styles with color-specific styles\n  const finalStyle = { ...baseStyle, ...colorStyles[color] };\n\n  return <span style={finalStyle}>{children}</span>;\n};\n"
+  ],
+  "mappings": ";;AAGA,IAAM,cAAuD;AAAA,EAC3D,MAAM,EAAE,iBAAiB,WAAW,OAAO,UAAU;AAAA,EACrD,KAAK,EAAE,iBAAiB,WAAW,OAAO,UAAU;AAAA,EACpD,QAAQ,EAAE,iBAAiB,WAAW,OAAO,UAAU;AAAA,EACvD,OAAO,EAAE,iBAAiB,WAAW,OAAO,UAAU;AAAA,EACtD,MAAM,EAAE,iBAAiB,WAAW,OAAO,UAAU;AAAA,EACrD,QAAQ,EAAE,iBAAiB,WAAW,OAAO,UAAU;AAAA,EACvD,QAAQ,EAAE,iBAAiB,WAAW,OAAO,UAAU;AAAA,EACvD,MAAM,EAAE,iBAAiB,WAAW,OAAO,UAAU;AACvD;AAGO,IAAM,YAAsC;AAAA,EACjD;AAAA,EACA,QAAQ;AAAA,MACJ;AAAA,EAEJ,MAAM,YAAiC;AAAA,IACrC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAAA,EAGA,MAAM,aAAa,KAAK,cAAc,YAAY,OAAO;AAAA,EAEzD,uBAAO,IAAqC,QAArC;AAAA,IAAM,OAAO;AAAA,IAAb;AAAA,GAAqC;AAAA;",
+  "debugId": "5463548CE0BE0A9F64756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_currency.mjs

@@ -0,0 +1,27 @@
+// packages/skin-anocca/src/cell_currency.tsx
+import { jsx } from "react/jsx-runtime";
+var CellCurrency = ({
+  value,
+  currency = "USD"
+}) => {
+  const formatter = new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+  const style = {
+    fontSize: "0.875rem",
+    color: "#6b7280",
+    fontVariantNumeric: "tabular-nums"
+  };
+  return /* @__PURE__ */ jsx("span", {
+    style,
+    children: formatter.format(value)
+  });
+};
+export {
+  CellCurrency
+};
+
+//# debugId=386D35370A08688C64756E2164756E21

package/dist/mjs/cell_currency.mjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_currency.tsx"],
+  "sourcesContent": [
+    "import { CellCurrencyProps } from \"@rttui/core\";\nimport React from \"react\";\n\n// Implement the CellCurrency component for the Anocca skin\nexport const CellCurrency: React.FC<CellCurrencyProps> = ({\n  value,\n  currency = \"USD\", // Default to USD if no currency is provided\n}) => {\n  // Use Intl.NumberFormat for robust currency formatting\n  // The locale ('en-US') can be adjusted if needed, or made dynamic\n  const formatter = new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: currency,\n    minimumFractionDigits: 2, // Standard practice for currency\n    maximumFractionDigits: 2,\n  });\n\n  // Apply styling similar to CellNumber for consistency\n  const style: React.CSSProperties = {\n    fontSize: \"0.875rem\", // Equivalent to text-sm\n    color: \"#6b7280\", // Equivalent to text-gray-500 (Placeholder)\n    fontVariantNumeric: \"tabular-nums\", // Align numbers\n    // Anocca skin might specify different colors, alignment, etc.\n  };\n\n  return <span style={style}>{formatter.format(value)}</span>;\n}; "
+  ],
+  "mappings": ";;AAIO,IAAM,eAA4C;AAAA,EACvD;AAAA,EACA,WAAW;AAAA,MACP;AAAA,EAGJ,MAAM,YAAY,IAAI,KAAK,aAAa,SAAS;AAAA,IAC/C,OAAO;AAAA,IACP;AAAA,IACA,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EACzB,CAAC;AAAA,EAGD,MAAM,QAA6B;AAAA,IACjC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,oBAAoB;AAAA,EAEtB;AAAA,EAEA,uBAAO,IAA+C,QAA/C;AAAA,IAAM;AAAA,IAAN,UAAqB,UAAU,OAAO,KAAK;AAAA,GAAI;AAAA;",
+  "debugId": "386D35370A08688C64756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_link.mjs

@@ -0,0 +1,48 @@
+// packages/skin-anocca/src/cell_link.tsx
+import { jsxs } from "react/jsx-runtime";
+var CellLink = ({
+  href,
+  children,
+  srText,
+  style,
+  ...props
+}) => {
+  const baseStyle = {
+    fontSize: "0.875rem",
+    fontWeight: 500,
+    color: "#4f46e5",
+    textDecoration: "none",
+    cursor: "pointer"
+  };
+  const srOnlyStyle = {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    padding: 0,
+    margin: "-1px",
+    overflow: "hidden",
+    clip: "rect(0, 0, 0, 0)",
+    whiteSpace: "nowrap",
+    borderWidth: 0
+  };
+  return /* @__PURE__ */ jsxs("a", {
+    href,
+    style: { ...baseStyle, ...style },
+    ...props,
+    children: [
+      children,
+      srText && /* @__PURE__ */ jsxs("span", {
+        style: srOnlyStyle,
+        children: [
+          ", ",
+          srText
+        ]
+      })
+    ]
+  });
+};
+export {
+  CellLink
+};
+
+//# debugId=AABA539C7C35BAFB64756E2164756E21

package/dist/mjs/cell_link.mjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_link.tsx"],
+  "sourcesContent": [
+    "import React from \"react\";\n\n// Define the props for CellLink, extending standard Anchor attributes\ninterface CellLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  href: string; // The URL the link points to (required)\n  children: React.ReactNode; // The visible content of the link (required)\n  srText?: string; // Additional text for screen readers\n}\n\n// Implement the CellLink component for the Anocca skin\nexport const CellLink: React.FC<CellLinkProps> = ({\n  href,\n  children,\n  srText,\n  style, // Allow consuming style prop\n  ...props // Pass through other anchor attributes (target, rel, etc.)\n}) => {\n  // Basic link styling - Anocca will likely provide specific link styles\n  const baseStyle: React.CSSProperties = {\n    fontSize: \"0.875rem\", // Equivalent to text-sm\n    fontWeight: 500, // Equivalent to font-medium\n    color: \"#4f46e5\", // Equivalent to text-indigo-600 (Placeholder)\n    textDecoration: \"none\", // Common practice, hover effect can add underline\n    cursor: \"pointer\",\n    // Add hover effect (though direct inline hover isn't possible)\n    // Anocca would likely use CSS classes for this\n  };\n\n  // Style for screen reader only text\n  const srOnlyStyle: React.CSSProperties = {\n    position: \"absolute\",\n    width: \"1px\",\n    height: \"1px\",\n    padding: 0,\n    margin: \"-1px\",\n    overflow: \"hidden\",\n    clip: \"rect(0, 0, 0, 0)\",\n    whiteSpace: \"nowrap\",\n    borderWidth: 0,\n  };\n\n  return (\n    <a href={href} style={{ ...baseStyle, ...style }} {...props}>\n      {children}\n      {srText && <span style={srOnlyStyle}>, {srText}</span>}\n    </a>\n  );\n};\n"
+  ],
+  "mappings": ";;AAUO,IAAM,WAAoC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AAAA,EAEJ,MAAM,YAAiC;AAAA,IACrC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,QAAQ;AAAA,EAGV;AAAA,EAGA,MAAM,cAAmC;AAAA,IACvC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EAEA,uBACE,KAGE,KAHF;AAAA,IAAG;AAAA,IAAY,OAAO,KAAK,cAAc,MAAM;AAAA,OAAO;AAAA,IAAtD,UAGE;AAAA,MAFC;AAAA,MACA,0BAAU,KAAsC,QAAtC;AAAA,QAAM,OAAO;AAAA,QAAb,UAAsC;AAAA,UAAtC;AAAA,UAA6B;AAAA;AAAA,OAAS;AAAA;AAAA,GACjD;AAAA;",
+  "debugId": "AABA539C7C35BAFB64756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_number.mjs

@@ -0,0 +1,18 @@
+// packages/skin-anocca/src/cell_number.tsx
+import { jsx } from "react/jsx-runtime";
+var CellNumber = ({ children }) => {
+  const style = {
+    fontSize: "0.875rem",
+    color: "#6b7280",
+    fontVariantNumeric: "tabular-nums"
+  };
+  return /* @__PURE__ */ jsx("span", {
+    style,
+    children
+  });
+};
+export {
+  CellNumber
+};
+
+//# debugId=E95F26CD7D8F090364756E2164756E21

package/dist/mjs/cell_number.mjs.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../../src/cell_number.tsx"],
+  "sourcesContent": [
+    "import React from \"react\";\n\ntype CellNumberProps = {\n  children: React.ReactNode;\n};\n\nexport const CellNumber: React.FC<CellNumberProps> = ({ children }) => {\n  const style: React.CSSProperties = {\n    fontSize: \"0.875rem\",\n    color: \"#6b7280\",\n    fontVariantNumeric: \"tabular-nums\",\n  };\n\n  return <span style={style}>{children}</span>;\n};\n"
+  ],
+  "mappings": ";;AAMO,IAAM,aAAwC,GAAG,eAAe;AAAA,EACrE,MAAM,QAA6B;AAAA,IACjC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,oBAAoB;AAAA,EACtB;AAAA,EAEA,uBAAO,IAAgC,QAAhC;AAAA,IAAM;AAAA,IAAN;AAAA,GAAgC;AAAA;",
+  "debugId": "E95F26CD7D8F090364756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_percent.mjs

@@ -0,0 +1,26 @@
+// packages/skin-anocca/src/cell_percent.tsx
+import { jsx } from "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("span", {
+    style: { ...defaultStyle },
+    children: formatter.format(value)
+  });
+};
+export {
+  CellPercent
+};
+
+//# debugId=BBBE443B3E833AB764756E2164756E21

package/dist/mjs/cell_percent.mjs.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,IAA6D,QAA7D;AAAA,IAAM,OAAO,KAAK,aAAa;AAAA,IAA/B,UAAmC,UAAU,OAAO,KAAK;AAAA,GAAI;AAAA;",
+  "debugId": "BBBE443B3E833AB764756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_tag.mjs

@@ -0,0 +1,23 @@
+// packages/skin-anocca/src/cell_tag.tsx
+import { jsx } from "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("div", {
+    style,
+    children
+  });
+};
+export {
+  CellTag
+};
+
+//# debugId=A8ECAA29DE35B92464756E2164756E21

package/dist/mjs/cell_tag.mjs.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,IAA+B,OAA/B;AAAA,IAAK;AAAA,IAAL;AAAA,GAA+B;AAAA;",
+  "debugId": "A8ECAA29DE35B92464756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_text.mjs

@@ -0,0 +1,17 @@
+// packages/skin-anocca/src/cell_text.tsx
+import { jsx } from "react/jsx-runtime";
+var CellText = ({ children }) => {
+  const style = {
+    fontSize: "0.875rem",
+    color: "#6b7280"
+  };
+  return /* @__PURE__ */ jsx("span", {
+    style,
+    children
+  });
+};
+export {
+  CellText
+};
+
+//# debugId=DDAB45001553FC6464756E2164756E21

package/dist/mjs/cell_text.mjs.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,IAAgC,QAAhC;AAAA,IAAM;AAAA,IAAN;AAAA,GAAgC;AAAA;",
+  "debugId": "DDAB45001553FC6464756E2164756E21",
+  "names": []
+}

package/dist/mjs/cell_text_bold.mjs

@@ -0,0 +1,21 @@
+// packages/skin-anocca/src/cell_text_bold.tsx
+import { jsx } from "react/jsx-runtime";
+var CellTextBold = ({
+  children,
+  className
+}) => {
+  const style = {
+    fontSize: "0.875rem",
+    fontWeight: 500
+  };
+  return /* @__PURE__ */ jsx("span", {
+    style,
+    className,
+    children
+  });
+};
+export {
+  CellTextBold
+};
+
+//# debugId=149357C8F757307864756E2164756E21

package/dist/mjs/cell_text_bold.mjs.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,IAEE,QAFF;AAAA,IAAM;AAAA,IAAc;AAAA,IAApB;AAAA,GAEE;AAAA;",
+  "debugId": "149357C8F757307864756E2164756E21",
+  "names": []
+}

package/dist/mjs/checkbox.mjs

@@ -0,0 +1,50 @@
+// packages/skin-anocca/src/checkbox.tsx
+import { useLayoutEffect, useRef } from "react";
+import { shallowEqual, useTableProps } from "@rttui/core";
+import { jsx } from "react/jsx-runtime";
+var Checkbox = ({ getProps, onChange }) => {
+  const resolvedRef = useRef(null);
+  const { checked, indeterminate, disabled, value } = useTableProps({
+    callback: () => {
+      return getProps();
+    },
+    dependencies: [{ type: "tanstack_table" }],
+    areCallbackOutputEqual: shallowEqual,
+    shouldUnmount: () => {
+      try {
+        getProps();
+        return false;
+      } catch (e) {
+        return true;
+      }
+    }
+  });
+  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("input", {
+    type: "checkbox",
+    ref: resolvedRef,
+    style,
+    checked: !!checked,
+    onChange: onChange ? (ev) => {
+      onChange()(ev);
+    } : undefined,
+    disabled,
+    value,
+    "aria-checked": indeterminate ? "mixed" : checked ? "true" : "false"
+  });
+};
+export {
+  Checkbox
+};
+
+//# debugId=288C9878F1053C1364756E2164756E21

package/dist/mjs/checkbox.mjs.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": ";AAAA;AACA;AAAA;AAGO,IAAM,WAAoC,GAAG,UAAU,eAAe;AAAA,EAC3E,MAAM,cAAc,OAAyB,IAAI;AAAA,EAGjD,QAAQ,SAAS,eAAe,UAAU,UAAU,cAAc;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,gBAAgB,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,IAAC,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": "288C9878F1053C1364756E2164756E21",
+  "names": []
+}

package/dist/mjs/expand_button.mjs

@@ -0,0 +1,54 @@
+// packages/skin-anocca/src/expand_button.tsx
+import { useRowProps, useRowRef, shallowEqual } from "@rttui/core";
+import { FiChevronDown, FiChevronRight } from "react-icons/fi";
+import { jsx } from "react/jsx-runtime";
+var ExpandButton = () => {
+  const { canExpand, isExpanded } = useRowProps({
+    callback: (vrow) => {
+      const row = vrow.row;
+      return {
+        canExpand: row.getCanExpand(),
+        isExpanded: row.getIsExpanded()
+      };
+    },
+    areCallbackOutputEqual: shallowEqual,
+    dependencies: [{ type: "tanstack_table" }]
+  });
+  const rowRef = 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 ? FiChevronDown : FiChevronRight;
+  return /* @__PURE__ */ jsx("button", {
+    onClick: (e) => {
+      e.stopPropagation();
+      rowRef()?.row.toggleExpanded();
+    },
+    style: buttonStyle,
+    "aria-label": isExpanded ? "Collapse row" : "Expand row",
+    children: /* @__PURE__ */ jsx(IconComponent, {
+      style: iconStyle
+    })
+  });
+};
+export {
+  ExpandButton
+};
+
+//# debugId=946A5F8E5AE1817D64756E2164756E21

package/dist/mjs/expand_button.mjs.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": ";AACA;AACA;AAAA;AAKO,IAAM,eAAyB,MAAM;AAAA,EAE1C,QAAQ,WAAW,eAAe,YAAY;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,UAAU;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,gBAAgB;AAAA,EAEnD,uBACE,IASE,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,IAAC,eAAD;AAAA,MAAe,OAAO;AAAA,KAAW;AAAA,GACjC;AAAA;",
+  "debugId": "946A5F8E5AE1817D64756E2164756E21",
+  "names": []
+}

package/dist/mjs/index.mjs

@@ -4,12 +4,38 @@ 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";
+import { CellAvatar } from "./cell_avatar.mjs";
+import { CellAvatarWithText } from "./cell_avatar_with_text.mjs";
+import { CellNumber } from "./cell_number.mjs";
+import { CellTag } from "./cell_tag.mjs";
+import { CellText } from "./cell_text.mjs";
+import { ExpandButton } from "./expand_button.mjs";
+import { Checkbox } from "./checkbox.mjs";
+import { CellTextBold } from "./cell_text_bold.mjs";
+import { CellCurrency } from "./cell_currency.mjs";
+import { CellBadge } from "./cell_badge.mjs";
+import { Cell } from "./cell.mjs";
+import { CellLink } from "./cell_link.mjs";
+import { CellPercent } from "./cell_percent.mjs";
 export {
   TableHeaderRow,
   RowPinButtons,
   Resizer,
   HeaderPinButtons,
+  ExpandButton,
+  Checkbox,
+  CellTextBold,
+  CellText,
+  CellTag,
+  CellPercent,
+  CellNumber,
+  CellLink,
+  CellCurrency,
+  CellBadge,
+  CellAvatarWithText,
+  CellAvatar,
+  Cell,
   AnoccaSkin
 };
 
-//# debugId=A2F2CCD887D32E2E64756E2164756E21
+//# debugId=9A5B3FA97F18B91964756E2164756E21