@ktnpm_devops/react-component 0.6.0 → 0.7.1

package/dist/index44.cjs

@@ -4,8 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index48.cjs");
 const ReactECharts = require("echarts-for-react");
-const constants = require("./index51.cjs");
-const TemporalTrendChartCard_module = require("./index75.cjs");
+const constants = require("./index53.cjs");
+const TemporalTrendChartCard_module = require("./index85.cjs");
 function groupByCategory(data, limit) {
   const grouped = /* @__PURE__ */ new Map();
   for (const point of data) {

package/dist/index44.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo, useCallback } from "react";
 import { clsx } from "./index48.js";
 import ReactECharts from "echarts-for-react";
-import { MAX_SERIES, CHART_COLORS } from "./index51.js";
-import styles from "./index75.js";
+import { MAX_SERIES, CHART_COLORS } from "./index53.js";
+import styles from "./index85.js";
 function groupByCategory(data, limit) {
   const grouped = /* @__PURE__ */ new Map();
   for (const point of data) {

package/dist/index45.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("./index48.cjs");
-const Textarea_module = require("./index49.cjs");
+const Textarea_module = require("./index72.cjs");
 const Textarea = react.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("textarea", { ref, className: clsx.clsx(Textarea_module.default.root, className), ...props })
 );

package/dist/index45.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index48.js";
-import styles from "./index49.js";
+import styles from "./index72.js";
 const Textarea = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("textarea", { ref, className: clsx(styles.root, className), ...props })
 );

package/dist/index46.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("./index48.cjs");
-const Toast_module = require("./index50.cjs");
+const Toast_module = require("./index52.cjs");
 const Toast = react.forwardRef(
   ({ variant = "default", className, role = "status", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",

package/dist/index46.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index48.js";
-import styles from "./index50.js";
+import styles from "./index52.js";
 const Toast = forwardRef(
   ({ variant = "default", className, role = "status", children, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",

package/dist/index47.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactDom = require("react-dom");
-const constants = require("./index51.cjs");
+const constants = require("./index53.cjs");
 const Toast = require("./index46.cjs");
-const Toast_module = require("./index50.cjs");
+const Toast_module = require("./index52.cjs");
 const ToastContext = react.createContext(null);
 const ToastProvider = ({
   children,

package/dist/index47.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect, useContext, createContext } from "react";
 import { createPortal } from "react-dom";
-import { TOAST_DURATION_MS } from "./index51.js";
+import { TOAST_DURATION_MS } from "./index53.js";
 import { Toast } from "./index46.js";
-import styles from "./index50.js";
+import styles from "./index52.js";
 const ToastContext = createContext(null);
 const ToastProvider = ({
   children,

package/dist/index49.cjs

@@ -1,9 +1,27 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-FVKOX";
+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
+  root,
+  pill,
+  square,
+  segment,
+  isOn,
+  md,
+  sm
 };
 exports.default = styles;
+exports.isOn = isOn;
+exports.md = md;
+exports.pill = pill;
 exports.root = root;
+exports.segment = segment;
+exports.sm = sm;
+exports.square = square;
 //# sourceMappingURL=index49.cjs.map

package/dist/index49.cjs.map

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

package/dist/index49.js

@@ -1,9 +1,27 @@
-const root = "krc-root-FVKOX";
+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
+  root,
+  pill,
+  square,
+  segment,
+  isOn,
+  md,
+  sm
 };
 export {
   styles as default,
-  root
+  isOn,
+  md,
+  pill,
+  root,
+  segment,
+  sm,
+  square
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

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

package/dist/index50.cjs

@@ -1,21 +1,18 @@
 "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-AouLD";
+const header = "krc-header-pNze5";
+const content = "krc-content-egG2e";
+const footer = "krc-footer-WJw5Z";
 const styles = {
-  region,
-  toast,
-  toastIn,
-  success,
-  error
+  root,
+  header,
+  content,
+  footer
 };
+exports.content = content;
 exports.default = styles;
-exports.error = error;
-exports.region = region;
-exports.success = success;
-exports.toast = toast;
-exports.toastIn = toastIn;
+exports.footer = footer;
+exports.header = header;
+exports.root = root;
 //# sourceMappingURL=index50.cjs.map

package/dist/index50.cjs.map

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

package/dist/index50.js

@@ -1,21 +1,18 @@
-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-AouLD";
+const header = "krc-header-pNze5";
+const content = "krc-content-egG2e";
+const footer = "krc-footer-WJw5Z";
 const styles = {
-  region,
-  toast,
-  toastIn,
-  success,
-  error
+  root,
+  header,
+  content,
+  footer
 };
 export {
+  content,
   styles as default,
-  error,
-  region,
-  success,
-  toast,
-  toastIn
+  footer,
+  header,
+  root
 };
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

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

package/dist/index51.cjs

@@ -1,79 +1,21 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ICON_SIZE = {
-  SM: 14,
-  MD: 16,
-  LG: 18
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-oc0XP";
+const success = "krc-success-JzpGX";
+const warning = "krc-warning-lTskX";
+const danger = "krc-danger-zFPHk";
+const info = "krc-info-k9uTn";
+const styles = {
+  root,
+  success,
+  warning,
+  danger,
+  info
 };
-const SVG_VIEWBOX = "0 0 24 24";
-const SVG_STROKE_WIDTH = 2;
-const KEYBOARD_STEP = 2;
-const VIEWPORT_MARGIN = 32;
-const CONTEXT_MENU_MARGIN = 10;
-const CHART_MODAL = {
-  MIN_WIDTH: 960,
-  MIN_HEIGHT: 480,
-  MAX_WIDTH: 2400,
-  MAX_HEIGHT: 1300,
-  DEFAULT_WIDTH: 1500,
-  DEFAULT_HEIGHT: 820,
-  FALLBACK_WIDTH: 1400,
-  FALLBACK_HEIGHT: 800
-};
-const MAX_SANKEY_NODES = 150;
-const MAX_SERIES = 20;
-const MAX_CATEGORIES = 20;
-const MAX_SUBCATEGORIES = 10;
-const CHART_COLORS = [
-  "#FF6B5A",
-  "#5B8DEF",
-  "#4ECDC4",
-  "#F7B731",
-  "#A55EEA",
-  "#26DE81",
-  "#FC5C65",
-  "#45AAF2",
-  "#FD9644",
-  "#2BCBBA",
-  "#D1D8E0",
-  "#778CA3",
-  "#EB3B5A",
-  "#3867D6",
-  "#20BF6B",
-  "#F7B731",
-  "#8854D0",
-  "#0FB9B1",
-  "#FA8231",
-  "#4B6584"
-];
-const MIN_COLUMN_WIDTH = 40;
-const SIDEBAR = {
-  WIDTH: 240,
-  COLLAPSED_WIDTH: 80
-};
-const COUNTERS_PAGE_SIZE = 100;
-const TOAST_DURATION_MS = 3200;
-const PAGINATION = {
-  /** Page numbers shown on each side of the current page. */
-  SIBLING_COUNT: 1,
-  /** Page numbers pinned at the first/last boundaries. */
-  BOUNDARY_COUNT: 1
-};
-exports.CHART_COLORS = CHART_COLORS;
-exports.CHART_MODAL = CHART_MODAL;
-exports.CONTEXT_MENU_MARGIN = CONTEXT_MENU_MARGIN;
-exports.COUNTERS_PAGE_SIZE = COUNTERS_PAGE_SIZE;
-exports.ICON_SIZE = ICON_SIZE;
-exports.KEYBOARD_STEP = KEYBOARD_STEP;
-exports.MAX_CATEGORIES = MAX_CATEGORIES;
-exports.MAX_SANKEY_NODES = MAX_SANKEY_NODES;
-exports.MAX_SERIES = MAX_SERIES;
-exports.MAX_SUBCATEGORIES = MAX_SUBCATEGORIES;
-exports.MIN_COLUMN_WIDTH = MIN_COLUMN_WIDTH;
-exports.PAGINATION = PAGINATION;
-exports.SIDEBAR = SIDEBAR;
-exports.SVG_STROKE_WIDTH = SVG_STROKE_WIDTH;
-exports.SVG_VIEWBOX = SVG_VIEWBOX;
-exports.TOAST_DURATION_MS = TOAST_DURATION_MS;
-exports.VIEWPORT_MARGIN = VIEWPORT_MARGIN;
+exports.danger = danger;
+exports.default = styles;
+exports.info = info;
+exports.root = root;
+exports.success = success;
+exports.warning = warning;
 //# sourceMappingURL=index51.cjs.map

package/dist/index51.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index51.cjs","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Shared constants for the component library.\n * Centralises magic numbers used across components.\n */\n\n/** SVG icon rendered sizes (px — used as HTML/SVG attributes, not CSS). */\nexport const ICON_SIZE = {\n  SM: 14,\n  MD: 16,\n  LG: 18,\n} as const;\n\n/** Standard SVG viewBox for 24×24 icon grid. */\nexport const SVG_VIEWBOX = '0 0 24 24';\n\n/** Standard SVG stroke width. */\nexport const SVG_STROKE_WIDTH = 2;\n\n/** Keyboard accessibility step (percentage points per arrow press). */\nexport const KEYBOARD_STEP = 2;\n\n/** Viewport safety margin (px — used in JS calculations with DOM APIs). */\nexport const VIEWPORT_MARGIN = 32;\n\n/** ContextMenu viewport margin (px). */\nexport const CONTEXT_MENU_MARGIN = 10;\n\n/** ChartExpandModal dimension constraints (px — used with window.innerWidth). */\nexport const CHART_MODAL = {\n  MIN_WIDTH: 960,\n  MIN_HEIGHT: 480,\n  MAX_WIDTH: 2400,\n  MAX_HEIGHT: 1300,\n  DEFAULT_WIDTH: 1500,\n  DEFAULT_HEIGHT: 820,\n  FALLBACK_WIDTH: 1400,\n  FALLBACK_HEIGHT: 800,\n} as const;\n\n/** Maximum Sankey nodes before truncation warning. */\nexport const MAX_SANKEY_NODES = 150;\n\n/** Maximum stacked series before \"Other\" aggregation. */\nexport const MAX_SERIES = 20;\n\n/** Maximum categories in stacked bar chart. */\nexport const MAX_CATEGORIES = 20;\n\n/** Maximum subcategories per category. */\nexport const MAX_SUBCATEGORIES = 10;\n\n/** Time range preset durations in milliseconds. */\nexport const TIME_PRESET_MS = {\n  '1h': 3_600_000,\n  '6h': 21_600_000,\n  '24h': 86_400_000,\n  '7d': 604_800_000,\n  '30d': 2_592_000_000,\n} as const;\n\n/** Default chart color palette. */\nexport const CHART_COLORS = [\n  '#FF6B5A', '#5B8DEF', '#4ECDC4', '#F7B731', '#A55EEA',\n  '#26DE81', '#FC5C65', '#45AAF2', '#FD9644', '#2BCBBA',\n  '#D1D8E0', '#778CA3', '#EB3B5A', '#3867D6', '#20BF6B',\n  '#F7B731', '#8854D0', '#0FB9B1', '#FA8231', '#4B6584',\n] as const;\n\n/** Minimum column width for resizable tables (px — used in JS calculations). */\nexport const MIN_COLUMN_WIDTH = 40;\n\n/** Sidebar dimension constants (px — used as inline styles). */\nexport const SIDEBAR = {\n  WIDTH: 240,\n  COLLAPSED_WIDTH: 80,\n} as const;\n\n/** Counters analysis pagination. */\nexport const COUNTERS_PAGE_SIZE = 100;\n\n/** Default time a toast stays visible before auto-dismiss (ms). */\nexport const TOAST_DURATION_MS = 3200;\n\n/** Pagination page-range defaults. */\nexport const PAGINATION = {\n  /** Page numbers shown on each side of the current page. */\n  SIBLING_COUNT: 1,\n  /** Page numbers pinned at the first/last boundaries. */\n  BOUNDARY_COUNT: 1,\n} as const;\n"],"names":[],"mappings":";;AAMO,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,cAAc;AAGpB,MAAM,mBAAmB;AAGzB,MAAM,gBAAgB;AAGtB,MAAM,kBAAkB;AAGxB,MAAM,sBAAsB;AAG5B,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAGO,MAAM,mBAAmB;AAGzB,MAAM,aAAa;AAGnB,MAAM,iBAAiB;AAGvB,MAAM,oBAAoB;AAY1B,MAAM,eAAe;AAAA,EAC1B;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAC9C;AAGO,MAAM,mBAAmB;AAGzB,MAAM,UAAU;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AACnB;AAGO,MAAM,qBAAqB;AAG3B,MAAM,oBAAoB;AAG1B,MAAM,aAAa;AAAA;AAAA,EAExB,eAAe;AAAA;AAAA,EAEf,gBAAgB;AAClB;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index51.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/index51.js

@@ -1,79 +1,21 @@
-const ICON_SIZE = {
-  SM: 14,
-  MD: 16,
-  LG: 18
-};
-const SVG_VIEWBOX = "0 0 24 24";
-const SVG_STROKE_WIDTH = 2;
-const KEYBOARD_STEP = 2;
-const VIEWPORT_MARGIN = 32;
-const CONTEXT_MENU_MARGIN = 10;
-const CHART_MODAL = {
-  MIN_WIDTH: 960,
-  MIN_HEIGHT: 480,
-  MAX_WIDTH: 2400,
-  MAX_HEIGHT: 1300,
-  DEFAULT_WIDTH: 1500,
-  DEFAULT_HEIGHT: 820,
-  FALLBACK_WIDTH: 1400,
-  FALLBACK_HEIGHT: 800
-};
-const MAX_SANKEY_NODES = 150;
-const MAX_SERIES = 20;
-const MAX_CATEGORIES = 20;
-const MAX_SUBCATEGORIES = 10;
-const CHART_COLORS = [
-  "#FF6B5A",
-  "#5B8DEF",
-  "#4ECDC4",
-  "#F7B731",
-  "#A55EEA",
-  "#26DE81",
-  "#FC5C65",
-  "#45AAF2",
-  "#FD9644",
-  "#2BCBBA",
-  "#D1D8E0",
-  "#778CA3",
-  "#EB3B5A",
-  "#3867D6",
-  "#20BF6B",
-  "#F7B731",
-  "#8854D0",
-  "#0FB9B1",
-  "#FA8231",
-  "#4B6584"
-];
-const MIN_COLUMN_WIDTH = 40;
-const SIDEBAR = {
-  WIDTH: 240,
-  COLLAPSED_WIDTH: 80
-};
-const COUNTERS_PAGE_SIZE = 100;
-const TOAST_DURATION_MS = 3200;
-const PAGINATION = {
-  /** Page numbers shown on each side of the current page. */
-  SIBLING_COUNT: 1,
-  /** Page numbers pinned at the first/last boundaries. */
-  BOUNDARY_COUNT: 1
+const root = "krc-root-oc0XP";
+const success = "krc-success-JzpGX";
+const warning = "krc-warning-lTskX";
+const danger = "krc-danger-zFPHk";
+const info = "krc-info-k9uTn";
+const styles = {
+  root,
+  success,
+  warning,
+  danger,
+  info
 };
 export {
-  CHART_COLORS,
-  CHART_MODAL,
-  CONTEXT_MENU_MARGIN,
-  COUNTERS_PAGE_SIZE,
-  ICON_SIZE,
-  KEYBOARD_STEP,
-  MAX_CATEGORIES,
-  MAX_SANKEY_NODES,
-  MAX_SERIES,
-  MAX_SUBCATEGORIES,
-  MIN_COLUMN_WIDTH,
-  PAGINATION,
-  SIDEBAR,
-  SVG_STROKE_WIDTH,
-  SVG_VIEWBOX,
-  TOAST_DURATION_MS,
-  VIEWPORT_MARGIN
+  danger,
+  styles as default,
+  info,
+  root,
+  success,
+  warning
 };
 //# sourceMappingURL=index51.js.map

package/dist/index51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index51.js","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Shared constants for the component library.\n * Centralises magic numbers used across components.\n */\n\n/** SVG icon rendered sizes (px — used as HTML/SVG attributes, not CSS). */\nexport const ICON_SIZE = {\n  SM: 14,\n  MD: 16,\n  LG: 18,\n} as const;\n\n/** Standard SVG viewBox for 24×24 icon grid. */\nexport const SVG_VIEWBOX = '0 0 24 24';\n\n/** Standard SVG stroke width. */\nexport const SVG_STROKE_WIDTH = 2;\n\n/** Keyboard accessibility step (percentage points per arrow press). */\nexport const KEYBOARD_STEP = 2;\n\n/** Viewport safety margin (px — used in JS calculations with DOM APIs). */\nexport const VIEWPORT_MARGIN = 32;\n\n/** ContextMenu viewport margin (px). */\nexport const CONTEXT_MENU_MARGIN = 10;\n\n/** ChartExpandModal dimension constraints (px — used with window.innerWidth). */\nexport const CHART_MODAL = {\n  MIN_WIDTH: 960,\n  MIN_HEIGHT: 480,\n  MAX_WIDTH: 2400,\n  MAX_HEIGHT: 1300,\n  DEFAULT_WIDTH: 1500,\n  DEFAULT_HEIGHT: 820,\n  FALLBACK_WIDTH: 1400,\n  FALLBACK_HEIGHT: 800,\n} as const;\n\n/** Maximum Sankey nodes before truncation warning. */\nexport const MAX_SANKEY_NODES = 150;\n\n/** Maximum stacked series before \"Other\" aggregation. */\nexport const MAX_SERIES = 20;\n\n/** Maximum categories in stacked bar chart. */\nexport const MAX_CATEGORIES = 20;\n\n/** Maximum subcategories per category. */\nexport const MAX_SUBCATEGORIES = 10;\n\n/** Time range preset durations in milliseconds. */\nexport const TIME_PRESET_MS = {\n  '1h': 3_600_000,\n  '6h': 21_600_000,\n  '24h': 86_400_000,\n  '7d': 604_800_000,\n  '30d': 2_592_000_000,\n} as const;\n\n/** Default chart color palette. */\nexport const CHART_COLORS = [\n  '#FF6B5A', '#5B8DEF', '#4ECDC4', '#F7B731', '#A55EEA',\n  '#26DE81', '#FC5C65', '#45AAF2', '#FD9644', '#2BCBBA',\n  '#D1D8E0', '#778CA3', '#EB3B5A', '#3867D6', '#20BF6B',\n  '#F7B731', '#8854D0', '#0FB9B1', '#FA8231', '#4B6584',\n] as const;\n\n/** Minimum column width for resizable tables (px — used in JS calculations). */\nexport const MIN_COLUMN_WIDTH = 40;\n\n/** Sidebar dimension constants (px — used as inline styles). */\nexport const SIDEBAR = {\n  WIDTH: 240,\n  COLLAPSED_WIDTH: 80,\n} as const;\n\n/** Counters analysis pagination. */\nexport const COUNTERS_PAGE_SIZE = 100;\n\n/** Default time a toast stays visible before auto-dismiss (ms). */\nexport const TOAST_DURATION_MS = 3200;\n\n/** Pagination page-range defaults. */\nexport const PAGINATION = {\n  /** Page numbers shown on each side of the current page. */\n  SIBLING_COUNT: 1,\n  /** Page numbers pinned at the first/last boundaries. */\n  BOUNDARY_COUNT: 1,\n} as const;\n"],"names":[],"mappings":"AAMO,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,cAAc;AAGpB,MAAM,mBAAmB;AAGzB,MAAM,gBAAgB;AAGtB,MAAM,kBAAkB;AAGxB,MAAM,sBAAsB;AAG5B,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAGO,MAAM,mBAAmB;AAGzB,MAAM,aAAa;AAGnB,MAAM,iBAAiB;AAGvB,MAAM,oBAAoB;AAY1B,MAAM,eAAe;AAAA,EAC1B;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAC9C;AAGO,MAAM,mBAAmB;AAGzB,MAAM,UAAU;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AACnB;AAGO,MAAM,qBAAqB;AAG3B,MAAM,oBAAoB;AAG1B,MAAM,aAAa;AAAA;AAAA,EAExB,eAAe;AAAA;AAAA,EAEf,gBAAgB;AAClB;"}
+{"version":3,"file":"index51.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/index52.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-oc0XP";
-const success = "krc-success-JzpGX";
-const warning = "krc-warning-lTskX";
-const danger = "krc-danger-zFPHk";
-const info = "krc-info-k9uTn";
+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 styles = {
-  root,
+  region,
+  toast,
+  toastIn,
   success,
-  warning,
-  danger,
-  info
+  error
 };
-exports.danger = danger;
 exports.default = styles;
-exports.info = info;
-exports.root = root;
+exports.error = error;
+exports.region = region;
 exports.success = success;
-exports.warning = warning;
+exports.toast = toast;
+exports.toastIn = toastIn;
 //# sourceMappingURL=index52.cjs.map

package/dist/index52.js

@@ -1,21 +1,21 @@
-const root = "krc-root-oc0XP";
-const success = "krc-success-JzpGX";
-const warning = "krc-warning-lTskX";
-const danger = "krc-danger-zFPHk";
-const info = "krc-info-k9uTn";
+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 styles = {
-  root,
+  region,
+  toast,
+  toastIn,
   success,
-  warning,
-  danger,
-  info
+  error
 };
 export {
-  danger,
   styles as default,
-  info,
-  root,
+  error,
+  region,
   success,
-  warning
+  toast,
+  toastIn
 };
 //# sourceMappingURL=index52.js.map

package/dist/index53.cjs

@@ -1,30 +1,79 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-ZwPiG";
-const label = "krc-label-WG17f";
-const value = "krc-value-S9SSu";
-const red = "krc-red-stqO-";
-const amber = "krc-amber-lZgsd";
-const sub = "krc-sub-0xfrv";
-const isClick = "krc-isClick-CnKvM";
-const isActive = "krc-isActive-YLCNL";
-const styles = {
-  root,
-  label,
-  value,
-  red,
-  amber,
-  sub,
-  isClick,
-  isActive
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ICON_SIZE = {
+  SM: 14,
+  MD: 16,
+  LG: 18
 };
-exports.amber = amber;
-exports.default = styles;
-exports.isActive = isActive;
-exports.isClick = isClick;
-exports.label = label;
-exports.red = red;
-exports.root = root;
-exports.sub = sub;
-exports.value = value;
+const SVG_VIEWBOX = "0 0 24 24";
+const SVG_STROKE_WIDTH = 2;
+const KEYBOARD_STEP = 2;
+const VIEWPORT_MARGIN = 32;
+const CONTEXT_MENU_MARGIN = 10;
+const CHART_MODAL = {
+  MIN_WIDTH: 960,
+  MIN_HEIGHT: 480,
+  MAX_WIDTH: 2400,
+  MAX_HEIGHT: 1300,
+  DEFAULT_WIDTH: 1500,
+  DEFAULT_HEIGHT: 820,
+  FALLBACK_WIDTH: 1400,
+  FALLBACK_HEIGHT: 800
+};
+const MAX_SANKEY_NODES = 150;
+const MAX_SERIES = 20;
+const MAX_CATEGORIES = 20;
+const MAX_SUBCATEGORIES = 10;
+const CHART_COLORS = [
+  "#FF6B5A",
+  "#5B8DEF",
+  "#4ECDC4",
+  "#F7B731",
+  "#A55EEA",
+  "#26DE81",
+  "#FC5C65",
+  "#45AAF2",
+  "#FD9644",
+  "#2BCBBA",
+  "#D1D8E0",
+  "#778CA3",
+  "#EB3B5A",
+  "#3867D6",
+  "#20BF6B",
+  "#F7B731",
+  "#8854D0",
+  "#0FB9B1",
+  "#FA8231",
+  "#4B6584"
+];
+const MIN_COLUMN_WIDTH = 40;
+const SIDEBAR = {
+  WIDTH: 240,
+  COLLAPSED_WIDTH: 80
+};
+const COUNTERS_PAGE_SIZE = 100;
+const TOAST_DURATION_MS = 3200;
+const PAGINATION = {
+  /** Page numbers shown on each side of the current page. */
+  SIBLING_COUNT: 1,
+  /** Page numbers pinned at the first/last boundaries. */
+  BOUNDARY_COUNT: 1
+};
+exports.CHART_COLORS = CHART_COLORS;
+exports.CHART_MODAL = CHART_MODAL;
+exports.CONTEXT_MENU_MARGIN = CONTEXT_MENU_MARGIN;
+exports.COUNTERS_PAGE_SIZE = COUNTERS_PAGE_SIZE;
+exports.ICON_SIZE = ICON_SIZE;
+exports.KEYBOARD_STEP = KEYBOARD_STEP;
+exports.MAX_CATEGORIES = MAX_CATEGORIES;
+exports.MAX_SANKEY_NODES = MAX_SANKEY_NODES;
+exports.MAX_SERIES = MAX_SERIES;
+exports.MAX_SUBCATEGORIES = MAX_SUBCATEGORIES;
+exports.MIN_COLUMN_WIDTH = MIN_COLUMN_WIDTH;
+exports.PAGINATION = PAGINATION;
+exports.SIDEBAR = SIDEBAR;
+exports.SVG_STROKE_WIDTH = SVG_STROKE_WIDTH;
+exports.SVG_VIEWBOX = SVG_VIEWBOX;
+exports.TOAST_DURATION_MS = TOAST_DURATION_MS;
+exports.VIEWPORT_MARGIN = VIEWPORT_MARGIN;
 //# sourceMappingURL=index53.cjs.map

package/dist/index53.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index53.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index53.cjs","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Shared constants for the component library.\n * Centralises magic numbers used across components.\n */\n\n/** SVG icon rendered sizes (px — used as HTML/SVG attributes, not CSS). */\nexport const ICON_SIZE = {\n  SM: 14,\n  MD: 16,\n  LG: 18,\n} as const;\n\n/** Standard SVG viewBox for 24×24 icon grid. */\nexport const SVG_VIEWBOX = '0 0 24 24';\n\n/** Standard SVG stroke width. */\nexport const SVG_STROKE_WIDTH = 2;\n\n/** Keyboard accessibility step (percentage points per arrow press). */\nexport const KEYBOARD_STEP = 2;\n\n/** Viewport safety margin (px — used in JS calculations with DOM APIs). */\nexport const VIEWPORT_MARGIN = 32;\n\n/** ContextMenu viewport margin (px). */\nexport const CONTEXT_MENU_MARGIN = 10;\n\n/** ChartExpandModal dimension constraints (px — used with window.innerWidth). */\nexport const CHART_MODAL = {\n  MIN_WIDTH: 960,\n  MIN_HEIGHT: 480,\n  MAX_WIDTH: 2400,\n  MAX_HEIGHT: 1300,\n  DEFAULT_WIDTH: 1500,\n  DEFAULT_HEIGHT: 820,\n  FALLBACK_WIDTH: 1400,\n  FALLBACK_HEIGHT: 800,\n} as const;\n\n/** Maximum Sankey nodes before truncation warning. */\nexport const MAX_SANKEY_NODES = 150;\n\n/** Maximum stacked series before \"Other\" aggregation. */\nexport const MAX_SERIES = 20;\n\n/** Maximum categories in stacked bar chart. */\nexport const MAX_CATEGORIES = 20;\n\n/** Maximum subcategories per category. */\nexport const MAX_SUBCATEGORIES = 10;\n\n/** Time range preset durations in milliseconds. */\nexport const TIME_PRESET_MS = {\n  '1h': 3_600_000,\n  '6h': 21_600_000,\n  '24h': 86_400_000,\n  '7d': 604_800_000,\n  '30d': 2_592_000_000,\n} as const;\n\n/** Default chart color palette. */\nexport const CHART_COLORS = [\n  '#FF6B5A', '#5B8DEF', '#4ECDC4', '#F7B731', '#A55EEA',\n  '#26DE81', '#FC5C65', '#45AAF2', '#FD9644', '#2BCBBA',\n  '#D1D8E0', '#778CA3', '#EB3B5A', '#3867D6', '#20BF6B',\n  '#F7B731', '#8854D0', '#0FB9B1', '#FA8231', '#4B6584',\n] as const;\n\n/** Minimum column width for resizable tables (px — used in JS calculations). */\nexport const MIN_COLUMN_WIDTH = 40;\n\n/** Sidebar dimension constants (px — used as inline styles). */\nexport const SIDEBAR = {\n  WIDTH: 240,\n  COLLAPSED_WIDTH: 80,\n} as const;\n\n/** Counters analysis pagination. */\nexport const COUNTERS_PAGE_SIZE = 100;\n\n/** Default time a toast stays visible before auto-dismiss (ms). */\nexport const TOAST_DURATION_MS = 3200;\n\n/** Pagination page-range defaults. */\nexport const PAGINATION = {\n  /** Page numbers shown on each side of the current page. */\n  SIBLING_COUNT: 1,\n  /** Page numbers pinned at the first/last boundaries. */\n  BOUNDARY_COUNT: 1,\n} as const;\n"],"names":[],"mappings":";;AAMO,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,cAAc;AAGpB,MAAM,mBAAmB;AAGzB,MAAM,gBAAgB;AAGtB,MAAM,kBAAkB;AAGxB,MAAM,sBAAsB;AAG5B,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAGO,MAAM,mBAAmB;AAGzB,MAAM,aAAa;AAGnB,MAAM,iBAAiB;AAGvB,MAAM,oBAAoB;AAY1B,MAAM,eAAe;AAAA,EAC1B;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAC9C;AAGO,MAAM,mBAAmB;AAGzB,MAAM,UAAU;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AACnB;AAGO,MAAM,qBAAqB;AAG3B,MAAM,oBAAoB;AAG1B,MAAM,aAAa;AAAA;AAAA,EAExB,eAAe;AAAA;AAAA,EAEf,gBAAgB;AAClB;;;;;;;;;;;;;;;;;;"}