@ktnpm_devops/react-component 0.11.0 → 0.12.1

package/dist/index105.js

@@ -0,0 +1,27 @@
+const overlay = "krc-overlay-4gFc3";
+const root = "krc-root-eKDda";
+const header = "krc-header-YrzLd";
+const title = "krc-title-9rzEH";
+const closeBtn = "krc-closeBtn-vGJ7P";
+const body = "krc-body-g43Cd";
+const footer = "krc-footer-JRwi5";
+const styles = {
+  overlay,
+  root,
+  header,
+  title,
+  closeBtn,
+  body,
+  footer
+};
+export {
+  body,
+  closeBtn,
+  styles as default,
+  footer,
+  header,
+  overlay,
+  root,
+  title
+};
+//# sourceMappingURL=index105.js.map

package/dist/index105.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index105.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/index11.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index54.cjs");
-const Avatar_module = require("./index103.cjs");
+const clsx = require("./index55.cjs");
+const Avatar_module = require("./index101.cjs");
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/index11.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "./index54.js";
-import styles from "./index103.js";
+import { clsx } from "./index55.js";
+import styles from "./index101.js";
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsx(

package/dist/index12.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index54.cjs");
-const Badge_module = require("./index83.cjs");
+const clsx = require("./index55.cjs");
+const Badge_module = require("./index64.cjs");
 const Badge = ({ className, variant = "info", ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(Badge_module.default.root, Badge_module.default[variant], className), ...props });
 exports.Badge = Badge;
 //# sourceMappingURL=index12.cjs.map

package/dist/index12.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "./index54.js";
-import styles from "./index83.js";
+import { clsx } from "./index55.js";
+import styles from "./index64.js";
 const Badge = ({ className, variant = "info", ...props }) => /* @__PURE__ */ jsx("span", { className: clsx(styles.root, styles[variant], className), ...props });
 export {
   Badge

package/dist/index13.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const Button_module = require("./index55.cjs");
+const clsx = require("./index55.cjs");
+const Button_module = require("./index67.cjs");
 const Button = react.forwardRef(
   ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",

package/dist/index13.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index54.js";
-import styles from "./index55.js";
+import { clsx } from "./index55.js";
+import styles from "./index67.js";
 const Button = forwardRef(
   ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
     "button",

package/dist/index14.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index54.cjs");
-const Card_module = require("./index94.cjs");
+const clsx = require("./index55.cjs");
+const Card_module = require("./index78.cjs");
 const Card = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.root, className), ...props });
 const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.header, className), ...props });
 const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.content, className), ...props });

package/dist/index14.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "./index54.js";
-import styles from "./index94.js";
+import { clsx } from "./index55.js";
+import styles from "./index78.js";
 const Card = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.root, className), ...props });
 const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.header, className), ...props });
 const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.content, className), ...props });

package/dist/index15.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactDom = require("react-dom");
 const useEscapeKey = require("./index5.cjs");
-const constants = require("./index61.cjs");
-const clsx = require("./index54.cjs");
-const ChartExpandModal_module = require("./index79.cjs");
+const constants = require("./index59.cjs");
+const clsx = require("./index55.cjs");
+const ChartExpandModal_module = require("./index77.cjs");
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index15.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { createPortal } from "react-dom";
 import { useEscapeKey } from "./index5.js";
-import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE, CHART_MODAL, VIEWPORT_MARGIN } from "./index61.js";
-import { clsx } from "./index54.js";
-import styles from "./index79.js";
+import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE, CHART_MODAL, VIEWPORT_MARGIN } from "./index59.js";
+import { clsx } from "./index55.js";
+import styles from "./index77.js";
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index16.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index54.cjs");
-const ChatLayout_module = require("./index68.cjs");
+const clsx = require("./index55.cjs");
+const ChatLayout_module = require("./index89.cjs");
 const ChatLayout = ({
   sidebar,
   conversationList,

package/dist/index16.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { clsx } from "./index54.js";
-import styles from "./index68.js";
+import { clsx } from "./index55.js";
+import styles from "./index89.js";
 const ChatLayout = ({
   sidebar,
   conversationList,

package/dist/index17.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const Checkbox_module = require("./index85.cjs");
+const clsx = require("./index55.cjs");
+const Checkbox_module = require("./index63.cjs");
 const Checkbox = react.forwardRef(
   ({
     checked,

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useEffect, useCallback } from "react";
-import { clsx } from "./index54.js";
-import styles from "./index85.js";
+import { clsx } from "./index55.js";
+import styles from "./index63.js";
 const Checkbox = forwardRef(
   ({
     checked,

package/dist/index18.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const Chip_module = require("./index84.cjs");
+const clsx = require("./index55.cjs");
+const Chip_module = require("./index62.cjs");
 const Chip = react.forwardRef(
   ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",

package/dist/index18.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index54.js";
-import styles from "./index84.js";
+import { clsx } from "./index55.js";
+import styles from "./index62.js";
 const Chip = forwardRef(
   ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsx(
     "button",

package/dist/index19.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const ChipGroup_module = require("./index65.cjs");
+const clsx = require("./index55.cjs");
+const ChipGroup_module = require("./index85.cjs");
 const Chip = require("./index18.cjs");
 const ChipGroup = react.forwardRef(
   ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {

package/dist/index19.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
-import { clsx } from "./index54.js";
-import styles from "./index65.js";
+import { clsx } from "./index55.js";
+import styles from "./index85.js";
 import { Chip } from "./index18.js";
 const ChipGroup = forwardRef(
   ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {

package/dist/index20.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const Col_module = require("./index60.cjs");
+const clsx = require("./index55.cjs");
+const Col_module = require("./index100.cjs");
 const GRID_COLUMNS = 12;
 function toFlexValue(value) {
   if (value === true) return 1;

package/dist/index20.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index54.js";
-import styles from "./index60.js";
+import { clsx } from "./index55.js";
+import styles from "./index100.js";
 const GRID_COLUMNS = 12;
 function toFlexValue(value) {
   if (value === true) return 1;

package/dist/index21.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactDom = require("react-dom");
 const useEscapeKey = require("./index5.cjs");
-const constants = require("./index61.cjs");
-const clsx = require("./index54.cjs");
-const ContextMenu_module = require("./index69.cjs");
+const constants = require("./index59.cjs");
+const clsx = require("./index55.cjs");
+const ContextMenu_module = require("./index76.cjs");
 const ContextMenu = ({ x, y, items, onClose }) => {
   const menuRef = react.useRef(null);
   const [focusedIndex, setFocusedIndex] = react.useState(-1);

package/dist/index21.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useCallback, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { useEscapeKey } from "./index5.js";
-import { CONTEXT_MENU_MARGIN } from "./index61.js";
-import { clsx } from "./index54.js";
-import styles from "./index69.js";
+import { CONTEXT_MENU_MARGIN } from "./index59.js";
+import { clsx } from "./index55.js";
+import styles from "./index76.js";
 const ContextMenu = ({ x, y, items, onClose }) => {
   const menuRef = useRef(null);
   const [focusedIndex, setFocusedIndex] = useState(-1);

package/dist/index22.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const ReactECharts = require("echarts-for-react");
-const clsx = require("./index54.cjs");
-const constants = require("./index61.cjs");
-const CounterTimeseriesChart_module = require("./index62.cjs");
+const clsx = require("./index55.cjs");
+const constants = require("./index59.cjs");
+const CounterTimeseriesChart_module = require("./index93.cjs");
 const DEFAULT_TIME_RANGE_OPTIONS = ["auto", "1h", "6h", "24h", "7d", "30d"];
 const buildMarkAreas = (annotations) => annotations.filter((a) => a.end).map((a) => [
   { name: a.label, xAxis: a.start, itemStyle: { color: a.color ?? "rgba(255,107,90,0.12)" } },

package/dist/index22.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import ReactECharts from "echarts-for-react";
-import { clsx } from "./index54.js";
-import { CHART_COLORS } from "./index61.js";
-import styles from "./index62.js";
+import { clsx } from "./index55.js";
+import { CHART_COLORS } from "./index59.js";
+import styles from "./index93.js";
 const DEFAULT_TIME_RANGE_OPTIONS = ["auto", "1h", "6h", "24h", "7d", "30d"];
 const buildMarkAreas = (annotations) => annotations.filter((a) => a.end).map((a) => [
   { name: a.label, xAxis: a.start, itemStyle: { color: a.color ?? "rgba(255,107,90,0.12)" } },

package/dist/index23.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const constants = require("./index61.cjs");
-const CountersAnalysisCard_module = require("./index75.cjs");
+const clsx = require("./index55.cjs");
+const constants = require("./index59.cjs");
+const CountersAnalysisCard_module = require("./index87.cjs");
 const CounterTimeseriesChart = require("./index22.cjs");
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index23.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
-import { clsx } from "./index54.js";
-import { COUNTERS_PAGE_SIZE } from "./index61.js";
-import styles from "./index75.js";
+import { clsx } from "./index55.js";
+import { COUNTERS_PAGE_SIZE } from "./index59.js";
+import styles from "./index87.js";
 import { CounterTimeseriesChart } from "./index22.js";
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index24.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
+const clsx = require("./index55.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
 const format = require("./index7.cjs");
-const CustomRangePicker_module = require("./index66.cjs");
+const CustomRangePicker_module = require("./index79.cjs");
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index24.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { clsx } from "./index54.js";
+import { clsx } from "./index55.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
 import { formatLocalISOString } from "./index7.js";
-import styles from "./index66.js";
+import styles from "./index79.js";
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index25.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index54.cjs");
-const DashboardLayout_module = require("./index72.cjs");
+const clsx = require("./index55.cjs");
+const DashboardLayout_module = require("./index102.cjs");
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index25.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { clsx } from "./index54.js";
-import styles from "./index72.js";
+import { clsx } from "./index55.js";
+import styles from "./index102.js";
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index26.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
+const clsx = require("./index55.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
-const DatePickerDropdown_module = require("./index76.cjs");
+const DatePickerDropdown_module = require("./index86.cjs");
 const MONTHS = [
   "January",
   "February",

package/dist/index26.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { clsx } from "./index54.js";
+import { clsx } from "./index55.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
-import styles from "./index76.js";
+import styles from "./index86.js";
 const MONTHS = [
   "January",
   "February",

package/dist/index27.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const EmptyState_module = require("./index86.cjs");
+const clsx = require("./index55.cjs");
+const EmptyState_module = require("./index60.cjs");
 const EmptyState = react.forwardRef(
   ({ title, description, icon, action, variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",

package/dist/index27.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index54.js";
-import styles from "./index86.js";
+import { clsx } from "./index55.js";
+import styles from "./index60.js";
 const EmptyState = forwardRef(
   ({ title, description, icon, action, variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",

package/dist/index28.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
+const clsx = require("./index55.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
-const constants = require("./index61.cjs");
-const FilterDropdown_module = require("./index80.cjs");
+const constants = require("./index59.cjs");
+const FilterDropdown_module = require("./index71.cjs");
 const Chip = require("./index18.cjs");
 const FilterDropdown = ({
   label,

package/dist/index28.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { clsx } from "./index54.js";
+import { clsx } from "./index55.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
-import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index61.js";
-import styles from "./index80.js";
+import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index59.js";
+import styles from "./index71.js";
 import { Chip } from "./index18.js";
 const FilterDropdown = ({
   label,

package/dist/index29.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const HeatmapMatrix_module = require("./index96.cjs");
+const clsx = require("./index55.cjs");
+const HeatmapMatrix_module = require("./index98.cjs");
 function activateOnKey(event, action) {
   if (event.key === "Enter" || event.key === " ") {
     event.preventDefault();

package/dist/index29.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index54.js";
-import styles from "./index96.js";
+import { clsx } from "./index55.js";
+import styles from "./index98.js";
 function activateOnKey(event, action) {
   if (event.key === "Enter" || event.key === " ") {
     event.preventDefault();

package/dist/index30.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const Input_module = require("./index88.cjs");
+const clsx = require("./index55.cjs");
+const Input_module = require("./index65.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 })
 );

package/dist/index30.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index54.js";
-import styles from "./index88.js";
+import { clsx } from "./index55.js";
+import styles from "./index65.js";
 const Input = forwardRef(
   ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
 );

package/dist/index31.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const constants = require("./index61.cjs");
-const LiveExplorerTable_module = require("./index95.cjs");
+const clsx = require("./index55.cjs");
+const constants = require("./index59.cjs");
+const LiveExplorerTable_module = require("./index97.cjs");
 const SKELETON_ROWS = 5;
 const FULL_PERCENT = 100;
 const LiveExplorerTable = ({

package/dist/index31.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback } from "react";
-import { clsx } from "./index54.js";
-import { MIN_COLUMN_WIDTH } from "./index61.js";
-import styles from "./index95.js";
+import { clsx } from "./index55.js";
+import { MIN_COLUMN_WIDTH } from "./index59.js";
+import styles from "./index97.js";
 const SKELETON_ROWS = 5;
 const FULL_PERCENT = 100;
 const LiveExplorerTable = ({