@ktnpm_devops/react-component 0.14.0 → 0.16.0

package/dist/index31.js

@@ -1,81 +1,89 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { clsx } from "./index58.js";
-import styles from "./index116.js";
-function activateOnKey(event, action) {
-  if (event.key === "Enter" || event.key === " ") {
-    event.preventDefault();
-    action();
-  }
-}
-const HeatmapMatrix = forwardRef(
-  ({
-    columns,
-    rows,
-    cornerLabel,
-    getCell,
-    onRowHeaderClick,
-    onCellClick,
-    maxHeight,
-    className,
-    style,
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: clsx(styles.wrap, className),
-      style: { maxHeight, ...style },
-      ...props,
-      children: /* @__PURE__ */ jsxs("table", { className: styles.root, children: [
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("th", { scope: "col", className: styles.corner, "aria-hidden": cornerLabel == null, children: cornerLabel }),
-          columns.map((col) => /* @__PURE__ */ jsx("th", { scope: "col", className: styles.colh, title: col.title, children: col.label }, col.key))
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => {
-          const rowInteractive = Boolean(onRowHeaderClick);
-          return /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx(
-              "th",
-              {
-                scope: "row",
-                className: clsx(styles.rowh, rowInteractive && styles.clickable),
-                role: rowInteractive ? "button" : void 0,
-                tabIndex: rowInteractive ? 0 : void 0,
-                onClick: rowInteractive ? () => onRowHeaderClick == null ? void 0 : onRowHeaderClick(row.key) : void 0,
-                onKeyDown: rowInteractive ? (event) => activateOnKey(event, () => onRowHeaderClick == null ? void 0 : onRowHeaderClick(row.key)) : void 0,
-                children: row.label
-              }
-            ),
-            columns.map((col) => {
-              const cell = getCell(row.key, col.key);
-              const cellInteractive = Boolean(onCellClick);
-              return /* @__PURE__ */ jsx(
-                "td",
-                {
-                  title: cell.title,
-                  className: clsx(
-                    styles.cell,
-                    cell.state && styles[cell.state],
-                    cellInteractive && styles.clickable
-                  ),
-                  role: cellInteractive ? "button" : void 0,
-                  tabIndex: cellInteractive ? 0 : void 0,
-                  onClick: cellInteractive ? () => onCellClick == null ? void 0 : onCellClick(row.key, col.key) : void 0,
-                  onKeyDown: cellInteractive ? (event) => activateOnKey(event, () => onCellClick == null ? void 0 : onCellClick(row.key, col.key)) : void 0,
-                  children: cell.value
-                },
-                col.key
-              );
-            })
-          ] }, row.key);
-        }) })
-      ] })
-    }
-  )
-);
-HeatmapMatrix.displayName = "HeatmapMatrix";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, useCallback } from "react";
+import ReactECharts from "echarts-for-react";
+import { clsx } from "./index59.js";
+import { pivotGroupedBars } from "./index97.js";
+import { buildGroupedBarOption } from "./index98.js";
+import { DEFAULT_LABELS } from "./index99.js";
+import styles from "./index100.js";
+const buildAriaLabel = (title, valueLabel) => valueLabel ? `${title}: grouped bar chart of ${valueLabel}` : `${title}: grouped bar chart`;
+const GroupedBarChartCard = ({
+  title,
+  data,
+  subtitle,
+  valueLabel,
+  integerValues = false,
+  seriesColors,
+  invertAxis = false,
+  hideLegend = false,
+  labels,
+  onSelectBar,
+  toolbar,
+  isLoading = false,
+  error = null,
+  onRetry,
+  onChartReady,
+  actions,
+  className
+}) => {
+  const texts = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);
+  const pivot = useMemo(() => pivotGroupedBars(data), [data]);
+  const option = useMemo(
+    () => buildGroupedBarOption(pivot, {
+      seriesColors,
+      invertAxis,
+      hideLegend,
+      integerValues,
+      valueLabel,
+      noValueText: texts.noValue
+    }),
+    [pivot, seriesColors, invertAxis, hideLegend, integerValues, valueLabel, texts.noValue]
+  );
+  const handleClick = useCallback(
+    (params) => {
+      if (!onSelectBar || params.name == null || params.seriesName == null) return;
+      onSelectBar({ category: params.name, series: params.seriesName });
+    },
+    [onSelectBar]
+  );
+  const onEvents = useMemo(() => ({ click: handleClick }), [handleClick]);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, className), children: [
+    /* @__PURE__ */ jsxs("header", { className: styles.header, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.headerText, children: [
+        /* @__PURE__ */ jsx("h3", { className: styles.title, children: title }),
+        subtitle && /* @__PURE__ */ jsx("div", { className: styles.subtitle, children: subtitle })
+      ] }),
+      actions && /* @__PURE__ */ jsx("div", { className: styles.headerActions, children: actions })
+    ] }),
+    toolbar && /* @__PURE__ */ jsx("div", { className: styles.toolbar, children: toolbar }),
+    isLoading && /* @__PURE__ */ jsx("div", { className: styles.loading, children: texts.loading }),
+    !isLoading && error && /* @__PURE__ */ jsxs("div", { className: styles.error, children: [
+      /* @__PURE__ */ jsx("span", { children: error }),
+      onRetry && /* @__PURE__ */ jsx("button", { type: "button", className: styles.retryButton, onClick: onRetry, children: texts.retry })
+    ] }),
+    !isLoading && !error && !pivot.hasValues && /* @__PURE__ */ jsx("div", { className: styles.empty, children: texts.empty }),
+    !isLoading && !error && pivot.hasValues && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles.chartContainer,
+        role: "figure",
+        "aria-label": buildAriaLabel(title, valueLabel),
+        children: /* @__PURE__ */ jsx(
+          ReactECharts,
+          {
+            option,
+            style: { height: "100%", width: "100%" },
+            onChartReady,
+            onEvents,
+            notMerge: true
+          }
+        )
+      }
+    )
+  ] });
+};
+GroupedBarChartCard.displayName = "GroupedBarChartCard";
 export {
-  HeatmapMatrix
+  GroupedBarChartCard
 };
 //# sourceMappingURL=index31.js.map

package/dist/index31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index31.js","sources":["../src/data/HeatmapMatrix/HeatmapMatrix.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { HeatmapMatrixProps } from './HeatmapMatrix.types';\nimport styles from './HeatmapMatrix.module.css';\n\nfunction activateOnKey(event: React.KeyboardEvent, action: () => void) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    action();\n  }\n}\n\nexport const HeatmapMatrix = forwardRef<HTMLDivElement, HeatmapMatrixProps>(\n  (\n    {\n      columns,\n      rows,\n      cornerLabel,\n      getCell,\n      onRowHeaderClick,\n      onCellClick,\n      maxHeight,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      className={clsx(styles.wrap, className)}\n      style={{ maxHeight, ...style }}\n      {...props}\n    >\n      <table className={styles.root}>\n        <thead>\n          <tr>\n            <th scope=\"col\" className={styles.corner} aria-hidden={cornerLabel == null}>\n              {cornerLabel}\n            </th>\n            {columns.map((col) => (\n              <th key={col.key} scope=\"col\" className={styles.colh} title={col.title}>\n                {col.label}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map((row) => {\n            const rowInteractive = Boolean(onRowHeaderClick);\n            return (\n              <tr key={row.key}>\n                <th\n                  scope=\"row\"\n                  className={clsx(styles.rowh, rowInteractive && styles.clickable)}\n                  role={rowInteractive ? 'button' : undefined}\n                  tabIndex={rowInteractive ? 0 : undefined}\n                  onClick={rowInteractive ? () => onRowHeaderClick?.(row.key) : undefined}\n                  onKeyDown={\n                    rowInteractive\n                      ? (event) => activateOnKey(event, () => onRowHeaderClick?.(row.key))\n                      : undefined\n                  }\n                >\n                  {row.label}\n                </th>\n                {columns.map((col) => {\n                  const cell = getCell(row.key, col.key);\n                  const cellInteractive = Boolean(onCellClick);\n                  return (\n                    <td\n                      key={col.key}\n                      title={cell.title}\n                      className={clsx(\n                        styles.cell,\n                        cell.state && styles[cell.state],\n                        cellInteractive && styles.clickable,\n                      )}\n                      role={cellInteractive ? 'button' : undefined}\n                      tabIndex={cellInteractive ? 0 : undefined}\n                      onClick={cellInteractive ? () => onCellClick?.(row.key, col.key) : undefined}\n                      onKeyDown={\n                        cellInteractive\n                          ? (event) => activateOnKey(event, () => onCellClick?.(row.key, col.key))\n                          : undefined\n                      }\n                    >\n                      {cell.value}\n                    </td>\n                  );\n                })}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  ),\n);\n\nHeatmapMatrix.displayName = 'HeatmapMatrix';\n"],"names":[],"mappings":";;;;AAKA,SAAS,cAAc,OAA4B,QAAoB;AACrE,MAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,UAAM,eAAA;AACN,WAAA;AAAA,EACF;AACF;AAEO,MAAM,gBAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QAEA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,OAAO,MAAM,SAAS;AAAA,MACtC,OAAO,EAAE,WAAW,GAAG,MAAA;AAAA,MACtB,GAAG;AAAA,MAEJ,UAAA,qBAAC,SAAA,EAAM,WAAW,OAAO,MACvB,UAAA;AAAA,QAAA,oBAAC,SAAA,EACC,+BAAC,MAAA,EACC,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,OAAM,OAAM,WAAW,OAAO,QAAQ,eAAa,eAAe,MACnE,UAAA,YAAA,CACH;AAAA,UACC,QAAQ,IAAI,CAAC,QACZ,oBAAC,MAAA,EAAiB,OAAM,OAAM,WAAW,OAAO,MAAM,OAAO,IAAI,OAC9D,cAAI,MAAA,GADE,IAAI,GAEb,CACD;AAAA,QAAA,EAAA,CACH,EAAA,CACF;AAAA,QACA,oBAAC,SAAA,EACE,UAAA,KAAK,IAAI,CAAC,QAAQ;AACjB,gBAAM,iBAAiB,QAAQ,gBAAgB;AAC/C,sCACG,MAAA,EACC,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,WAAW,KAAK,OAAO,MAAM,kBAAkB,OAAO,SAAS;AAAA,gBAC/D,MAAM,iBAAiB,WAAW;AAAA,gBAClC,UAAU,iBAAiB,IAAI;AAAA,gBAC/B,SAAS,iBAAiB,MAAM,qDAAmB,IAAI,OAAO;AAAA,gBAC9D,WACE,iBACI,CAAC,UAAU,cAAc,OAAO,MAAM,qDAAmB,IAAI,IAAI,IACjE;AAAA,gBAGL,UAAA,IAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YAEN,QAAQ,IAAI,CAAC,QAAQ;AACpB,oBAAM,OAAO,QAAQ,IAAI,KAAK,IAAI,GAAG;AACrC,oBAAM,kBAAkB,QAAQ,WAAW;AAC3C,qBACE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,OAAO,KAAK;AAAA,kBACZ,WAAW;AAAA,oBACT,OAAO;AAAA,oBACP,KAAK,SAAS,OAAO,KAAK,KAAK;AAAA,oBAC/B,mBAAmB,OAAO;AAAA,kBAAA;AAAA,kBAE5B,MAAM,kBAAkB,WAAW;AAAA,kBACnC,UAAU,kBAAkB,IAAI;AAAA,kBAChC,SAAS,kBAAkB,MAAM,2CAAc,IAAI,KAAK,IAAI,OAAO;AAAA,kBACnE,WACE,kBACI,CAAC,UAAU,cAAc,OAAO,MAAM,2CAAc,IAAI,KAAK,IAAI,IAAI,IACrE;AAAA,kBAGL,UAAA,KAAK;AAAA,gBAAA;AAAA,gBAhBD,IAAI;AAAA,cAAA;AAAA,YAmBf,CAAC;AAAA,UAAA,EAAA,GAvCM,IAAI,GAwCb;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"index31.js","sources":["../src/charts/GroupedBarChartCard/GroupedBarChartCard.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport ReactECharts from 'echarts-for-react';\nimport clsx from 'clsx';\nimport type { GroupedBarChartCardProps } from './GroupedBarChartCard.types';\nimport { pivotGroupedBars } from './pivotGroupedBars';\nimport { buildGroupedBarOption } from './buildGroupedBarOption';\nimport { DEFAULT_LABELS } from './defaultLabels';\nimport styles from './GroupedBarChartCard.module.css';\n\nconst buildAriaLabel = (title: string, valueLabel?: string) =>\n  valueLabel ? `${title}: grouped bar chart of ${valueLabel}` : `${title}: grouped bar chart`;\n\nexport const GroupedBarChartCard = ({\n  title,\n  data,\n  subtitle,\n  valueLabel,\n  integerValues = false,\n  seriesColors,\n  invertAxis = false,\n  hideLegend = false,\n  labels,\n  onSelectBar,\n  toolbar,\n  isLoading = false,\n  error = null,\n  onRetry,\n  onChartReady,\n  actions,\n  className,\n}: GroupedBarChartCardProps) => {\n  const texts = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n  const pivot = useMemo(() => pivotGroupedBars(data), [data]);\n\n  const option = useMemo(\n    () =>\n      buildGroupedBarOption(pivot, {\n        seriesColors,\n        invertAxis,\n        hideLegend,\n        integerValues,\n        valueLabel,\n        noValueText: texts.noValue,\n      }),\n    [pivot, seriesColors, invertAxis, hideLegend, integerValues, valueLabel, texts.noValue],\n  );\n\n  const handleClick = useCallback(\n    (params: { name?: string; seriesName?: string }) => {\n      if (!onSelectBar || params.name == null || params.seriesName == null) return;\n      onSelectBar({ category: params.name, series: params.seriesName });\n    },\n    [onSelectBar],\n  );\n\n  const onEvents = useMemo(() => ({ click: handleClick }), [handleClick]);\n\n  return (\n    <div className={clsx(styles.root, className)}>\n      <header className={styles.header}>\n        <div className={styles.headerText}>\n          <h3 className={styles.title}>{title}</h3>\n          {subtitle && <div className={styles.subtitle}>{subtitle}</div>}\n        </div>\n        {actions && <div className={styles.headerActions}>{actions}</div>}\n      </header>\n\n      {toolbar && <div className={styles.toolbar}>{toolbar}</div>}\n\n      {isLoading && <div className={styles.loading}>{texts.loading}</div>}\n\n      {!isLoading && error && (\n        <div className={styles.error}>\n          <span>{error}</span>\n          {onRetry && (\n            <button type=\"button\" className={styles.retryButton} onClick={onRetry}>\n              {texts.retry}\n            </button>\n          )}\n        </div>\n      )}\n\n      {!isLoading && !error && !pivot.hasValues && (\n        <div className={styles.empty}>{texts.empty}</div>\n      )}\n\n      {!isLoading && !error && pivot.hasValues && (\n        <div\n          className={styles.chartContainer}\n          role=\"figure\"\n          aria-label={buildAriaLabel(title, valueLabel)}\n        >\n          <ReactECharts\n            option={option}\n            style={{ height: '100%', width: '100%' }}\n            onChartReady={onChartReady}\n            onEvents={onEvents}\n            notMerge\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nGroupedBarChartCard.displayName = 'GroupedBarChartCard';\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,iBAAiB,CAAC,OAAe,eACrC,aAAa,GAAG,KAAK,0BAA0B,UAAU,KAAK,GAAG,KAAK;AAEjE,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAgC;AAC9B,QAAM,QAAQ,QAAQ,OAAO,EAAE,GAAG,gBAAgB,GAAG,OAAA,IAAW,CAAC,MAAM,CAAC;AACxE,QAAM,QAAQ,QAAQ,MAAM,iBAAiB,IAAI,GAAG,CAAC,IAAI,CAAC;AAE1D,QAAM,SAAS;AAAA,IACb,MACE,sBAAsB,OAAO;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,MAAM;AAAA,IAAA,CACpB;AAAA,IACH,CAAC,OAAO,cAAc,YAAY,YAAY,eAAe,YAAY,MAAM,OAAO;AAAA,EAAA;AAGxF,QAAM,cAAc;AAAA,IAClB,CAAC,WAAmD;AAClD,UAAI,CAAC,eAAe,OAAO,QAAQ,QAAQ,OAAO,cAAc,KAAM;AACtE,kBAAY,EAAE,UAAU,OAAO,MAAM,QAAQ,OAAO,YAAY;AAAA,IAClE;AAAA,IACA,CAAC,WAAW;AAAA,EAAA;AAGd,QAAM,WAAW,QAAQ,OAAO,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAC;AAEtE,8BACG,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GACzC,UAAA;AAAA,IAAA,qBAAC,UAAA,EAAO,WAAW,OAAO,QACxB,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,YACrB,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAW,OAAO,OAAQ,UAAA,OAAM;AAAA,QACnC,YAAY,oBAAC,OAAA,EAAI,WAAW,OAAO,UAAW,UAAA,SAAA,CAAS;AAAA,MAAA,GAC1D;AAAA,MACC,WAAW,oBAAC,OAAA,EAAI,WAAW,OAAO,eAAgB,UAAA,QAAA,CAAQ;AAAA,IAAA,GAC7D;AAAA,IAEC,WAAW,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,UAAA,SAAQ;AAAA,IAEpD,aAAa,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,gBAAM,SAAQ;AAAA,IAE5D,CAAC,aAAa,8BACZ,OAAA,EAAI,WAAW,OAAO,OACrB,UAAA;AAAA,MAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,MACZ,WACC,oBAAC,UAAA,EAAO,MAAK,UAAS,WAAW,OAAO,aAAa,SAAS,SAC3D,UAAA,MAAM,MAAA,CACT;AAAA,IAAA,GAEJ;AAAA,IAGD,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,aAC9B,oBAAC,OAAA,EAAI,WAAW,OAAO,OAAQ,gBAAM,MAAA,CAAM;AAAA,IAG5C,CAAC,aAAa,CAAC,SAAS,MAAM,aAC7B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,MAAK;AAAA,QACL,cAAY,eAAe,OAAO,UAAU;AAAA,QAE5C,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAA;AAAA,YAChC;AAAA,YACA;AAAA,YACA,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAEA,oBAAoB,cAAc;"}

package/dist/index32.cjs

@@ -2,11 +2,105 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index58.cjs");
-const Input_module = require("./index63.cjs");
-const Input = react.forwardRef(
-  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
+const clsx = require("./index59.cjs");
+const HeatmapMatrixHeader = require("./index120.cjs");
+const getColumnRuns = require("./index121.cjs");
+const HeatmapMatrix_module = require("./index122.cjs");
+function activateOnKey(event, action) {
+  if (event.key === "Enter" || event.key === " ") {
+    event.preventDefault();
+    action();
+  }
+}
+function ColumnGroups({ runs }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("colgroup", {}),
+    runs.map((run, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "colgroup",
+      {
+        span: run.columns.length,
+        className: index > 0 ? HeatmapMatrix_module.default.groupStart : void 0
+      },
+      run.start
+    ))
+  ] });
+}
+const HeatmapMatrix = react.forwardRef(
+  ({
+    columns,
+    rows,
+    cornerLabel,
+    columnGroups,
+    getCell,
+    onRowHeaderClick,
+    onCellClick,
+    maxHeight,
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const runs = getColumnRuns.hasColumnGroups(columns) ? getColumnRuns.getColumnRuns(columns) : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: clsx.clsx(HeatmapMatrix_module.default.wrap, className),
+        style: { maxHeight, ...style },
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: HeatmapMatrix_module.default.root, children: [
+          runs && /* @__PURE__ */ jsxRuntime.jsx(ColumnGroups, { runs }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            HeatmapMatrixHeader.HeatmapMatrixHeader,
+            {
+              columns,
+              runs,
+              columnGroups,
+              cornerLabel
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row) => {
+            const rowInteractive = Boolean(onRowHeaderClick);
+            return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "th",
+                {
+                  scope: "row",
+                  className: clsx.clsx(HeatmapMatrix_module.default.rowh, rowInteractive && HeatmapMatrix_module.default.clickable),
+                  role: rowInteractive ? "button" : void 0,
+                  tabIndex: rowInteractive ? 0 : void 0,
+                  onClick: rowInteractive ? () => onRowHeaderClick == null ? void 0 : onRowHeaderClick(row.key) : void 0,
+                  onKeyDown: rowInteractive ? (event) => activateOnKey(event, () => onRowHeaderClick == null ? void 0 : onRowHeaderClick(row.key)) : void 0,
+                  children: row.label
+                }
+              ),
+              columns.map((col) => {
+                const cell = getCell(row.key, col.key);
+                const cellInteractive = Boolean(onCellClick);
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  "td",
+                  {
+                    title: cell.title,
+                    className: clsx.clsx(
+                      HeatmapMatrix_module.default.cell,
+                      cell.state && HeatmapMatrix_module.default[cell.state],
+                      cellInteractive && HeatmapMatrix_module.default.clickable
+                    ),
+                    role: cellInteractive ? "button" : void 0,
+                    tabIndex: cellInteractive ? 0 : void 0,
+                    onClick: cellInteractive ? () => onCellClick == null ? void 0 : onCellClick(row.key, col.key) : void 0,
+                    onKeyDown: cellInteractive ? (event) => activateOnKey(event, () => onCellClick == null ? void 0 : onCellClick(row.key, col.key)) : void 0,
+                    children: cell.value
+                  },
+                  col.key
+                );
+              })
+            ] }, row.key);
+          }) })
+        ] })
+      }
+    );
+  }
 );
-Input.displayName = "Input";
-exports.Input = Input;
+HeatmapMatrix.displayName = "HeatmapMatrix";
+exports.HeatmapMatrix = HeatmapMatrix;
 //# sourceMappingURL=index32.cjs.map

package/dist/index32.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index32.cjs","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAMO,MAAM,QAAQA,MAAAA;AAAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvCC,2BAAAA,IAAC,WAAM,KAAU,MAAY,WAAWC,UAAKC,aAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;;"}
+{"version":3,"file":"index32.cjs","sources":["../src/data/HeatmapMatrix/HeatmapMatrix.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { HeatmapColumnGroupsProps, HeatmapMatrixProps } from './HeatmapMatrix.types';\nimport { HeatmapMatrixHeader } from './HeatmapMatrixHeader';\nimport { getColumnRuns, hasColumnGroups } from './getColumnRuns';\nimport styles from './HeatmapMatrix.module.css';\n\nfunction activateOnKey(event: React.KeyboardEvent, action: () => void) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    action();\n  }\n}\n\n/** One `<colgroup>` for the row headers, then one per run; the separator marks every run but the first. */\nfunction ColumnGroups({ runs }: HeatmapColumnGroupsProps) {\n  return (\n    <>\n      <colgroup />\n      {runs.map((run, index) => (\n        <colgroup\n          key={run.start}\n          span={run.columns.length}\n          className={index > 0 ? styles.groupStart : undefined}\n        />\n      ))}\n    </>\n  );\n}\n\nexport const HeatmapMatrix = forwardRef<HTMLDivElement, HeatmapMatrixProps>(\n  (\n    {\n      columns,\n      rows,\n      cornerLabel,\n      columnGroups,\n      getCell,\n      onRowHeaderClick,\n      onCellClick,\n      maxHeight,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const runs = hasColumnGroups(columns) ? getColumnRuns(columns) : undefined;\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.wrap, className)}\n        style={{ maxHeight, ...style }}\n        {...props}\n      >\n        <table className={styles.root}>\n          {runs && <ColumnGroups runs={runs} />}\n          <HeatmapMatrixHeader\n            columns={columns}\n            runs={runs}\n            columnGroups={columnGroups}\n            cornerLabel={cornerLabel}\n          />\n          <tbody>\n            {rows.map((row) => {\n              const rowInteractive = Boolean(onRowHeaderClick);\n              return (\n                <tr key={row.key}>\n                  <th\n                    scope=\"row\"\n                    className={clsx(styles.rowh, rowInteractive && styles.clickable)}\n                    role={rowInteractive ? 'button' : undefined}\n                    tabIndex={rowInteractive ? 0 : undefined}\n                    onClick={rowInteractive ? () => onRowHeaderClick?.(row.key) : undefined}\n                    onKeyDown={\n                      rowInteractive\n                        ? (event) => activateOnKey(event, () => onRowHeaderClick?.(row.key))\n                        : undefined\n                    }\n                  >\n                    {row.label}\n                  </th>\n                  {columns.map((col) => {\n                    const cell = getCell(row.key, col.key);\n                    const cellInteractive = Boolean(onCellClick);\n                    return (\n                      <td\n                        key={col.key}\n                        title={cell.title}\n                        className={clsx(\n                          styles.cell,\n                          cell.state && styles[cell.state],\n                          cellInteractive && styles.clickable,\n                        )}\n                        role={cellInteractive ? 'button' : undefined}\n                        tabIndex={cellInteractive ? 0 : undefined}\n                        onClick={\n                          cellInteractive ? () => onCellClick?.(row.key, col.key) : undefined\n                        }\n                        onKeyDown={\n                          cellInteractive\n                            ? (event) => activateOnKey(event, () => onCellClick?.(row.key, col.key))\n                            : undefined\n                        }\n                      >\n                        {cell.value}\n                      </td>\n                    );\n                  })}\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n    );\n  },\n);\n\nHeatmapMatrix.displayName = 'HeatmapMatrix';\n"],"names":["jsxs","Fragment","jsx","styles","forwardRef","hasColumnGroups","getColumnRuns","clsx","HeatmapMatrixHeader"],"mappings":"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"}

package/dist/index32.js

@@ -1,12 +1,106 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index58.js";
-import styles from "./index63.js";
-const Input = forwardRef(
-  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
+import { clsx } from "./index59.js";
+import { HeatmapMatrixHeader } from "./index120.js";
+import { hasColumnGroups, getColumnRuns } from "./index121.js";
+import styles from "./index122.js";
+function activateOnKey(event, action) {
+  if (event.key === "Enter" || event.key === " ") {
+    event.preventDefault();
+    action();
+  }
+}
+function ColumnGroups({ runs }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("colgroup", {}),
+    runs.map((run, index) => /* @__PURE__ */ jsx(
+      "colgroup",
+      {
+        span: run.columns.length,
+        className: index > 0 ? styles.groupStart : void 0
+      },
+      run.start
+    ))
+  ] });
+}
+const HeatmapMatrix = forwardRef(
+  ({
+    columns,
+    rows,
+    cornerLabel,
+    columnGroups,
+    getCell,
+    onRowHeaderClick,
+    onCellClick,
+    maxHeight,
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const runs = hasColumnGroups(columns) ? getColumnRuns(columns) : void 0;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx(styles.wrap, className),
+        style: { maxHeight, ...style },
+        ...props,
+        children: /* @__PURE__ */ jsxs("table", { className: styles.root, children: [
+          runs && /* @__PURE__ */ jsx(ColumnGroups, { runs }),
+          /* @__PURE__ */ jsx(
+            HeatmapMatrixHeader,
+            {
+              columns,
+              runs,
+              columnGroups,
+              cornerLabel
+            }
+          ),
+          /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => {
+            const rowInteractive = Boolean(onRowHeaderClick);
+            return /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx(
+                "th",
+                {
+                  scope: "row",
+                  className: clsx(styles.rowh, rowInteractive && styles.clickable),
+                  role: rowInteractive ? "button" : void 0,
+                  tabIndex: rowInteractive ? 0 : void 0,
+                  onClick: rowInteractive ? () => onRowHeaderClick == null ? void 0 : onRowHeaderClick(row.key) : void 0,
+                  onKeyDown: rowInteractive ? (event) => activateOnKey(event, () => onRowHeaderClick == null ? void 0 : onRowHeaderClick(row.key)) : void 0,
+                  children: row.label
+                }
+              ),
+              columns.map((col) => {
+                const cell = getCell(row.key, col.key);
+                const cellInteractive = Boolean(onCellClick);
+                return /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    title: cell.title,
+                    className: clsx(
+                      styles.cell,
+                      cell.state && styles[cell.state],
+                      cellInteractive && styles.clickable
+                    ),
+                    role: cellInteractive ? "button" : void 0,
+                    tabIndex: cellInteractive ? 0 : void 0,
+                    onClick: cellInteractive ? () => onCellClick == null ? void 0 : onCellClick(row.key, col.key) : void 0,
+                    onKeyDown: cellInteractive ? (event) => activateOnKey(event, () => onCellClick == null ? void 0 : onCellClick(row.key, col.key)) : void 0,
+                    children: cell.value
+                  },
+                  col.key
+                );
+              })
+            ] }, row.key);
+          }) })
+        ] })
+      }
+    );
+  }
 );
-Input.displayName = "Input";
+HeatmapMatrix.displayName = "HeatmapMatrix";
 export {
-  Input
+  HeatmapMatrix
 };
 //# sourceMappingURL=index32.js.map

package/dist/index32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index32.js","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":[],"mappings":";;;;AAMO,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvC,oBAAC,WAAM,KAAU,MAAY,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;"}
+{"version":3,"file":"index32.js","sources":["../src/data/HeatmapMatrix/HeatmapMatrix.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { HeatmapColumnGroupsProps, HeatmapMatrixProps } from './HeatmapMatrix.types';\nimport { HeatmapMatrixHeader } from './HeatmapMatrixHeader';\nimport { getColumnRuns, hasColumnGroups } from './getColumnRuns';\nimport styles from './HeatmapMatrix.module.css';\n\nfunction activateOnKey(event: React.KeyboardEvent, action: () => void) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    action();\n  }\n}\n\n/** One `<colgroup>` for the row headers, then one per run; the separator marks every run but the first. */\nfunction ColumnGroups({ runs }: HeatmapColumnGroupsProps) {\n  return (\n    <>\n      <colgroup />\n      {runs.map((run, index) => (\n        <colgroup\n          key={run.start}\n          span={run.columns.length}\n          className={index > 0 ? styles.groupStart : undefined}\n        />\n      ))}\n    </>\n  );\n}\n\nexport const HeatmapMatrix = forwardRef<HTMLDivElement, HeatmapMatrixProps>(\n  (\n    {\n      columns,\n      rows,\n      cornerLabel,\n      columnGroups,\n      getCell,\n      onRowHeaderClick,\n      onCellClick,\n      maxHeight,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const runs = hasColumnGroups(columns) ? getColumnRuns(columns) : undefined;\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.wrap, className)}\n        style={{ maxHeight, ...style }}\n        {...props}\n      >\n        <table className={styles.root}>\n          {runs && <ColumnGroups runs={runs} />}\n          <HeatmapMatrixHeader\n            columns={columns}\n            runs={runs}\n            columnGroups={columnGroups}\n            cornerLabel={cornerLabel}\n          />\n          <tbody>\n            {rows.map((row) => {\n              const rowInteractive = Boolean(onRowHeaderClick);\n              return (\n                <tr key={row.key}>\n                  <th\n                    scope=\"row\"\n                    className={clsx(styles.rowh, rowInteractive && styles.clickable)}\n                    role={rowInteractive ? 'button' : undefined}\n                    tabIndex={rowInteractive ? 0 : undefined}\n                    onClick={rowInteractive ? () => onRowHeaderClick?.(row.key) : undefined}\n                    onKeyDown={\n                      rowInteractive\n                        ? (event) => activateOnKey(event, () => onRowHeaderClick?.(row.key))\n                        : undefined\n                    }\n                  >\n                    {row.label}\n                  </th>\n                  {columns.map((col) => {\n                    const cell = getCell(row.key, col.key);\n                    const cellInteractive = Boolean(onCellClick);\n                    return (\n                      <td\n                        key={col.key}\n                        title={cell.title}\n                        className={clsx(\n                          styles.cell,\n                          cell.state && styles[cell.state],\n                          cellInteractive && styles.clickable,\n                        )}\n                        role={cellInteractive ? 'button' : undefined}\n                        tabIndex={cellInteractive ? 0 : undefined}\n                        onClick={\n                          cellInteractive ? () => onCellClick?.(row.key, col.key) : undefined\n                        }\n                        onKeyDown={\n                          cellInteractive\n                            ? (event) => activateOnKey(event, () => onCellClick?.(row.key, col.key))\n                            : undefined\n                        }\n                      >\n                        {cell.value}\n                      </td>\n                    );\n                  })}\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n    );\n  },\n);\n\nHeatmapMatrix.displayName = 'HeatmapMatrix';\n"],"names":[],"mappings":";;;;;;AAOA,SAAS,cAAc,OAA4B,QAAoB;AACrE,MAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,UAAM,eAAA;AACN,WAAA;AAAA,EACF;AACF;AAGA,SAAS,aAAa,EAAE,QAAkC;AACxD,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAS;AAAA,IACT,KAAK,IAAI,CAAC,KAAK,UACd;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAM,IAAI,QAAQ;AAAA,QAClB,WAAW,QAAQ,IAAI,OAAO,aAAa;AAAA,MAAA;AAAA,MAFtC,IAAI;AAAA,IAAA,CAIZ;AAAA,EAAA,GACH;AAEJ;AAEO,MAAM,gBAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,OAAO,gBAAgB,OAAO,IAAI,cAAc,OAAO,IAAI;AACjE,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,OAAO,MAAM,SAAS;AAAA,QACtC,OAAO,EAAE,WAAW,GAAG,MAAA;AAAA,QACtB,GAAG;AAAA,QAEJ,UAAA,qBAAC,SAAA,EAAM,WAAW,OAAO,MACtB,UAAA;AAAA,UAAA,QAAQ,oBAAC,gBAAa,KAAA,CAAY;AAAA,UACnC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,oBAAC,SAAA,EACE,UAAA,KAAK,IAAI,CAAC,QAAQ;AACjB,kBAAM,iBAAiB,QAAQ,gBAAgB;AAC/C,wCACG,MAAA,EACC,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAW,KAAK,OAAO,MAAM,kBAAkB,OAAO,SAAS;AAAA,kBAC/D,MAAM,iBAAiB,WAAW;AAAA,kBAClC,UAAU,iBAAiB,IAAI;AAAA,kBAC/B,SAAS,iBAAiB,MAAM,qDAAmB,IAAI,OAAO;AAAA,kBAC9D,WACE,iBACI,CAAC,UAAU,cAAc,OAAO,MAAM,qDAAmB,IAAI,IAAI,IACjE;AAAA,kBAGL,UAAA,IAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEN,QAAQ,IAAI,CAAC,QAAQ;AACpB,sBAAM,OAAO,QAAQ,IAAI,KAAK,IAAI,GAAG;AACrC,sBAAM,kBAAkB,QAAQ,WAAW;AAC3C,uBACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,OAAO,KAAK;AAAA,oBACZ,WAAW;AAAA,sBACT,OAAO;AAAA,sBACP,KAAK,SAAS,OAAO,KAAK,KAAK;AAAA,sBAC/B,mBAAmB,OAAO;AAAA,oBAAA;AAAA,oBAE5B,MAAM,kBAAkB,WAAW;AAAA,oBACnC,UAAU,kBAAkB,IAAI;AAAA,oBAChC,SACE,kBAAkB,MAAM,2CAAc,IAAI,KAAK,IAAI,OAAO;AAAA,oBAE5D,WACE,kBACI,CAAC,UAAU,cAAc,OAAO,MAAM,2CAAc,IAAI,KAAK,IAAI,IAAI,IACrE;AAAA,oBAGL,UAAA,KAAK;AAAA,kBAAA;AAAA,kBAlBD,IAAI;AAAA,gBAAA;AAAA,cAqBf,CAAC;AAAA,YAAA,EAAA,GAzCM,IAAI,GA0Cb;AAAA,UAEJ,CAAC,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;"}

package/dist/index33.cjs

@@ -2,134 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index58.cjs");
-const constants = require("./index71.cjs");
-const LiveExplorerTable_module = require("./index102.cjs");
-const SKELETON_ROWS = 5;
-const FULL_PERCENT = 100;
-const LiveExplorerTable = ({
-  rows,
-  columns,
-  sortState = null,
-  onSortChange,
-  isLoading = false,
-  hasMore = false,
-  isFetchingNext = false,
-  onLoadMore,
-  onColumnResize,
-  onRowClick,
-  selectedRowKey = null,
-  scrollToSelectedRow = false,
-  maxHeight,
-  className
-}) => {
-  const selectedRef = react.useRef(null);
-  react.useEffect(() => {
-    if (scrollToSelectedRow && selectedRef.current) {
-      selectedRef.current.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    }
-  }, [scrollToSelectedRow, selectedRowKey]);
-  const handleSort = react.useCallback(
-    (columnKey) => {
-      if (!onSortChange) return;
-      const newDirection = (sortState == null ? void 0 : sortState.column) === columnKey && sortState.direction === "asc" ? "desc" : "asc";
-      onSortChange({ column: columnKey, direction: newDirection });
-    },
-    [onSortChange, sortState]
-  );
-  const handleResizeStart = react.useCallback(
-    (columnKey, startX, startWidth) => {
-      if (!onColumnResize) return;
-      const col = columns.find((c) => c.key === columnKey);
-      const minW = (col == null ? void 0 : col.minWidth) ?? constants.MIN_COLUMN_WIDTH;
-      const onMouseMove = (e) => {
-        const newWidth = Math.max(minW, startWidth + e.clientX - startX);
-        onColumnResize(columnKey, newWidth);
-      };
-      const onMouseUp = () => {
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-        document.body.style.cursor = "";
-        document.body.style.userSelect = "";
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-      document.body.style.cursor = "col-resize";
-      document.body.style.userSelect = "none";
-    },
-    [onColumnResize, columns]
-  );
-  const getSortAria = (key) => {
-    if ((sortState == null ? void 0 : sortState.column) !== key) return "none";
-    return sortState.direction === "asc" ? "ascending" : "descending";
-  };
-  const renderCell = (col, row) => {
-    const value = row[col.key];
-    if (col.render) return col.render(value, row);
-    return String(value ?? "");
-  };
-  const containerStyle = maxHeight ? { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight } : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(LiveExplorerTable_module.default.root, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.tableContainer, style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: LiveExplorerTable_module.default.table, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "th",
-        {
-          scope: "col",
-          className: clsx.clsx(LiveExplorerTable_module.default.th, { [LiveExplorerTable_module.default.sortable]: col.sortable }),
-          style: col.width ? { width: `${col.width}px` } : void 0,
-          "aria-sort": col.sortable ? getSortAria(col.key) : void 0,
-          onClick: col.sortable ? () => handleSort(col.key) : void 0,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: LiveExplorerTable_module.default.thContent, children: [
-              col.label,
-              col.sortable && (sortState == null ? void 0 : sortState.column) === col.key && /* @__PURE__ */ jsxRuntime.jsx("span", { className: LiveExplorerTable_module.default.sortIndicator, "aria-hidden": "true", children: sortState.direction === "asc" ? "▲" : "▼" })
-            ] }),
-            onColumnResize && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: LiveExplorerTable_module.default.resizeHandle,
-                role: "separator",
-                "aria-orientation": "vertical",
-                onMouseDown: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  const th = e.target.closest("th");
-                  handleResizeStart(col.key, e.clientX, (th == null ? void 0 : th.offsetWidth) ?? FULL_PERCENT);
-                }
-              }
-            )
-          ]
-        },
-        col.key
-      )) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: isLoading && rows.length === 0 ? Array.from({ length: SKELETON_ROWS }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: LiveExplorerTable_module.default.skeletonRow, children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.skeleton }) }, col.key)) }, `skeleton-${i}`)) : rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
-        "tr",
-        {
-          ref: row.id === selectedRowKey ? selectedRef : void 0,
-          className: clsx.clsx(LiveExplorerTable_module.default.row, {
-            [LiveExplorerTable_module.default.rowSelected]: row.id === selectedRowKey,
-            [LiveExplorerTable_module.default.rowClickable]: !!onRowClick
-          }),
-          "aria-selected": row.id === selectedRowKey || void 0,
-          onClick: onRowClick ? () => onRowClick(row) : void 0,
-          children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: LiveExplorerTable_module.default.td, children: renderCell(col, row) }, col.key))
-        },
-        row.id
-      )) })
-    ] }) }),
-    rows.length === 0 && !isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.empty, children: "No data available" }),
-    hasMore && onLoadMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.loadMore, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: LiveExplorerTable_module.default.loadMoreButton,
-        onClick: onLoadMore,
-        disabled: isFetchingNext,
-        children: isFetchingNext ? "Loading..." : "Load more"
-      }
-    ) })
-  ] });
-};
-LiveExplorerTable.displayName = "LiveExplorerTable";
-exports.LiveExplorerTable = LiveExplorerTable;
+const clsx = require("./index59.cjs");
+const Input_module = require("./index84.cjs");
+const Input = react.forwardRef(
+  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
+);
+Input.displayName = "Input";
+exports.Input = Input;
 //# sourceMappingURL=index33.cjs.map