@ktnpm_devops/react-component 0.2.0 → 0.3.0

package/dist/index38.js

@@ -1,70 +1,18 @@
-const ICON_SIZE = {
-  SM: 14,
-  MD: 16,
-  LG: 18
+const root = "krc-root-AouLD";
+const header = "krc-header-pNze5";
+const content = "krc-content-egG2e";
+const footer = "krc-footer-WJw5Z";
+const styles = {
+  root,
+  header,
+  content,
+  footer
 };
-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;
 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,
-  SIDEBAR,
-  SVG_STROKE_WIDTH,
-  SVG_VIEWBOX,
-  VIEWPORT_MARGIN
+  content,
+  styles as default,
+  footer,
+  header,
+  root
 };
 //# sourceMappingURL=index38.js.map

package/dist/index38.js.map

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

package/dist/index39.cjs

@@ -1,87 +1,70 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-WYIsp";
-const trigger = "krc-trigger-UedSS";
-const active = "krc-active-cH8Tl";
-const triggerContent = "krc-triggerContent-Kkhoi";
-const chevron = "krc-chevron-NoNsI";
-const label = "krc-label-RPlXR";
-const valueGroup = "krc-valueGroup-xfNcx";
-const value = "krc-value-aKdIW";
-const badge = "krc-badge-yVq9o";
-const clear = "krc-clear-11V9Q";
-const panel = "krc-panel-xf2f8";
-const header = "krc-header--VMR-";
-const search = "krc-search-4gQgB";
-const headerActions = "krc-headerActions-orxXD";
-const chip = "krc-chip--n-9m";
-const chipGhost = "krc-chipGhost-oayjh";
-const list = "krc-list-NRoxf";
-const status = "krc-status-j7xbM";
-const statusError = "krc-statusError-u6rfB";
-const option = "krc-option-ZAXum";
-const optionLabel = "krc-optionLabel-MdDyI";
-const optionCount = "krc-optionCount-JSQl9";
-const create = "krc-create-hO8Cq";
-const footer = "krc-footer-2yk6S";
-const selection = "krc-selection-aYDH-";
-const selectionDelta = "krc-selectionDelta-S1dV7";
-const footerActions = "krc-footerActions-77iCX";
-const styles = {
-  root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  valueGroup,
-  value,
-  badge,
-  clear,
-  panel,
-  header,
-  search,
-  headerActions,
-  chip,
-  chipGhost,
-  list,
-  status,
-  statusError,
-  option,
-  optionLabel,
-  optionCount,
-  create,
-  footer,
-  selection,
-  selectionDelta,
-  footerActions
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ICON_SIZE = {
+  SM: 14,
+  MD: 16,
+  LG: 18
 };
-exports.active = active;
-exports.badge = badge;
-exports.chevron = chevron;
-exports.chip = chip;
-exports.chipGhost = chipGhost;
-exports.clear = clear;
-exports.create = create;
-exports.default = styles;
-exports.footer = footer;
-exports.footerActions = footerActions;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.label = label;
-exports.list = list;
-exports.option = option;
-exports.optionCount = optionCount;
-exports.optionLabel = optionLabel;
-exports.panel = panel;
-exports.root = root;
-exports.search = search;
-exports.selection = selection;
-exports.selectionDelta = selectionDelta;
-exports.status = status;
-exports.statusError = statusError;
-exports.trigger = trigger;
-exports.triggerContent = triggerContent;
-exports.value = value;
-exports.valueGroup = valueGroup;
+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;
+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.SIDEBAR = SIDEBAR;
+exports.SVG_STROKE_WIDTH = SVG_STROKE_WIDTH;
+exports.SVG_VIEWBOX = SVG_VIEWBOX;
+exports.VIEWPORT_MARGIN = VIEWPORT_MARGIN;
 //# sourceMappingURL=index39.cjs.map

package/dist/index39.cjs.map

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

package/dist/index39.js

@@ -1,87 +1,70 @@
-const root = "krc-root-WYIsp";
-const trigger = "krc-trigger-UedSS";
-const active = "krc-active-cH8Tl";
-const triggerContent = "krc-triggerContent-Kkhoi";
-const chevron = "krc-chevron-NoNsI";
-const label = "krc-label-RPlXR";
-const valueGroup = "krc-valueGroup-xfNcx";
-const value = "krc-value-aKdIW";
-const badge = "krc-badge-yVq9o";
-const clear = "krc-clear-11V9Q";
-const panel = "krc-panel-xf2f8";
-const header = "krc-header--VMR-";
-const search = "krc-search-4gQgB";
-const headerActions = "krc-headerActions-orxXD";
-const chip = "krc-chip--n-9m";
-const chipGhost = "krc-chipGhost-oayjh";
-const list = "krc-list-NRoxf";
-const status = "krc-status-j7xbM";
-const statusError = "krc-statusError-u6rfB";
-const option = "krc-option-ZAXum";
-const optionLabel = "krc-optionLabel-MdDyI";
-const optionCount = "krc-optionCount-JSQl9";
-const create = "krc-create-hO8Cq";
-const footer = "krc-footer-2yk6S";
-const selection = "krc-selection-aYDH-";
-const selectionDelta = "krc-selectionDelta-S1dV7";
-const footerActions = "krc-footerActions-77iCX";
-const styles = {
-  root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  valueGroup,
-  value,
-  badge,
-  clear,
-  panel,
-  header,
-  search,
-  headerActions,
-  chip,
-  chipGhost,
-  list,
-  status,
-  statusError,
-  option,
-  optionLabel,
-  optionCount,
-  create,
-  footer,
-  selection,
-  selectionDelta,
-  footerActions
+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;
 export {
-  active,
-  badge,
-  chevron,
-  chip,
-  chipGhost,
-  clear,
-  create,
-  styles as default,
-  footer,
-  footerActions,
-  header,
-  headerActions,
-  label,
-  list,
-  option,
-  optionCount,
-  optionLabel,
-  panel,
-  root,
-  search,
-  selection,
-  selectionDelta,
-  status,
-  statusError,
-  trigger,
-  triggerContent,
-  value,
-  valueGroup
+  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,
+  SIDEBAR,
+  SVG_STROKE_WIDTH,
+  SVG_VIEWBOX,
+  VIEWPORT_MARGIN
 };
 //# sourceMappingURL=index39.js.map

package/dist/index39.js.map

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

package/dist/index4.cjs

@@ -1,15 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("react");
-function useEscapeKey(handler, enabled = true) {
+function useClickOutside(ref, handler) {
   react.useEffect(() => {
-    if (!enabled) return;
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") handler();
+    const listener = (event) => {
+      if (!ref.current || ref.current.contains(event.target)) return;
+      handler(event);
     };
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [handler, enabled]);
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
 }
-exports.useEscapeKey = useEscapeKey;
+exports.useClickOutside = useClickOutside;
 //# sourceMappingURL=index4.cjs.map

package/dist/index4.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index4.cjs","sources":["../src/hooks/useEscapeKey.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/** Calls `handler` when the Escape key is pressed while `enabled` is true. */\nexport function useEscapeKey(handler: () => void, enabled = true) {\n  useEffect(() => {\n    if (!enabled) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') handler();\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [handler, enabled]);\n}\n"],"names":["useEffect"],"mappings":";;;AAGO,SAAS,aAAa,SAAqB,UAAU,MAAM;AAChEA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,YAAY,CAAC,MAAqB;AACtC,UAAI,EAAE,QAAQ,SAAU,SAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,WAAO,MAAM,SAAS,oBAAoB,WAAW,SAAS;AAAA,EAChE,GAAG,CAAC,SAAS,OAAO,CAAC;AACvB;;"}
+{"version":3,"file":"index4.cjs","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, type RefObject } from 'react';\n\n/** Calls `handler` when a click occurs outside the element referenced by `ref`. */\nexport function useClickOutside<T extends HTMLElement>(\n  ref: RefObject<T | null>,\n  handler: (event: MouseEvent | TouchEvent) => void,\n) {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (!ref.current || ref.current.contains(event.target as Node)) return;\n      handler(event);\n    };\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [ref, handler]);\n}\n"],"names":["useEffect"],"mappings":";;;AAGO,SAAS,gBACd,KACA,SACA;AACAA,QAAAA,UAAU,MAAM;AACd,UAAM,WAAW,CAAC,UAAmC;AACnD,UAAI,CAAC,IAAI,WAAW,IAAI,QAAQ,SAAS,MAAM,MAAc,EAAG;AAChE,cAAQ,KAAK;AAAA,IACf;AACA,aAAS,iBAAiB,aAAa,QAAQ;AAC/C,aAAS,iBAAiB,cAAc,QAAQ;AAChD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,QAAQ;AAClD,eAAS,oBAAoB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AACnB;;"}

package/dist/index4.js

@@ -1,15 +1,19 @@
 import { useEffect } from "react";
-function useEscapeKey(handler, enabled = true) {
+function useClickOutside(ref, handler) {
   useEffect(() => {
-    if (!enabled) return;
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") handler();
+    const listener = (event) => {
+      if (!ref.current || ref.current.contains(event.target)) return;
+      handler(event);
     };
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [handler, enabled]);
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
 }
 export {
-  useEscapeKey
+  useClickOutside
 };
 //# sourceMappingURL=index4.js.map

package/dist/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":["../src/hooks/useEscapeKey.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/** Calls `handler` when the Escape key is pressed while `enabled` is true. */\nexport function useEscapeKey(handler: () => void, enabled = true) {\n  useEffect(() => {\n    if (!enabled) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') handler();\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [handler, enabled]);\n}\n"],"names":[],"mappings":";AAGO,SAAS,aAAa,SAAqB,UAAU,MAAM;AAChE,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,YAAY,CAAC,MAAqB;AACtC,UAAI,EAAE,QAAQ,SAAU,SAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,WAAO,MAAM,SAAS,oBAAoB,WAAW,SAAS;AAAA,EAChE,GAAG,CAAC,SAAS,OAAO,CAAC;AACvB;"}
+{"version":3,"file":"index4.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, type RefObject } from 'react';\n\n/** Calls `handler` when a click occurs outside the element referenced by `ref`. */\nexport function useClickOutside<T extends HTMLElement>(\n  ref: RefObject<T | null>,\n  handler: (event: MouseEvent | TouchEvent) => void,\n) {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (!ref.current || ref.current.contains(event.target as Node)) return;\n      handler(event);\n    };\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [ref, handler]);\n}\n"],"names":[],"mappings":";AAGO,SAAS,gBACd,KACA,SACA;AACA,YAAU,MAAM;AACd,UAAM,WAAW,CAAC,UAAmC;AACnD,UAAI,CAAC,IAAI,WAAW,IAAI,QAAQ,SAAS,MAAM,MAAc,EAAG;AAChE,cAAQ,KAAK;AAAA,IACf;AACA,aAAS,iBAAiB,aAAa,QAAQ;AAC/C,aAAS,iBAAiB,cAAc,QAAQ;AAChD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,QAAQ;AAClD,eAAS,oBAAoB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AACnB;"}

package/dist/index40.cjs

@@ -1,9 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-FVKOX";
+const root = "krc-root-uKAJr";
+const header = "krc-header-BWJPo";
+const body = "krc-body-LCUxY";
+const footer = "krc-footer-z4n8R";
+const toggle = "krc-toggle-9T9IZ";
+const section = "krc-section-us0Me";
+const sectionTitle = "krc-sectionTitle-On1X-";
+const sectionToggle = "krc-sectionToggle-eriVJ";
+const sectionChevron = "krc-sectionChevron-cgn7M";
+const sectionChevronOpen = "krc-sectionChevronOpen-Ja5Y3";
+const sectionItems = "krc-sectionItems-iwvxo";
+const collapsed = "krc-collapsed-JRXBy";
 const styles = {
-  root
+  root,
+  header,
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
 };
+exports.body = body;
+exports.collapsed = collapsed;
 exports.default = styles;
+exports.footer = footer;
+exports.header = header;
 exports.root = root;
+exports.section = section;
+exports.sectionChevron = sectionChevron;
+exports.sectionChevronOpen = sectionChevronOpen;
+exports.sectionItems = sectionItems;
+exports.sectionTitle = sectionTitle;
+exports.sectionToggle = sectionToggle;
+exports.toggle = toggle;
 //# sourceMappingURL=index40.cjs.map

package/dist/index40.cjs.map

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

package/dist/index40.js

@@ -1,9 +1,42 @@
-const root = "krc-root-FVKOX";
+const root = "krc-root-uKAJr";
+const header = "krc-header-BWJPo";
+const body = "krc-body-LCUxY";
+const footer = "krc-footer-z4n8R";
+const toggle = "krc-toggle-9T9IZ";
+const section = "krc-section-us0Me";
+const sectionTitle = "krc-sectionTitle-On1X-";
+const sectionToggle = "krc-sectionToggle-eriVJ";
+const sectionChevron = "krc-sectionChevron-cgn7M";
+const sectionChevronOpen = "krc-sectionChevronOpen-Ja5Y3";
+const sectionItems = "krc-sectionItems-iwvxo";
+const collapsed = "krc-collapsed-JRXBy";
 const styles = {
-  root
+  root,
+  header,
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
 };
 export {
+  body,
+  collapsed,
   styles as default,
-  root
+  footer,
+  header,
+  root,
+  section,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  sectionTitle,
+  sectionToggle,
+  toggle
 };
 //# sourceMappingURL=index40.js.map

package/dist/index40.js.map

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

package/dist/index41.cjs

@@ -1,18 +1,27 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-AouLD";
-const header = "krc-header-pNze5";
-const content = "krc-content-egG2e";
-const footer = "krc-footer-WJw5Z";
+const overlay = "krc-overlay-4gFc3";
+const root = "krc-root-eKDda";
+const header = "krc-header-YrzLd";
+const title = "krc-title-9rzEH";
+const closeBtn = "krc-closeBtn-vGJ7P";
+const body = "krc-body-g43Cd";
+const footer = "krc-footer-JRwi5";
 const styles = {
+  overlay,
   root,
   header,
-  content,
+  title,
+  closeBtn,
+  body,
   footer
 };
-exports.content = content;
+exports.body = body;
+exports.closeBtn = closeBtn;
 exports.default = styles;
 exports.footer = footer;
 exports.header = header;
+exports.overlay = overlay;
 exports.root = root;
+exports.title = title;
 //# sourceMappingURL=index41.cjs.map

package/dist/index41.cjs.map

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