@ktnpm_devops/react-component 0.4.1 → 0.5.0

package/dist/index48.cjs

@@ -1,42 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 root = "krc-root-jba0x";
 const styles = {
-  root,
-  header,
-  body,
-  footer,
-  toggle,
-  section,
-  sectionTitle,
-  sectionToggle,
-  sectionChevron,
-  sectionChevronOpen,
-  sectionItems,
-  collapsed
+  root
 };
-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=index48.cjs.map

package/dist/index48.cjs.map

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

package/dist/index48.js

@@ -1,42 +1,9 @@
-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 root = "krc-root-jba0x";
 const styles = {
-  root,
-  header,
-  body,
-  footer,
-  toggle,
-  section,
-  sectionTitle,
-  sectionToggle,
-  sectionChevron,
-  sectionChevronOpen,
-  sectionItems,
-  collapsed
+  root
 };
 export {
-  body,
-  collapsed,
   styles as default,
-  footer,
-  header,
-  root,
-  section,
-  sectionChevron,
-  sectionChevronOpen,
-  sectionItems,
-  sectionTitle,
-  sectionToggle,
-  toggle
+  root
 };
 //# sourceMappingURL=index48.js.map

package/dist/index48.js.map

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

package/dist/index49.cjs

@@ -1,57 +1,30 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-W2sel";
-const tableContainer = "krc-tableContainer-Ed3uk";
-const table = "krc-table-7p0H-";
-const th = "krc-th-fNmfv";
-const sortable = "krc-sortable-Ve0MQ";
-const thContent = "krc-thContent-BRDIL";
-const sortIndicator = "krc-sortIndicator-PtGYj";
-const resizeHandle = "krc-resizeHandle--St-g";
-const td = "krc-td-ZVsrU";
-const row = "krc-row-JivMH";
-const rowClickable = "krc-rowClickable-lTgQW";
-const rowSelected = "krc-rowSelected-Sv0qs";
-const skeletonRow = "krc-skeletonRow-uD1y7";
-const skeleton = "krc-skeleton-eeYso";
-const empty = "krc-empty-xKpKS";
-const loadMore = "krc-loadMore-njxDN";
-const loadMoreButton = "krc-loadMoreButton-C3Q-f";
+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,
-  tableContainer,
-  table,
-  th,
-  sortable,
-  thContent,
-  sortIndicator,
-  resizeHandle,
-  td,
-  row,
-  rowClickable,
-  rowSelected,
-  skeletonRow,
-  skeleton,
-  empty,
-  loadMore,
-  loadMoreButton
+  label,
+  value,
+  red,
+  amber,
+  sub,
+  isClick,
+  isActive
 };
+exports.amber = amber;
 exports.default = styles;
-exports.empty = empty;
-exports.loadMore = loadMore;
-exports.loadMoreButton = loadMoreButton;
-exports.resizeHandle = resizeHandle;
+exports.isActive = isActive;
+exports.isClick = isClick;
+exports.label = label;
+exports.red = red;
 exports.root = root;
-exports.row = row;
-exports.rowClickable = rowClickable;
-exports.rowSelected = rowSelected;
-exports.skeleton = skeleton;
-exports.skeletonRow = skeletonRow;
-exports.sortIndicator = sortIndicator;
-exports.sortable = sortable;
-exports.table = table;
-exports.tableContainer = tableContainer;
-exports.td = td;
-exports.th = th;
-exports.thContent = thContent;
+exports.sub = sub;
+exports.value = value;
 //# 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,57 +1,30 @@
-const root = "krc-root-W2sel";
-const tableContainer = "krc-tableContainer-Ed3uk";
-const table = "krc-table-7p0H-";
-const th = "krc-th-fNmfv";
-const sortable = "krc-sortable-Ve0MQ";
-const thContent = "krc-thContent-BRDIL";
-const sortIndicator = "krc-sortIndicator-PtGYj";
-const resizeHandle = "krc-resizeHandle--St-g";
-const td = "krc-td-ZVsrU";
-const row = "krc-row-JivMH";
-const rowClickable = "krc-rowClickable-lTgQW";
-const rowSelected = "krc-rowSelected-Sv0qs";
-const skeletonRow = "krc-skeletonRow-uD1y7";
-const skeleton = "krc-skeleton-eeYso";
-const empty = "krc-empty-xKpKS";
-const loadMore = "krc-loadMore-njxDN";
-const loadMoreButton = "krc-loadMoreButton-C3Q-f";
+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,
-  tableContainer,
-  table,
-  th,
-  sortable,
-  thContent,
-  sortIndicator,
-  resizeHandle,
-  td,
-  row,
-  rowClickable,
-  rowSelected,
-  skeletonRow,
-  skeleton,
-  empty,
-  loadMore,
-  loadMoreButton
+  label,
+  value,
+  red,
+  amber,
+  sub,
+  isClick,
+  isActive
 };
 export {
+  amber,
   styles as default,
-  empty,
-  loadMore,
-  loadMoreButton,
-  resizeHandle,
+  isActive,
+  isClick,
+  label,
+  red,
   root,
-  row,
-  rowClickable,
-  rowSelected,
-  skeleton,
-  skeletonRow,
-  sortIndicator,
-  sortable,
-  table,
-  tableContainer,
-  td,
-  th,
-  thContent
+  sub,
+  value
 };
 //# 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,24 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pS02L";
-const sidebar = "krc-sidebar-n1HeR";
-const conversationList = "krc-conversationList-E8ODD";
-const mainArea = "krc-mainArea-E0cNf";
-const messages = "krc-messages-S9aU-";
-const input = "krc-input-HAMJ3";
+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,
-  sidebar,
-  conversationList,
-  mainArea,
-  messages,
-  input
+  region,
+  toast,
+  toastIn,
+  success,
+  error
 };
-exports.conversationList = conversationList;
 exports.default = styles;
-exports.input = input;
-exports.mainArea = mainArea;
-exports.messages = messages;
-exports.root = root;
-exports.sidebar = sidebar;
+exports.error = error;
+exports.region = region;
+exports.success = success;
+exports.toast = toast;
+exports.toastIn = toastIn;
 //# 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,24 +1,21 @@
-const root = "krc-root-pS02L";
-const sidebar = "krc-sidebar-n1HeR";
-const conversationList = "krc-conversationList-E8ODD";
-const mainArea = "krc-mainArea-E0cNf";
-const messages = "krc-messages-S9aU-";
-const input = "krc-input-HAMJ3";
+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,
-  sidebar,
-  conversationList,
-  mainArea,
-  messages,
-  input
+  region,
+  toast,
+  toastIn,
+  success,
+  error
 };
 export {
-  conversationList,
   styles as default,
-  input,
-  mainArea,
-  messages,
-  root,
-  sidebar
+  error,
+  region,
+  success,
+  toast,
+  toastIn
 };
 //# 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,36 +1,72 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const overlay = "krc-overlay-WWw5c";
-const modal = "krc-modal-ZLlQ4";
-const resizable = "krc-resizable-G8TND";
-const header = "krc-header-RFEXB";
-const title = "krc-title-FhVKX";
-const headerActions = "krc-headerActions-Qj5SG";
-const close = "krc-close-EQ-3d";
-const body = "krc-body-ZLPhV";
-const loading = "krc-loading-lxD8d";
-const resizeHandle = "krc-resizeHandle-Q0J-B";
-const styles = {
-  overlay,
-  modal,
-  resizable,
-  header,
-  title,
-  headerActions,
-  close,
-  body,
-  loading,
-  resizeHandle
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ICON_SIZE = {
+  SM: 14,
+  MD: 16,
+  LG: 18
 };
-exports.body = body;
-exports.close = close;
-exports.default = styles;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.loading = loading;
-exports.modal = modal;
-exports.overlay = overlay;
-exports.resizable = resizable;
-exports.resizeHandle = resizeHandle;
-exports.title = title;
+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;
+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.TOAST_DURATION_MS = TOAST_DURATION_MS;
+exports.VIEWPORT_MARGIN = VIEWPORT_MARGIN;
 //# sourceMappingURL=index51.cjs.map

package/dist/index51.cjs.map

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

package/dist/index51.js

@@ -1,36 +1,72 @@
-const overlay = "krc-overlay-WWw5c";
-const modal = "krc-modal-ZLlQ4";
-const resizable = "krc-resizable-G8TND";
-const header = "krc-header-RFEXB";
-const title = "krc-title-FhVKX";
-const headerActions = "krc-headerActions-Qj5SG";
-const close = "krc-close-EQ-3d";
-const body = "krc-body-ZLPhV";
-const loading = "krc-loading-lxD8d";
-const resizeHandle = "krc-resizeHandle-Q0J-B";
-const styles = {
-  overlay,
-  modal,
-  resizable,
-  header,
-  title,
-  headerActions,
-  close,
-  body,
-  loading,
-  resizeHandle
+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;
 export {
-  body,
-  close,
-  styles as default,
-  header,
-  headerActions,
-  loading,
-  modal,
-  overlay,
-  resizable,
-  resizeHandle,
-  title
+  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,
+  TOAST_DURATION_MS,
+  VIEWPORT_MARGIN
 };
 //# sourceMappingURL=index51.js.map

package/dist/index51.js.map

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

package/dist/index52.cjs

@@ -1,21 +1,30 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-WL0sD";
-const left = "krc-left-9KFDB";
-const right = "krc-right-YmUbX";
-const divider = "krc-divider-jNOSU";
-const dividerHandle = "krc-dividerHandle-SoNqx";
+const root = "krc-root-Kdtyn";
+const primary = "krc-primary-6l6aH";
+const secondary = "krc-secondary-29n8Y";
+const outline = "krc-outline-U1Mlr";
+const ghost = "krc-ghost-5wRsR";
+const danger = "krc-danger-gL4NM";
+const sm = "krc-sm-zP51s";
+const lg = "krc-lg-ZefGA";
 const styles = {
   root,
-  left,
-  right,
-  divider,
-  dividerHandle
+  primary,
+  secondary,
+  outline,
+  ghost,
+  danger,
+  sm,
+  lg
 };
+exports.danger = danger;
 exports.default = styles;
-exports.divider = divider;
-exports.dividerHandle = dividerHandle;
-exports.left = left;
-exports.right = right;
+exports.ghost = ghost;
+exports.lg = lg;
+exports.outline = outline;
+exports.primary = primary;
 exports.root = root;
+exports.secondary = secondary;
+exports.sm = sm;
 //# sourceMappingURL=index52.cjs.map

package/dist/index52.cjs.map

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