@ktnpm_devops/react-component 0.11.0 → 0.12.1

package/dist/index99.cjs

@@ -1,95 +1,60 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./index61.cjs");
-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
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root--s1oD";
+const trigger = "krc-trigger-WMlNa";
+const active = "krc-active-O65lj";
+const triggerContent = "krc-triggerContent-JipmE";
+const chevron = "krc-chevron-J2Zsy";
+const label = "krc-label-lZlV-";
+const value = "krc-value-HsQrC";
+const clear = "krc-clear-bsi5j";
+const panel = "krc-panel--0odx";
+const searchContainer = "krc-searchContainer-WRS-U";
+const search = "krc-search-Dh3pY";
+const list = "krc-list-1RUtr";
+const noResults = "krc-noResults-Hin1U";
+const option = "krc-option-0mFGi";
+const focused = "krc-focused-0-7tE";
+const selected = "krc-selected-1zIqI";
+const optionLabel = "krc-optionLabel-pj-hL";
+const optionCount = "krc-optionCount-rVlCP";
+const styles = {
+  root,
+  trigger,
+  active,
+  triggerContent,
+  chevron,
+  label,
+  value,
+  clear,
+  panel,
+  searchContainer,
+  search,
+  list,
+  noResults,
+  option,
+  focused,
+  selected,
+  optionLabel,
+  optionCount
 };
-const UNCATEGORISED_SERIES = "Points";
-const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
-const symbolSizeFor = (weight, minWeight, maxWeight) => {
-  if (maxWeight === minWeight) return constants.SCATTER.BASE_SYMBOL_SIZE;
-  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));
-  return constants.SCATTER.MIN_SYMBOL_SIZE + (constants.SCATTER.MAX_SYMBOL_SIZE - constants.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 ? constants.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: constants.CHART_COLORS[i % constants.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
-  };
-};
-exports.buildScatterOption = buildScatterOption;
+exports.active = active;
+exports.chevron = chevron;
+exports.clear = clear;
+exports.default = styles;
+exports.focused = focused;
+exports.label = label;
+exports.list = list;
+exports.noResults = noResults;
+exports.option = option;
+exports.optionCount = optionCount;
+exports.optionLabel = optionLabel;
+exports.panel = panel;
+exports.root = root;
+exports.search = search;
+exports.searchContainer = searchContainer;
+exports.selected = selected;
+exports.trigger = trigger;
+exports.triggerContent = triggerContent;
+exports.value = value;
 //# sourceMappingURL=index99.cjs.map

package/dist/index99.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index99.cjs","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":["SCATTER","CHART_COLORS"],"mappings":"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"}
+{"version":3,"file":"index99.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index99.js

@@ -1,95 +1,60 @@
-import { CHART_COLORS, SCATTER } from "./index61.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--s1oD";
+const trigger = "krc-trigger-WMlNa";
+const active = "krc-active-O65lj";
+const triggerContent = "krc-triggerContent-JipmE";
+const chevron = "krc-chevron-J2Zsy";
+const label = "krc-label-lZlV-";
+const value = "krc-value-HsQrC";
+const clear = "krc-clear-bsi5j";
+const panel = "krc-panel--0odx";
+const searchContainer = "krc-searchContainer-WRS-U";
+const search = "krc-search-Dh3pY";
+const list = "krc-list-1RUtr";
+const noResults = "krc-noResults-Hin1U";
+const option = "krc-option-0mFGi";
+const focused = "krc-focused-0-7tE";
+const selected = "krc-selected-1zIqI";
+const optionLabel = "krc-optionLabel-pj-hL";
+const optionCount = "krc-optionCount-rVlCP";
+const styles = {
+  root,
+  trigger,
+  active,
+  triggerContent,
+  chevron,
+  label,
+  value,
+  clear,
+  panel,
+  searchContainer,
+  search,
+  list,
+  noResults,
+  option,
+  focused,
+  selected,
+  optionLabel,
+  optionCount
 };
 export {
-  buildScatterOption
+  active,
+  chevron,
+  clear,
+  styles as default,
+  focused,
+  label,
+  list,
+  noResults,
+  option,
+  optionCount,
+  optionLabel,
+  panel,
+  root,
+  search,
+  searchContainer,
+  selected,
+  trigger,
+  triggerContent,
+  value
 };
 //# sourceMappingURL=index99.js.map

package/dist/index99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index99.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":"index99.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/layouts/AuthLayout/AuthLayout.d.ts

@@ -1,4 +1,4 @@
 import { AuthLayoutProps } from './AuthLayout.types';
 
-export declare const AuthLayout: ({ children, logo, footer, maxWidth, className, }: AuthLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AuthLayout: ({ children, logo, footer, maxWidth, className, }: AuthLayoutProps) => import("react").JSX.Element;
 //# sourceMappingURL=AuthLayout.d.ts.map

package/dist/layouts/AuthLayout/AuthLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AuthLayout/AuthLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,GAAI,kDAMxB,eAAe,4CAQjB,CAAC"}
+{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AuthLayout/AuthLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,GAAI,kDAMxB,eAAe,gCAQjB,CAAC"}

package/dist/layouts/ChatLayout/ChatLayout.d.ts

@@ -1,7 +1,7 @@
 import { ChatLayoutProps } from './ChatLayout.types';
 
 export declare const ChatLayout: {
-    ({ sidebar, conversationList, messageArea, inputArea, sidebarCollapsed, showConversationList, className, }: ChatLayoutProps): import("react/jsx-runtime").JSX.Element;
+    ({ sidebar, conversationList, messageArea, inputArea, sidebarCollapsed, showConversationList, className, }: ChatLayoutProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=ChatLayout.d.ts.map

package/dist/layouts/DashboardLayout/DashboardLayout.d.ts

@@ -1,7 +1,7 @@
 import { DashboardLayoutProps } from './DashboardLayout.types';
 
 export declare const DashboardLayout: {
-    ({ sidebar, filterBar, children, sidebarCollapsed, className, }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
+    ({ sidebar, filterBar, children, sidebarCollapsed, className, }: DashboardLayoutProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=DashboardLayout.d.ts.map

package/dist/layouts/SettingsLayout/SettingsLayout.d.ts

@@ -1,4 +1,4 @@
 import { SettingsLayoutProps } from './SettingsLayout.types';
 
-export declare const SettingsLayout: ({ sidebar, children, title, maxWidth, sidebarCollapsed, className, }: SettingsLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsLayout: ({ sidebar, children, title, maxWidth, sidebarCollapsed, className, }: SettingsLayoutProps) => import("react").JSX.Element;
 //# sourceMappingURL=SettingsLayout.d.ts.map

package/dist/layouts/SettingsLayout/SettingsLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/SettingsLayout/SettingsLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE,eAAO,MAAM,cAAc,GAAI,sEAO5B,mBAAmB,4CAcrB,CAAC"}
+{"version":3,"file":"SettingsLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/SettingsLayout/SettingsLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE,eAAO,MAAM,cAAc,GAAI,sEAO5B,mBAAmB,gCAcrB,CAAC"}

package/dist/primitives/Avatar/Avatar.d.ts

@@ -3,5 +3,5 @@ export interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
     label: string;
     size?: AvatarSize;
 }
-export declare const Avatar: ({ label, size, className, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ label, size, className, ...props }: AvatarProps) => import("react").JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/primitives/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/primitives/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,GAAI,sCAA6C,WAAW,4CAkB9E,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/primitives/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,GAAI,sCAA6C,WAAW,gCAkB9E,CAAC"}

package/dist/primitives/Badge/Badge.d.ts

@@ -2,5 +2,5 @@ export type BadgeVariant = 'success' | 'warning' | 'danger' | 'info';
 export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     variant?: BadgeVariant;
 }
-export declare const Badge: ({ className, variant, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ className, variant, ...props }: BadgeProps) => import("react").JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/primitives/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,GAAI,kCAA2C,UAAU,4CAE1E,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,GAAI,kCAA2C,UAAU,gCAE1E,CAAC"}

package/dist/primitives/Card/Card.d.ts

@@ -1,7 +1,7 @@
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const Card: ({ className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CardHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const CardContent: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const CardFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ className, ...props }: CardProps) => import("react").JSX.Element;
+export declare const CardHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const CardContent: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const CardFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
 //# sourceMappingURL=Card.d.ts.map

package/dist/primitives/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/primitives/Card/Card.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1E,eAAO,MAAM,IAAI,GAAI,yBAAyB,SAAS,4CAEtD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAEvF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAExF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAEvF,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/primitives/Card/Card.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1E,eAAO,MAAM,IAAI,GAAI,yBAAyB,SAAS,gCAEtD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,gCAEvF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,gCAExF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,gCAEvF,CAAC"}

package/dist/primitives/Chip/Chip.types.d.ts

@@ -1,5 +1,5 @@
 export type ChipSize = 'sm' | 'md' | 'lg';
-export interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'value'> {
+export interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'value' | 'onToggle'> {
     /** Value passed to `onToggle` when the chip is activated. */
     value: string;
     /** Whether the chip is in its active/pressed state (controlled). */

package/dist/primitives/Chip/Chip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChF,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC"}
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAK1C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAC7F,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC"}

package/dist/primitives/Table/Table.d.ts

@@ -2,6 +2,6 @@ export interface TableContainerProps extends React.HTMLAttributes<HTMLDivElement
 }
 export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
 }
-export declare const TableContainer: ({ className, ...props }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Table: ({ className, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableContainer: ({ className, ...props }: TableContainerProps) => import("react").JSX.Element;
+export declare const Table: ({ className, ...props }: TableProps) => import("react").JSX.Element;
 //# sourceMappingURL=Table.d.ts.map

package/dist/primitives/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/primitives/Table/Table.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AACpF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAElF,eAAO,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAE1E,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,yBAAyB,UAAU,4CAExD,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/primitives/Table/Table.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AACpF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAElF,eAAO,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,gCAE1E,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,yBAAyB,UAAU,gCAExD,CAAC"}

package/dist/primitives/Toast/ToastProvider.d.ts

@@ -1,5 +1,5 @@
 import { ToastContextValue, ToastProviderProps } from './Toast.types';
 
-export declare const ToastProvider: ({ children, defaultDuration, portalTarget, }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToastProvider: ({ children, defaultDuration, portalTarget, }: ToastProviderProps) => import("react").JSX.Element;
 export declare function useToast(): ToastContextValue;
 //# sourceMappingURL=ToastProvider.d.ts.map

package/dist/primitives/Toast/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/primitives/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAa,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMtF,eAAO,MAAM,aAAa,GAAI,8CAI3B,kBAAkB,4CAwDpB,CAAC;AAEF,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/primitives/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAa,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMtF,eAAO,MAAM,aAAa,GAAI,8CAI3B,kBAAkB,gCAwDpB,CAAC;AAEF,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/style.css

@@ -1831,6 +1831,96 @@
   outline: none;
   box-shadow: var(--focus-ring-shadow);
 }
+.krc-throbber-sSMfc {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-2xl);
+}
+
+.krc-spinner-vmNIY {
+  width: var(--spacing-lg);
+  height: var(--spacing-lg);
+  border: var(--border-width-md) solid var(--border-color);
+  border-top-color: var(--accent-color);
+  border-radius: var(--radius-pill);
+  animation: krc-loading-spin-cFeV6 0.8s linear infinite;
+}
+
+.krc-titleRow--Go1f {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+}
+
+.krc-titleSpinner-BPUs5 {
+  width: var(--spacing-md);
+  height: var(--spacing-md);
+  border: var(--border-width-md) solid var(--border-color);
+  border-top-color: var(--text-primary);
+  border-radius: var(--radius-pill);
+  animation: krc-loading-spin-cFeV6 0.8s linear infinite;
+  flex-shrink: 0;
+}
+
+.krc-steps-zu1EV {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.krc-step-hzz-Q {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  font-size: var(--font-size-sm);
+  color: var(--text-primary);
+}
+
+.krc-pending-sxbM4 {
+  color: var(--text-tertiary);
+}
+
+/* Fixed-width slot so a pending step's label (no icon) lines up with an
+   active/done step's label (icon + gap) instead of sitting further left. */
+.krc-iconSlot-74ZD2 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--spacing-md);
+  flex-shrink: 0;
+}
+
+.krc-stepSpinner-0d1jM {
+  width: var(--spacing-md);
+  height: var(--spacing-md);
+  border: var(--border-width-md) solid var(--border-color);
+  border-top-color: var(--accent-color);
+  border-radius: var(--radius-pill);
+  animation: krc-loading-spin-cFeV6 0.8s linear infinite;
+  flex-shrink: 0;
+}
+
+.krc-checkIcon-FhWlj {
+  color: var(--success-color);
+  flex-shrink: 0;
+}
+
+/* Modal always renders its own close (×) button with no prop to omit it —
+   its aria-label is a plain, unscoped attribute (unlike its CSS module
+   classes), so it's a stable hook to hide it from outside when closable=false. */
+.krc-nonClosable-7NB7j button[aria-label='Close modal'] {
+  display: none;
+}
+
+@keyframes krc-loading-spin-cFeV6 {
+  to {
+    transform: rotate(360deg);
+  }
+}
 .krc-overlay-4gFc3 {
   position: fixed;
   inset: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktnpm_devops/react-component",
-  "version": "0.11.0",
+  "version": "0.12.1",
   "description": "Kenmei Technologies React Component Library",
   "type": "module",
   "license": "MIT",
@@ -68,8 +68,8 @@
     "@testing-library/jest-dom": "^6.4.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.0",
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
     "@vitejs/plugin-react-swc": "^3.6.0",
@@ -83,8 +83,8 @@
     "happy-dom": "^14.0.0",
     "lucide-react": "^0.441.0",
     "prettier": "^3.2.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "storybook": "^8.4.0",
     "typescript": "^5.4.4",
     "vite": "^5.2.8",