@ktnpm_devops/react-component 0.17.0 → 0.18.0

package/dist/index119.js

@@ -1,24 +1,72 @@
-const root = "krc-root-rzEDE";
-const sidebar = "krc-sidebar-ediN2";
-const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
-const main = "krc-main-E8utR";
-const filterBar = "krc-filterBar-O8ajX";
-const content = "krc-content-lY5l-";
-const styles = {
-  root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  filterBar,
-  content
+import { GROUPED_BAR, CHART_COLORS } from "./index62.js";
+const { GRID_MARGIN, AXIS_NAME_GAP } = GROUPED_BAR;
+const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
+const colorFor = (name, index, seriesColors) => (seriesColors == null ? void 0 : seriesColors[name]) ?? CHART_COLORS[index % CHART_COLORS.length];
+const markerFor = (color) => {
+  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = GROUPED_BAR;
+  return `<span style="display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};"></span>`;
+};
+const buildTooltipFormatter = (pivot, colors, noValueText) => (params) => {
+  const first = Array.isArray(params) ? params[0] : params;
+  const index = first == null ? void 0 : first.dataIndex;
+  if (index == null || index >= pivot.categories.length) return "";
+  const lines = [escapeHtml(pivot.categories[index])];
+  pivot.series.forEach((s, i) => {
+    const value = s.values[index];
+    const text = value == null ? escapeHtml(noValueText) : String(value);
+    lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);
+  });
+  return lines.join("<br/>");
+};
+const buildGrid = (config) => {
+  const named = Boolean(config.valueLabel);
+  return {
+    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),
+    right: GRID_MARGIN.RIGHT,
+    top: GRID_MARGIN.TOP,
+    // Room for a horizontal value-axis name and the legend, each only when drawn.
+    bottom: GRID_MARGIN.BASE + (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) + (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),
+    containLabel: true
+  };
+};
+const buildGroupedBarOption = (pivot, config) => {
+  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));
+  const categoryAxis = {
+    type: "category",
+    data: pivot.categories,
+    // Horizontal bars read top-down, so the first category goes on top.
+    inverse: config.invertAxis
+  };
+  const valueAxis = {
+    type: "value",
+    name: config.valueLabel,
+    nameLocation: "middle",
+    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,
+    // Without this a vertical axis name is drawn horizontally and eats the plot's width.
+    nameRotate: config.invertAxis ? 0 : 90,
+    minInterval: config.integerValues ? 1 : void 0
+  };
+  return {
+    tooltip: {
+      trigger: "axis",
+      axisPointer: { type: "shadow" },
+      formatter: buildTooltipFormatter(pivot, colors, config.noValueText)
+    },
+    legend: { show: !config.hideLegend, bottom: 0, type: "scroll" },
+    grid: buildGrid(config),
+    xAxis: config.invertAxis ? valueAxis : categoryAxis,
+    yAxis: config.invertAxis ? categoryAxis : valueAxis,
+    series: pivot.series.map((s, i) => ({
+      name: s.name,
+      type: "bar",
+      data: s.values,
+      barMinHeight: GROUPED_BAR.MIN_BAR_HEIGHT,
+      itemStyle: { color: colors[i] },
+      emphasis: { focus: "series" }
+    }))
+  };
 };
 export {
-  content,
-  styles as default,
-  filterBar,
-  main,
-  root,
-  sidebar,
-  sidebarCollapsed
+  buildGroupedBarOption
 };
 //# sourceMappingURL=index119.js.map

package/dist/index119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index119.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index119.js","sources":["../src/charts/GroupedBarChartCard/buildGroupedBarOption.ts"],"sourcesContent":["import type { GroupedBarPivot } from './pivotGroupedBars';\nimport { CHART_COLORS, GROUPED_BAR } from '../../constants';\n\nexport interface GroupedBarOptionConfig {\n  seriesColors?: Readonly<Record<string, string>>;\n  invertAxis: boolean;\n  hideLegend: boolean;\n  integerValues: boolean;\n  valueLabel?: string;\n  /** Tooltip text for a gap. */\n  noValueText: string;\n}\n\nconst { GRID_MARGIN, AXIS_NAME_GAP } = GROUPED_BAR;\n\n/** Category and series names 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/** Pinned colour first, else the palette by first-seen position. */\nconst colorFor = (name: string, index: number, seriesColors?: Readonly<Record<string, string>>) =>\n  seriesColors?.[name] ?? CHART_COLORS[index % CHART_COLORS.length];\n\nconst markerFor = (color: string) => {\n  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = GROUPED_BAR;\n  return `<span style=\"display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};\"></span>`;\n};\n\n/**\n * The tooltip is built from the pivot rather than from echarts' params, so every\n * series is listed in series order and a gap reads as `noValueText`, never `-`.\n */\nconst buildTooltipFormatter =\n  (pivot: GroupedBarPivot, colors: string[], noValueText: string) => (params: unknown) => {\n    const first = (Array.isArray(params) ? params[0] : params) as\n      | { dataIndex?: number }\n      | undefined;\n    const index = first?.dataIndex;\n    if (index == null || index >= pivot.categories.length) return '';\n\n    const lines = [escapeHtml(pivot.categories[index])];\n    pivot.series.forEach((s, i) => {\n      const value = s.values[index];\n      const text = value == null ? escapeHtml(noValueText) : String(value);\n      lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);\n    });\n\n    return lines.join('<br/>');\n  };\n\nconst buildGrid = (config: GroupedBarOptionConfig) => {\n  const named = Boolean(config.valueLabel);\n  return {\n    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),\n    right: GRID_MARGIN.RIGHT,\n    top: GRID_MARGIN.TOP,\n    // Room for a horizontal value-axis name and the legend, each only when drawn.\n    bottom:\n      GRID_MARGIN.BASE +\n      (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) +\n      (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),\n    containLabel: true,\n  };\n};\n\nexport const buildGroupedBarOption = (pivot: GroupedBarPivot, config: GroupedBarOptionConfig) => {\n  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));\n\n  const categoryAxis = {\n    type: 'category' as const,\n    data: pivot.categories,\n    // Horizontal bars read top-down, so the first category goes on top.\n    inverse: config.invertAxis,\n  };\n  const valueAxis = {\n    type: 'value' as const,\n    name: config.valueLabel,\n    nameLocation: 'middle' as const,\n    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,\n    // Without this a vertical axis name is drawn horizontally and eats the plot's width.\n    nameRotate: config.invertAxis ? 0 : 90,\n    minInterval: config.integerValues ? 1 : undefined,\n  };\n\n  return {\n    tooltip: {\n      trigger: 'axis' as const,\n      axisPointer: { type: 'shadow' as const },\n      formatter: buildTooltipFormatter(pivot, colors, config.noValueText),\n    },\n    legend: { show: !config.hideLegend, bottom: 0, type: 'scroll' as const },\n    grid: buildGrid(config),\n    xAxis: config.invertAxis ? valueAxis : categoryAxis,\n    yAxis: config.invertAxis ? categoryAxis : valueAxis,\n    series: pivot.series.map((s, i) => ({\n      name: s.name,\n      type: 'bar' as const,\n      data: s.values,\n      barMinHeight: GROUPED_BAR.MIN_BAR_HEIGHT,\n      itemStyle: { color: colors[i] },\n      emphasis: { focus: 'series' as const },\n    })),\n  };\n};\n"],"names":[],"mappings":";AAaA,MAAM,EAAE,aAAa,cAAA,IAAkB;AAGvC,MAAM,aAAa,CAAC,UAClB,MAAM,QAAQ,WAAW,CAAC,SAAS,KAAK,KAAK,WAAW,CAAC,CAAC,GAAG;AAG/D,MAAM,WAAW,CAAC,MAAc,OAAe,kBAC7C,6CAAe,UAAS,aAAa,QAAQ,aAAa,MAAM;AAElE,MAAM,YAAY,CAAC,UAAkB;AACnC,QAAM,EAAE,qBAAqB,MAAM,oBAAoB,QAAQ;AAC/D,SAAO,kDAAkD,GAAG,8BAA8B,IAAI,aAAa,IAAI,uBAAuB,WAAW,KAAK,CAAC;AACzJ;AAMA,MAAM,wBACJ,CAAC,OAAwB,QAAkB,gBAAwB,CAAC,WAAoB;AACtF,QAAM,QAAS,MAAM,QAAQ,MAAM,IAAI,OAAO,CAAC,IAAI;AAGnD,QAAM,QAAQ,+BAAO;AACrB,MAAI,SAAS,QAAQ,SAAS,MAAM,WAAW,OAAQ,QAAO;AAE9D,QAAM,QAAQ,CAAC,WAAW,MAAM,WAAW,KAAK,CAAC,CAAC;AAClD,QAAM,OAAO,QAAQ,CAAC,GAAG,MAAM;AAC7B,UAAM,QAAQ,EAAE,OAAO,KAAK;AAC5B,UAAM,OAAO,SAAS,OAAO,WAAW,WAAW,IAAI,OAAO,KAAK;AACnE,UAAM,KAAK,GAAG,UAAU,OAAO,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;AAAA,EACpE,CAAC;AAED,SAAO,MAAM,KAAK,OAAO;AAC3B;AAEF,MAAM,YAAY,CAAC,WAAmC;AACpD,QAAM,QAAQ,QAAQ,OAAO,UAAU;AACvC,SAAO;AAAA,IACL,MAAM,YAAY,QAAQ,SAAS,CAAC,OAAO,aAAa,YAAY,eAAe;AAAA,IACnF,OAAO,YAAY;AAAA,IACnB,KAAK,YAAY;AAAA;AAAA,IAEjB,QACE,YAAY,QACX,SAAS,OAAO,aAAa,YAAY,eAAe,MACxD,OAAO,aAAa,IAAI,YAAY;AAAA,IACvC,cAAc;AAAA,EAAA;AAElB;AAEO,MAAM,wBAAwB,CAAC,OAAwB,WAAmC;AAC/F,QAAM,SAAS,MAAM,OAAO,IAAI,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,GAAG,OAAO,YAAY,CAAC;AAElF,QAAM,eAAe;AAAA,IACnB,MAAM;AAAA,IACN,MAAM,MAAM;AAAA;AAAA,IAEZ,SAAS,OAAO;AAAA,EAAA;AAElB,QAAM,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,MAAM,OAAO;AAAA,IACb,cAAc;AAAA,IACd,SAAS,OAAO,aAAa,cAAc,IAAI,cAAc;AAAA;AAAA,IAE7D,YAAY,OAAO,aAAa,IAAI;AAAA,IACpC,aAAa,OAAO,gBAAgB,IAAI;AAAA,EAAA;AAG1C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa,EAAE,MAAM,SAAA;AAAA,MACrB,WAAW,sBAAsB,OAAO,QAAQ,OAAO,WAAW;AAAA,IAAA;AAAA,IAEpE,QAAQ,EAAE,MAAM,CAAC,OAAO,YAAY,QAAQ,GAAG,MAAM,SAAA;AAAA,IACrD,MAAM,UAAU,MAAM;AAAA,IACtB,OAAO,OAAO,aAAa,YAAY;AAAA,IACvC,OAAO,OAAO,aAAa,eAAe;AAAA,IAC1C,QAAQ,MAAM,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,MAClC,MAAM,EAAE;AAAA,MACR,MAAM;AAAA,MACN,MAAM,EAAE;AAAA,MACR,cAAc,YAAY;AAAA,MAC1B,WAAW,EAAE,OAAO,OAAO,CAAC,EAAA;AAAA,MAC5B,UAAU,EAAE,OAAO,SAAA;AAAA,IAAkB,EACrC;AAAA,EAAA;AAEN;"}

package/dist/index12.cjs

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

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

@@ -1,20 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const marked_esm = require("./index128.cjs");
-const purify_es = require("./index129.cjs");
-const renderer = {
-  link({ href, tokens }) {
-    var _a;
-    const text = ((_a = this.parser) == null ? void 0 : _a.parseInline(tokens)) ?? tokens.map((t) => t.raw).join("");
-    return `<a href="${href}" target="_blank" rel="noopener noreferrer">${text}</a>`;
-  }
+const DEFAULT_LABELS = {
+  loading: "Loading chart...",
+  empty: "No data available.",
+  retry: "Retry",
+  noValue: "No data"
 };
-marked_esm.marked.use({ gfm: true, breaks: true, renderer });
-const sanitizeHtml = (html) => purify_es.sanitize(html, {
-  USE_PROFILES: { html: true },
-  ADD_ATTR: ["target", "rel"]
-});
-const parseMarkdown = (markdown) => sanitizeHtml(marked_esm.marked.parse(markdown));
-exports.parseMarkdown = parseMarkdown;
-exports.sanitizeHtml = sanitizeHtml;
+exports.DEFAULT_LABELS = DEFAULT_LABELS;
 //# sourceMappingURL=index120.cjs.map

package/dist/index120.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index120.cjs","sources":["../src/utils/markdown.ts"],"sourcesContent":["import { marked, type Renderer } from 'marked';\nimport DOMPurify from 'dompurify';\n\n// Use a function (not arrow) so `this` binds to marked's renderer instance,\n// which exposes `parser.parseInline`. The default `text` arg is the raw link\n// label (`**bold** text`) — passing it through unchanged would print the\n// asterisks instead of rendering nested inline markdown. `parseInline(tokens)`\n// recurses into bold / italic / code / etc. inside the link text.\nconst renderer: Partial<Renderer> = {\n  link({ href, tokens }) {\n    /* `this.parser` is provided at runtime when marked wires the renderer\n       into its pipeline; the type definition models it as possibly\n       undefined for standalone use. `parseInline(tokens)` falls back to\n       the join of token raw strings when the parser is absent. */\n    const text = this.parser?.parseInline(tokens) ?? tokens.map((t) => t.raw).join('');\n    return `<a href=\"${href}\" target=\"_blank\" rel=\"noopener noreferrer\">${text}</a>`;\n  },\n};\n\nmarked.use({ gfm: true, breaks: true, renderer });\n\nexport const sanitizeHtml = (html: string): string =>\n  DOMPurify.sanitize(html, {\n    USE_PROFILES: { html: true },\n    ADD_ATTR: ['target', 'rel'],\n  });\n\nexport const parseMarkdown = (markdown: string): string =>\n  sanitizeHtml(marked.parse(markdown) as string);\n"],"names":["marked","DOMPurify"],"mappings":";;;;AAQA,MAAM,WAA8B;AAAA,EAClC,KAAK,EAAE,MAAM,UAAU;;AAKrB,UAAM,SAAO,UAAK,WAAL,mBAAa,YAAY,YAAW,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;AACjF,WAAO,YAAY,IAAI,+CAA+C,IAAI;AAAA,EAC5E;AACF;AAEAA,WAAAA,OAAO,IAAI,EAAE,KAAK,MAAM,QAAQ,MAAM,UAAU;AAEzC,MAAM,eAAe,CAAC,SAC3BC,UAAU,SAAS,MAAM;AAAA,EACvB,cAAc,EAAE,MAAM,KAAA;AAAA,EACtB,UAAU,CAAC,UAAU,KAAK;AAC5B,CAAC;AAEI,MAAM,gBAAgB,CAAC,aAC5B,aAAaD,WAAAA,OAAO,MAAM,QAAQ,CAAW;;;"}
+{"version":3,"file":"index120.cjs","sources":["../src/charts/GroupedBarChartCard/defaultLabels.ts"],"sourcesContent":["import type { GroupedBarChartLabels } from './GroupedBarChartCard.types';\n\n/** English defaults, matching the texts of the other chart cards. */\nexport const DEFAULT_LABELS: GroupedBarChartLabels = {\n  loading: 'Loading chart...',\n  empty: 'No data available.',\n  retry: 'Retry',\n  noValue: 'No data',\n};\n"],"names":[],"mappings":";;AAGO,MAAM,iBAAwC;AAAA,EACnD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;;"}

package/dist/index120.js

@@ -1,20 +1,10 @@
-import { marked as g } from "./index128.js";
-import purify from "./index129.js";
-const renderer = {
-  link({ href, tokens }) {
-    var _a;
-    const text = ((_a = this.parser) == null ? void 0 : _a.parseInline(tokens)) ?? tokens.map((t) => t.raw).join("");
-    return `<a href="${href}" target="_blank" rel="noopener noreferrer">${text}</a>`;
-  }
+const DEFAULT_LABELS = {
+  loading: "Loading chart...",
+  empty: "No data available.",
+  retry: "Retry",
+  noValue: "No data"
 };
-g.use({ gfm: true, breaks: true, renderer });
-const sanitizeHtml = (html) => purify.sanitize(html, {
-  USE_PROFILES: { html: true },
-  ADD_ATTR: ["target", "rel"]
-});
-const parseMarkdown = (markdown) => sanitizeHtml(g.parse(markdown));
 export {
-  parseMarkdown,
-  sanitizeHtml
+  DEFAULT_LABELS
 };
 //# sourceMappingURL=index120.js.map

package/dist/index120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index120.js","sources":["../src/utils/markdown.ts"],"sourcesContent":["import { marked, type Renderer } from 'marked';\nimport DOMPurify from 'dompurify';\n\n// Use a function (not arrow) so `this` binds to marked's renderer instance,\n// which exposes `parser.parseInline`. The default `text` arg is the raw link\n// label (`**bold** text`) — passing it through unchanged would print the\n// asterisks instead of rendering nested inline markdown. `parseInline(tokens)`\n// recurses into bold / italic / code / etc. inside the link text.\nconst renderer: Partial<Renderer> = {\n  link({ href, tokens }) {\n    /* `this.parser` is provided at runtime when marked wires the renderer\n       into its pipeline; the type definition models it as possibly\n       undefined for standalone use. `parseInline(tokens)` falls back to\n       the join of token raw strings when the parser is absent. */\n    const text = this.parser?.parseInline(tokens) ?? tokens.map((t) => t.raw).join('');\n    return `<a href=\"${href}\" target=\"_blank\" rel=\"noopener noreferrer\">${text}</a>`;\n  },\n};\n\nmarked.use({ gfm: true, breaks: true, renderer });\n\nexport const sanitizeHtml = (html: string): string =>\n  DOMPurify.sanitize(html, {\n    USE_PROFILES: { html: true },\n    ADD_ATTR: ['target', 'rel'],\n  });\n\nexport const parseMarkdown = (markdown: string): string =>\n  sanitizeHtml(marked.parse(markdown) as string);\n"],"names":["marked","DOMPurify"],"mappings":";;AAQA,MAAM,WAA8B;AAAA,EAClC,KAAK,EAAE,MAAM,UAAU;;AAKrB,UAAM,SAAO,UAAK,WAAL,mBAAa,YAAY,YAAW,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;AACjF,WAAO,YAAY,IAAI,+CAA+C,IAAI;AAAA,EAC5E;AACF;AAEAA,EAAO,IAAI,EAAE,KAAK,MAAM,QAAQ,MAAM,UAAU;AAEzC,MAAM,eAAe,CAAC,SAC3BC,OAAU,SAAS,MAAM;AAAA,EACvB,cAAc,EAAE,MAAM,KAAA;AAAA,EACtB,UAAU,CAAC,UAAU,KAAK;AAC5B,CAAC;AAEI,MAAM,gBAAgB,CAAC,aAC5B,aAAaD,EAAO,MAAM,QAAQ,CAAW;"}
+{"version":3,"file":"index120.js","sources":["../src/charts/GroupedBarChartCard/defaultLabels.ts"],"sourcesContent":["import type { GroupedBarChartLabels } from './GroupedBarChartCard.types';\n\n/** English defaults, matching the texts of the other chart cards. */\nexport const DEFAULT_LABELS: GroupedBarChartLabels = {\n  loading: 'Loading chart...',\n  empty: 'No data available.',\n  retry: 'Retry',\n  noValue: 'No data',\n};\n"],"names":[],"mappings":"AAGO,MAAM,iBAAwC;AAAA,EACnD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;"}

package/dist/index121.cjs

@@ -1,9 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-93Nfs";
+const root = "krc-root-ij8wB";
+const header = "krc-header-poY0R";
+const headerText = "krc-headerText-ShzOl";
+const title = "krc-title-H3VpM";
+const subtitle = "krc-subtitle-n6tgG";
+const headerActions = "krc-headerActions-WY-hn";
+const toolbar = "krc-toolbar-lMVmb";
+const chartContainer = "krc-chartContainer-nlbUx";
+const loading = "krc-loading-xub77";
+const empty = "krc-empty-vJ4UM";
+const error = "krc-error-d-7n5";
+const retryButton = "krc-retryButton-LT8qy";
 const styles = {
-  root
+  root,
+  header,
+  headerText,
+  title,
+  subtitle,
+  headerActions,
+  toolbar,
+  chartContainer,
+  loading,
+  empty,
+  error,
+  retryButton
 };
+exports.chartContainer = chartContainer;
 exports.default = styles;
+exports.empty = empty;
+exports.error = error;
+exports.header = header;
+exports.headerActions = headerActions;
+exports.headerText = headerText;
+exports.loading = loading;
+exports.retryButton = retryButton;
 exports.root = root;
+exports.subtitle = subtitle;
+exports.title = title;
+exports.toolbar = toolbar;
 //# sourceMappingURL=index121.cjs.map

package/dist/index121.cjs.map

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

package/dist/index121.js

@@ -1,9 +1,42 @@
-const root = "krc-root-93Nfs";
+const root = "krc-root-ij8wB";
+const header = "krc-header-poY0R";
+const headerText = "krc-headerText-ShzOl";
+const title = "krc-title-H3VpM";
+const subtitle = "krc-subtitle-n6tgG";
+const headerActions = "krc-headerActions-WY-hn";
+const toolbar = "krc-toolbar-lMVmb";
+const chartContainer = "krc-chartContainer-nlbUx";
+const loading = "krc-loading-xub77";
+const empty = "krc-empty-vJ4UM";
+const error = "krc-error-d-7n5";
+const retryButton = "krc-retryButton-LT8qy";
 const styles = {
-  root
+  root,
+  header,
+  headerText,
+  title,
+  subtitle,
+  headerActions,
+  toolbar,
+  chartContainer,
+  loading,
+  empty,
+  error,
+  retryButton
 };
 export {
+  chartContainer,
   styles as default,
-  root
+  empty,
+  error,
+  header,
+  headerActions,
+  headerText,
+  loading,
+  retryButton,
+  root,
+  subtitle,
+  title,
+  toolbar
 };
 //# sourceMappingURL=index121.js.map

package/dist/index121.js.map

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

package/dist/index122.cjs

@@ -1,21 +1,45 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const region = "krc-region-4A3qS";
-const toast = "krc-toast-VuzaK";
-const toastIn = "krc-toast-in-TA6-r";
-const success = "krc-success-oDnTy";
-const error = "krc-error-dSTQn";
+const root = "krc-root-0iK-T";
+const header = "krc-header-vLmNI";
+const title = "krc-title-J9FSG";
+const headerActions = "krc-headerActions-8Sd6i";
+const toolbar = "krc-toolbar-65kLR";
+const toolbarLabel = "krc-toolbarLabel-kmRLQ";
+const toolbarSelect = "krc-toolbarSelect-t7OKN";
+const chartContainer = "krc-chartContainer-1-iIe";
+const loading = "krc-loading-MRlom";
+const error = "krc-error-esslq";
+const retryButton = "krc-retryButton-js385";
+const empty = "krc-empty-qYFPa";
+const warning = "krc-warning-ll4Hc";
 const styles = {
-  region,
-  toast,
-  toastIn,
-  success,
-  error
+  root,
+  header,
+  title,
+  headerActions,
+  toolbar,
+  toolbarLabel,
+  toolbarSelect,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty,
+  warning
 };
+exports.chartContainer = chartContainer;
 exports.default = styles;
+exports.empty = empty;
 exports.error = error;
-exports.region = region;
-exports.success = success;
-exports.toast = toast;
-exports.toastIn = toastIn;
+exports.header = header;
+exports.headerActions = headerActions;
+exports.loading = loading;
+exports.retryButton = retryButton;
+exports.root = root;
+exports.title = title;
+exports.toolbar = toolbar;
+exports.toolbarLabel = toolbarLabel;
+exports.toolbarSelect = toolbarSelect;
+exports.warning = warning;
 //# sourceMappingURL=index122.cjs.map

package/dist/index122.cjs.map

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

package/dist/index122.js

@@ -1,21 +1,45 @@
-const region = "krc-region-4A3qS";
-const toast = "krc-toast-VuzaK";
-const toastIn = "krc-toast-in-TA6-r";
-const success = "krc-success-oDnTy";
-const error = "krc-error-dSTQn";
+const root = "krc-root-0iK-T";
+const header = "krc-header-vLmNI";
+const title = "krc-title-J9FSG";
+const headerActions = "krc-headerActions-8Sd6i";
+const toolbar = "krc-toolbar-65kLR";
+const toolbarLabel = "krc-toolbarLabel-kmRLQ";
+const toolbarSelect = "krc-toolbarSelect-t7OKN";
+const chartContainer = "krc-chartContainer-1-iIe";
+const loading = "krc-loading-MRlom";
+const error = "krc-error-esslq";
+const retryButton = "krc-retryButton-js385";
+const empty = "krc-empty-qYFPa";
+const warning = "krc-warning-ll4Hc";
 const styles = {
-  region,
-  toast,
-  toastIn,
-  success,
-  error
+  root,
+  header,
+  title,
+  headerActions,
+  toolbar,
+  toolbarLabel,
+  toolbarSelect,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty,
+  warning
 };
 export {
+  chartContainer,
   styles as default,
+  empty,
   error,
-  region,
-  success,
-  toast,
-  toastIn
+  header,
+  headerActions,
+  loading,
+  retryButton,
+  root,
+  title,
+  toolbar,
+  toolbarLabel,
+  toolbarSelect,
+  warning
 };
 //# sourceMappingURL=index122.js.map

package/dist/index122.js.map

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

package/dist/index123.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pJYpn";
+const root = "krc-root-bWynN";
 const styles = {
   root
 };

package/dist/index123.js

@@ -1,4 +1,4 @@
-const root = "krc-root-pJYpn";
+const root = "krc-root-bWynN";
 const styles = {
   root
 };

package/dist/index124.cjs

@@ -1,21 +1,60 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-WL0sD";
-const left = "krc-left-9KFDB";
-const right = "krc-right-YmUbX";
-const divider = "krc-divider-jNOSU";
-const dividerHandle = "krc-dividerHandle-SoNqx";
+const root = "krc-root-GYECa";
+const header = "krc-header-7V-0i";
+const title = "krc-title-SiRcV";
+const headerActions = "krc-headerActions-HY6nM";
+const splitContainer = "krc-splitContainer-ovkIf";
+const tablePanel = "krc-tablePanel-gbWQx";
+const chartPanel = "krc-chartPanel-eBJ9W";
+const table = "krc-table-40WZx";
+const tableRow = "krc-tableRow-yQlEa";
+const tableRowSelected = "krc-tableRowSelected-vIEfO";
+const pagination = "krc-pagination-nyCxO";
+const paginationButton = "krc-paginationButton-k-cQB";
+const paginationInfo = "krc-paginationInfo-ouuPw";
+const placeholder = "krc-placeholder-YDeIw";
+const loading = "krc-loading-UoiCd";
+const error = "krc-error-Subfi";
+const retryButton = "krc-retryButton-k8HPu";
+const empty = "krc-empty-OoPZo";
 const styles = {
   root,
-  left,
-  right,
-  divider,
-  dividerHandle
+  header,
+  title,
+  headerActions,
+  splitContainer,
+  tablePanel,
+  chartPanel,
+  table,
+  tableRow,
+  tableRowSelected,
+  pagination,
+  paginationButton,
+  paginationInfo,
+  placeholder,
+  loading,
+  error,
+  retryButton,
+  empty
 };
+exports.chartPanel = chartPanel;
 exports.default = styles;
-exports.divider = divider;
-exports.dividerHandle = dividerHandle;
-exports.left = left;
-exports.right = right;
+exports.empty = empty;
+exports.error = error;
+exports.header = header;
+exports.headerActions = headerActions;
+exports.loading = loading;
+exports.pagination = pagination;
+exports.paginationButton = paginationButton;
+exports.paginationInfo = paginationInfo;
+exports.placeholder = placeholder;
+exports.retryButton = retryButton;
 exports.root = root;
+exports.splitContainer = splitContainer;
+exports.table = table;
+exports.tablePanel = tablePanel;
+exports.tableRow = tableRow;
+exports.tableRowSelected = tableRowSelected;
+exports.title = title;
 //# sourceMappingURL=index124.cjs.map

package/dist/index124.cjs.map

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

package/dist/index124.js

@@ -1,21 +1,60 @@
-const root = "krc-root-WL0sD";
-const left = "krc-left-9KFDB";
-const right = "krc-right-YmUbX";
-const divider = "krc-divider-jNOSU";
-const dividerHandle = "krc-dividerHandle-SoNqx";
+const root = "krc-root-GYECa";
+const header = "krc-header-7V-0i";
+const title = "krc-title-SiRcV";
+const headerActions = "krc-headerActions-HY6nM";
+const splitContainer = "krc-splitContainer-ovkIf";
+const tablePanel = "krc-tablePanel-gbWQx";
+const chartPanel = "krc-chartPanel-eBJ9W";
+const table = "krc-table-40WZx";
+const tableRow = "krc-tableRow-yQlEa";
+const tableRowSelected = "krc-tableRowSelected-vIEfO";
+const pagination = "krc-pagination-nyCxO";
+const paginationButton = "krc-paginationButton-k-cQB";
+const paginationInfo = "krc-paginationInfo-ouuPw";
+const placeholder = "krc-placeholder-YDeIw";
+const loading = "krc-loading-UoiCd";
+const error = "krc-error-Subfi";
+const retryButton = "krc-retryButton-k8HPu";
+const empty = "krc-empty-OoPZo";
 const styles = {
   root,
-  left,
-  right,
-  divider,
-  dividerHandle
+  header,
+  title,
+  headerActions,
+  splitContainer,
+  tablePanel,
+  chartPanel,
+  table,
+  tableRow,
+  tableRowSelected,
+  pagination,
+  paginationButton,
+  paginationInfo,
+  placeholder,
+  loading,
+  error,
+  retryButton,
+  empty
 };
 export {
+  chartPanel,
   styles as default,
-  divider,
-  dividerHandle,
-  left,
-  right,
-  root
+  empty,
+  error,
+  header,
+  headerActions,
+  loading,
+  pagination,
+  paginationButton,
+  paginationInfo,
+  placeholder,
+  retryButton,
+  root,
+  splitContainer,
+  table,
+  tablePanel,
+  tableRow,
+  tableRowSelected,
+  title
 };
 //# sourceMappingURL=index124.js.map

package/dist/index124.js.map

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