@ktnpm_devops/react-component 0.18.0 → 0.19.0

package/dist/index127.js

@@ -1,95 +1,27 @@
-import { CHART_COLORS, SCATTER } from "./index62.js";
-const AXIS_NAME_GAP = { X: 28, Y: 38 };
-const GRID_MARGIN = {
-  BASE: 8,
-  TOP: 16,
-  RIGHT: 16,
-  X_NAME: 23,
-  Y_NAME: 34,
-  LEGEND: 30
-};
-const UNCATEGORISED_SERIES = "Points";
-const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
-const symbolSizeFor = (weight, minWeight, maxWeight) => {
-  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;
-  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));
-  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;
-};
-const groupByCategory = (points) => {
-  const groups = /* @__PURE__ */ new Map();
-  for (const folded of points) {
-    const key = folded.point.category ?? UNCATEGORISED_SERIES;
-    const group = groups.get(key);
-    if (group) group.push(folded);
-    else groups.set(key, [folded]);
-  }
-  return groups;
-};
-const toDataItem = (folded, sizeOf) => ({
-  name: folded.point.label,
-  value: [folded.point.x, folded.point.y, folded.count, folded.index],
-  symbolSize: sizeOf(folded.point.weight)
-});
-const buildTooltipFormatter = (config) => (params) => {
-  const { name, seriesName, value, marker } = params;
-  const [x, y, count] = value;
-  const lines = [`${marker} ${escapeHtml(name)}`];
-  lines.push(`${escapeHtml(config.xLabel ?? "x")}: ${x}`);
-  lines.push(`${escapeHtml(config.yLabel ?? "y")}: ${y}`);
-  if (seriesName !== UNCATEGORISED_SERIES) {
-    lines.push(`${escapeHtml(config.categoryLabel ?? "Category")}: ${escapeHtml(seriesName)}`);
-  }
-  if (count > 1) lines.push(`${count} points here`);
-  return lines.join("<br/>");
-};
-const buildScatterOption = (points, config) => {
-  const weights = points.map((p) => p.point.weight).filter((w) => w != null);
-  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;
-  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;
-  const sizeOf = (weight) => weights.length === 0 ? SCATTER.BASE_SYMBOL_SIZE : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);
-  const groups = groupByCategory(points);
-  const series = [...groups.entries()].map(([category, group], i) => ({
-    name: category,
-    type: "scatter",
-    data: group.map((folded) => toDataItem(folded, sizeOf)),
-    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },
-    emphasis: { focus: "series" }
-  }));
-  return {
-    tooltip: { trigger: "item", formatter: buildTooltipFormatter(config) },
-    legend: config.showLegend ? { bottom: 0, type: "scroll" } : void 0,
-    grid: {
-      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,
-      right: GRID_MARGIN.RIGHT,
-      top: GRID_MARGIN.TOP,
-      // Room for the x axis name and the legend, each only when drawn.
-      bottom: GRID_MARGIN.BASE + (config.xLabel ? GRID_MARGIN.X_NAME : 0) + (config.showLegend ? GRID_MARGIN.LEGEND : 0),
-      containLabel: true
-    },
-    xAxis: {
-      type: "value",
-      name: config.xLabel,
-      nameLocation: "middle",
-      nameGap: AXIS_NAME_GAP.X,
-      scale: true
-    },
-    yAxis: {
-      type: "value",
-      name: config.yLabel,
-      nameLocation: "middle",
-      // Without this the y name is drawn horizontally and eats the plot's width.
-      nameRotate: 90,
-      nameGap: AXIS_NAME_GAP.Y,
-      scale: true
-    },
-    dataZoom: config.enableDataZoom ? [
-      { type: "inside", xAxisIndex: 0 },
-      { type: "inside", yAxisIndex: 0 }
-    ] : void 0,
-    series
-  };
+const root = "krc-root-vqaJ6";
+const pill = "krc-pill-8z557";
+const square = "krc-square-g0EM3";
+const segment = "krc-segment-5-V31";
+const isOn = "krc-isOn-7tAhJ";
+const md = "krc-md-pA-Ck";
+const sm = "krc-sm-VMB3s";
+const styles = {
+  root,
+  pill,
+  square,
+  segment,
+  isOn,
+  md,
+  sm
 };
 export {
-  buildScatterOption
+  styles as default,
+  isOn,
+  md,
+  pill,
+  root,
+  segment,
+  sm,
+  square
 };
 //# sourceMappingURL=index127.js.map

package/dist/index127.js.map

@@ -1 +1 @@
-{"version":3,"file":"index127.js","sources":["../src/charts/ScatterChartCard/buildScatterOption.ts"],"sourcesContent":["import type { FoldedPoint } from './foldPoints';\nimport { CHART_COLORS, SCATTER } from '../../constants';\n\n/** Distance from each axis line to its name (px — echarts canvas attributes, not CSS). */\nconst AXIS_NAME_GAP = { X: 28, Y: 38 } as const;\n\n/**\n * Grid margins (px). `containLabel` reserves room for the tick *labels* only, so\n * the axis names and the legend need their own margin or they get clipped at the\n * canvas edge. Each margin must exceed its `AXIS_NAME_GAP` by a text height.\n */\nconst GRID_MARGIN = {\n  BASE: 8,\n  TOP: 16,\n  RIGHT: 16,\n  X_NAME: 23,\n  Y_NAME: 34,\n  LEGEND: 30,\n} as const;\n\n/** Series name used when no point carries a category. */\nconst UNCATEGORISED_SERIES = 'Points';\n\nexport interface ScatterOptionConfig {\n  xLabel?: string;\n  yLabel?: string;\n  categoryLabel?: string;\n  showLegend: boolean;\n  enableDataZoom: boolean;\n}\n\n/** Point labels come from consumer data and land in the tooltip's HTML. */\nconst escapeHtml = (value: string) =>\n  value.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\n/**\n * Map a weight onto a symbol diameter. The square root keeps the mark *area*\n * proportional to the weight, which is how a reader compares bubble sizes.\n * A dataset whose weights are all equal carries no size information, so it\n * renders at the base size rather than all-maximum.\n */\nconst symbolSizeFor = (weight: number, minWeight: number, maxWeight: number) => {\n  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;\n\n  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));\n  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;\n};\n\n/** Group marks by category, preserving first-appearance order. */\nconst groupByCategory = (points: FoldedPoint[]) => {\n  const groups = new Map<string, FoldedPoint[]>();\n\n  for (const folded of points) {\n    const key = folded.point.category ?? UNCATEGORISED_SERIES;\n    const group = groups.get(key);\n    if (group) group.push(folded);\n    else groups.set(key, [folded]);\n  }\n\n  return groups;\n};\n\n/** `[x, y, count, sourceIndex]` — dims beyond the axes carry the tooltip/click metadata. */\nconst toDataItem = (folded: FoldedPoint, sizeOf: (weight: number | null | undefined) => number) => ({\n  name: folded.point.label,\n  value: [folded.point.x, folded.point.y, folded.count, folded.index],\n  symbolSize: sizeOf(folded.point.weight),\n});\n\nconst buildTooltipFormatter = (config: ScatterOptionConfig) => (params: unknown) => {\n  const { name, seriesName, value, marker } = params as {\n    name: string;\n    seriesName: string;\n    value: [number, number, number, number];\n    marker: string;\n  };\n  const [x, y, count] = value;\n\n  const lines = [`${marker} ${escapeHtml(name)}`];\n  lines.push(`${escapeHtml(config.xLabel ?? 'x')}: ${x}`);\n  lines.push(`${escapeHtml(config.yLabel ?? 'y')}: ${y}`);\n\n  if (seriesName !== UNCATEGORISED_SERIES) {\n    lines.push(`${escapeHtml(config.categoryLabel ?? 'Category')}: ${escapeHtml(seriesName)}`);\n  }\n\n  if (count > 1) lines.push(`${count} points here`);\n\n  return lines.join('<br/>');\n};\n\nexport const buildScatterOption = (points: FoldedPoint[], config: ScatterOptionConfig) => {\n  const weights = points.map((p) => p.point.weight).filter((w): w is number => w != null);\n  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;\n  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;\n\n  // An absent weight sits at the bottom of the scale once any weight is present,\n  // and yields the base size when none is.\n  const sizeOf = (weight: number | null | undefined) =>\n    weights.length === 0\n      ? SCATTER.BASE_SYMBOL_SIZE\n      : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);\n\n  const groups = groupByCategory(points);\n  const series = [...groups.entries()].map(([category, group], i) => ({\n    name: category,\n    type: 'scatter' as const,\n    data: group.map((folded) => toDataItem(folded, sizeOf)),\n    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },\n    emphasis: { focus: 'series' as const },\n  }));\n\n  return {\n    tooltip: { trigger: 'item' as const, formatter: buildTooltipFormatter(config) },\n    legend: config.showLegend ? { bottom: 0, type: 'scroll' as const } : undefined,\n    grid: {\n      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,\n      right: GRID_MARGIN.RIGHT,\n      top: GRID_MARGIN.TOP,\n      // Room for the x axis name and the legend, each only when drawn.\n      bottom:\n        GRID_MARGIN.BASE +\n        (config.xLabel ? GRID_MARGIN.X_NAME : 0) +\n        (config.showLegend ? GRID_MARGIN.LEGEND : 0),\n      containLabel: true,\n    },\n    xAxis: {\n      type: 'value' as const,\n      name: config.xLabel,\n      nameLocation: 'middle' as const,\n      nameGap: AXIS_NAME_GAP.X,\n      scale: true,\n    },\n    yAxis: {\n      type: 'value' as const,\n      name: config.yLabel,\n      nameLocation: 'middle' as const,\n      // Without this the y name is drawn horizontally and eats the plot's width.\n      nameRotate: 90,\n      nameGap: AXIS_NAME_GAP.Y,\n      scale: true,\n    },\n    dataZoom: config.enableDataZoom\n      ? [\n          { type: 'inside' as const, xAxisIndex: 0 },\n          { type: 'inside' as const, yAxisIndex: 0 },\n        ]\n      : undefined,\n    series,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index127.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/index128.cjs

@@ -1,42 +1,30 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pttoq";
-const header = "krc-header-npqnm";
-const title = "krc-title-Nho7q";
-const headerActions = "krc-headerActions-ealva";
-const toolbar = "krc-toolbar-JDGNF";
-const warning = "krc-warning-zk0fc";
-const chartContainer = "krc-chartContainer-9YPrR";
-const loading = "krc-loading-kZWgE";
-const empty = "krc-empty-JDNOq";
-const error = "krc-error-IULEe";
-const retryButton = "krc-retryButton-GvyS0";
-const compact = "krc-compact-bzibR";
+const root = "krc-root-Kdtyn";
+const primary = "krc-primary-6l6aH";
+const secondary = "krc-secondary-29n8Y";
+const outline = "krc-outline-U1Mlr";
+const ghost = "krc-ghost-5wRsR";
+const danger = "krc-danger-gL4NM";
+const sm = "krc-sm-zP51s";
+const lg = "krc-lg-ZefGA";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  chartContainer,
-  loading,
-  empty,
-  error,
-  retryButton,
-  compact
+  primary,
+  secondary,
+  outline,
+  ghost,
+  danger,
+  sm,
+  lg
 };
-exports.chartContainer = chartContainer;
-exports.compact = compact;
+exports.danger = danger;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.loading = loading;
-exports.retryButton = retryButton;
+exports.ghost = ghost;
+exports.lg = lg;
+exports.outline = outline;
+exports.primary = primary;
 exports.root = root;
-exports.title = title;
-exports.toolbar = toolbar;
-exports.warning = warning;
+exports.secondary = secondary;
+exports.sm = sm;
 //# sourceMappingURL=index128.cjs.map

package/dist/index128.cjs.map

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

package/dist/index128.js

@@ -1,42 +1,30 @@
-const root = "krc-root-pttoq";
-const header = "krc-header-npqnm";
-const title = "krc-title-Nho7q";
-const headerActions = "krc-headerActions-ealva";
-const toolbar = "krc-toolbar-JDGNF";
-const warning = "krc-warning-zk0fc";
-const chartContainer = "krc-chartContainer-9YPrR";
-const loading = "krc-loading-kZWgE";
-const empty = "krc-empty-JDNOq";
-const error = "krc-error-IULEe";
-const retryButton = "krc-retryButton-GvyS0";
-const compact = "krc-compact-bzibR";
+const root = "krc-root-Kdtyn";
+const primary = "krc-primary-6l6aH";
+const secondary = "krc-secondary-29n8Y";
+const outline = "krc-outline-U1Mlr";
+const ghost = "krc-ghost-5wRsR";
+const danger = "krc-danger-gL4NM";
+const sm = "krc-sm-zP51s";
+const lg = "krc-lg-ZefGA";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  chartContainer,
-  loading,
-  empty,
-  error,
-  retryButton,
-  compact
+  primary,
+  secondary,
+  outline,
+  ghost,
+  danger,
+  sm,
+  lg
 };
 export {
-  chartContainer,
-  compact,
+  danger,
   styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  loading,
-  retryButton,
+  ghost,
+  lg,
+  outline,
+  primary,
   root,
-  title,
-  toolbar,
-  warning
+  secondary,
+  sm
 };
 //# sourceMappingURL=index128.js.map

package/dist/index128.js.map

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

package/dist/index13.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index59.cjs");
-const Badge_module = require("./index69.cjs");
+const Badge_module = require("./index108.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=index13.cjs.map

package/dist/index13.js

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

package/dist/index14.cjs

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

package/dist/index14.js

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

package/dist/index15.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index59.cjs");
-const Card_module = require("./index66.cjs");
+const Card_module = require("./index61.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/index15.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "./index59.js";
-import styles from "./index66.js";
+import styles from "./index61.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/index16.cjs

@@ -6,7 +6,7 @@ const reactDom = require("react-dom");
 const useEscapeKey = require("./index5.cjs");
 const constants = require("./index62.cjs");
 const clsx = require("./index59.cjs");
-const ChartExpandModal_module = require("./index84.cjs");
+const ChartExpandModal_module = require("./index110.cjs");
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index16.js

@@ -4,7 +4,7 @@ import { createPortal } from "react-dom";
 import { useEscapeKey } from "./index5.js";
 import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE, CHART_MODAL, VIEWPORT_MARGIN } from "./index62.js";
 import { clsx } from "./index59.js";
-import styles from "./index84.js";
+import styles from "./index110.js";
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index17.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index59.cjs");
-const ChatLayout_module = require("./index89.cjs");
+const ChatLayout_module = require("./index106.cjs");
 const ChatLayout = ({
   sidebar,
   conversationList,

package/dist/index17.js

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

package/dist/index18.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index59.cjs");
-const Checkbox_module = require("./index113.cjs");
+const Checkbox_module = require("./index93.cjs");
 const Checkbox = react.forwardRef(
   ({
     checked,

package/dist/index18.js

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

package/dist/index19.cjs

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

package/dist/index19.js

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

package/dist/index20.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index59.cjs");
-const ChipGroup_module = require("./index74.cjs");
+const ChipGroup_module = require("./index72.cjs");
 const Chip = require("./index19.cjs");
 const ChipGroup = react.forwardRef(
   ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {

package/dist/index20.js

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

package/dist/index21.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index59.cjs");
-const Col_module = require("./index80.cjs");
+const Col_module = require("./index78.cjs");
 const GRID_COLUMNS = 12;
 function toFlexValue(value) {
   if (value === true) return 1;

package/dist/index21.js

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

package/dist/index22.cjs

@@ -6,7 +6,7 @@ const reactDom = require("react-dom");
 const useEscapeKey = require("./index5.cjs");
 const constants = require("./index62.cjs");
 const clsx = require("./index59.cjs");
-const ContextMenu_module = require("./index87.cjs");
+const ContextMenu_module = require("./index91.cjs");
 const ContextMenu = ({ x, y, items, onClose }) => {
   const menuRef = react.useRef(null);
   const [focusedIndex, setFocusedIndex] = react.useState(-1);

package/dist/index22.js

@@ -4,7 +4,7 @@ import { createPortal } from "react-dom";
 import { useEscapeKey } from "./index5.js";
 import { CONTEXT_MENU_MARGIN } from "./index62.js";
 import { clsx } from "./index59.js";
-import styles from "./index87.js";
+import styles from "./index91.js";
 const ContextMenu = ({ x, y, items, onClose }) => {
   const menuRef = useRef(null);
   const [focusedIndex, setFocusedIndex] = useState(-1);

package/dist/index23.cjs

@@ -5,7 +5,7 @@ const react = require("react");
 const ReactECharts = require("echarts-for-react");
 const clsx = require("./index59.cjs");
 const constants = require("./index62.cjs");
-const CounterTimeseriesChart_module = require("./index100.cjs");
+const CounterTimeseriesChart_module = require("./index92.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/index23.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import ReactECharts from "echarts-for-react";
 import { clsx } from "./index59.js";
 import { CHART_COLORS } from "./index62.js";
-import styles from "./index100.js";
+import styles from "./index92.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/index24.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index59.cjs");
 const constants = require("./index62.cjs");
-const CountersAnalysisCard_module = require("./index124.cjs");
+const CountersAnalysisCard_module = require("./index112.cjs");
 const CounterTimeseriesChart = require("./index23.cjs");
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index24.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { clsx } from "./index59.js";
 import { COUNTERS_PAGE_SIZE } from "./index62.js";
-import styles from "./index124.js";
+import styles from "./index112.js";
 import { CounterTimeseriesChart } from "./index23.js";
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index25.cjs

@@ -7,7 +7,7 @@ const useClickOutside = require("./index4.cjs");
 const usePanelPlacement = require("./index76.cjs");
 const useEscapeKey = require("./index5.cjs");
 const format = require("./index8.cjs");
-const CustomRangePicker_module = require("./index93.cjs");
+const CustomRangePicker_module = require("./index82.cjs");
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index25.js

@@ -5,7 +5,7 @@ import { useClickOutside } from "./index4.js";
 import { usePanelPlacement } from "./index76.js";
 import { useEscapeKey } from "./index5.js";
 import { formatLocalISOString } from "./index8.js";
-import styles from "./index93.js";
+import styles from "./index82.js";
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index26.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index59.cjs");
-const DashboardLayout_module = require("./index88.cjs");
+const DashboardLayout_module = require("./index64.cjs");
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { clsx } from "./index59.js";
-import styles from "./index88.js";
+import styles from "./index64.js";
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index27.cjs

@@ -6,7 +6,7 @@ const clsx = require("./index59.cjs");
 const useClickOutside = require("./index4.cjs");
 const usePanelPlacement = require("./index76.cjs");
 const useEscapeKey = require("./index5.cjs");
-const DatePickerDropdown_module = require("./index82.cjs");
+const DatePickerDropdown_module = require("./index77.cjs");
 const MONTHS = [
   "January",
   "February",

package/dist/index27.js

@@ -4,7 +4,7 @@ import { clsx } from "./index59.js";
 import { useClickOutside } from "./index4.js";
 import { usePanelPlacement } from "./index76.js";
 import { useEscapeKey } from "./index5.js";
-import styles from "./index82.js";
+import styles from "./index77.js";
 const MONTHS = [
   "January",
   "February",

package/dist/index28.cjs

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

package/dist/index28.js

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

package/dist/index29.cjs

@@ -7,7 +7,7 @@ const useClickOutside = require("./index4.cjs");
 const usePanelPlacement = require("./index76.cjs");
 const useEscapeKey = require("./index5.cjs");
 const constants = require("./index62.cjs");
-const FilterDropdown_module = require("./index77.cjs");
+const FilterDropdown_module = require("./index89.cjs");
 const Chip = require("./index19.cjs");
 const FilterDropdown = ({
   label,

package/dist/index29.js

@@ -5,7 +5,7 @@ import { useClickOutside } from "./index4.js";
 import { usePanelPlacement } from "./index76.js";
 import { useEscapeKey } from "./index5.js";
 import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index62.js";
-import styles from "./index77.js";
+import styles from "./index89.js";
 import { Chip } from "./index19.js";
 const FilterDropdown = ({
   label,