@ktnpm_devops/react-component 0.10.0 → 0.12.0

package/dist/index60.js

@@ -1,27 +1,54 @@
-const root = "krc-root-1fbld";
-const rail = "krc-rail-S-V5h";
-const fill = "krc-fill-NAEy9";
-const tick = "krc-tick-j75qi";
-const disabled = "krc-disabled-DgBiL";
-const thumb = "krc-thumb-QVYVM";
-const valueTooltip = "krc-valueTooltip-Vuimh";
+const root = "krc-root-zHJLB";
+const trigger = "krc-trigger-kRS4l";
+const isOpen = "krc-isOpen-4fsg7";
+const icon = "krc-icon-YS-DJ";
+const arrow = "krc-arrow-wiq8b";
+const pop = "krc-pop-boLzq";
+const head = "krc-head-FDhHr";
+const nav = "krc-nav-ZcR0Q";
+const title = "krc-title-MqB3H";
+const dows = "krc-dows-EshP3";
+const grid = "krc-grid-xiUF-";
+const day = "krc-day-2W9yq";
+const empty = "krc-empty-Mf05c";
+const off = "krc-off-tATo-";
+const able = "krc-able-bD-du";
+const selected = "krc-selected-Q1am3";
 const styles = {
   root,
-  rail,
-  fill,
-  tick,
-  disabled,
-  thumb,
-  valueTooltip
+  trigger,
+  isOpen,
+  icon,
+  arrow,
+  pop,
+  head,
+  nav,
+  title,
+  dows,
+  grid,
+  day,
+  empty,
+  off,
+  able,
+  selected
 };
 export {
+  able,
+  arrow,
+  day,
   styles as default,
-  disabled,
-  fill,
-  rail,
+  dows,
+  empty,
+  grid,
+  head,
+  icon,
+  isOpen,
+  nav,
+  off,
+  pop,
   root,
-  thumb,
-  tick,
-  valueTooltip
+  selected,
+  title,
+  trigger
 };
 //# sourceMappingURL=index60.js.map

package/dist/index60.js.map

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

package/dist/index61.cjs

@@ -1,45 +1,72 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-0iK-T";
-const header = "krc-header-vLmNI";
-const title = "krc-title-J9FSG";
-const headerActions = "krc-headerActions-8Sd6i";
-const toolbar = "krc-toolbar-65kLR";
-const toolbarLabel = "krc-toolbarLabel-kmRLQ";
-const toolbarSelect = "krc-toolbarSelect-t7OKN";
-const chartContainer = "krc-chartContainer-1-iIe";
-const loading = "krc-loading-MRlom";
-const error = "krc-error-esslq";
-const retryButton = "krc-retryButton-js385";
-const empty = "krc-empty-qYFPa";
-const warning = "krc-warning-ll4Hc";
+const root = "krc-root-HS837";
+const gapNone = "krc-gapNone-MmCvp";
+const gapXs = "krc-gapXs-Jketq";
+const gapSm = "krc-gapSm-BFLhK";
+const gapMd = "krc-gapMd--7IRg";
+const gapLg = "krc-gapLg-ehuIZ";
+const gapXl = "krc-gapXl-kNEyc";
+const alignStart = "krc-alignStart-q6fMC";
+const alignCenter = "krc-alignCenter-Py2Kt";
+const alignEnd = "krc-alignEnd-ialGn";
+const alignStretch = "krc-alignStretch-J-rq4";
+const alignBaseline = "krc-alignBaseline-Hg-4L";
+const justifyStart = "krc-justifyStart-tBqbD";
+const justifyCenter = "krc-justifyCenter-6QDaO";
+const justifyEnd = "krc-justifyEnd-2tbcB";
+const justifyBetween = "krc-justifyBetween-5W1AJ";
+const justifyAround = "krc-justifyAround-AMU1m";
+const justifyEvenly = "krc-justifyEvenly-Vj3C-";
+const wrap = "krc-wrap-Q4txZ";
+const nowrap = "krc-nowrap-BUcfT";
+const dirRow = "krc-dirRow-NBoPO";
+const dirColumn = "krc-dirColumn-gJ7qS";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  toolbarLabel,
-  toolbarSelect,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty,
-  warning
+  gapNone,
+  gapXs,
+  gapSm,
+  gapMd,
+  gapLg,
+  gapXl,
+  alignStart,
+  alignCenter,
+  alignEnd,
+  alignStretch,
+  alignBaseline,
+  justifyStart,
+  justifyCenter,
+  justifyEnd,
+  justifyBetween,
+  justifyAround,
+  justifyEvenly,
+  wrap,
+  nowrap,
+  dirRow,
+  dirColumn
 };
-exports.chartContainer = chartContainer;
+exports.alignBaseline = alignBaseline;
+exports.alignCenter = alignCenter;
+exports.alignEnd = alignEnd;
+exports.alignStart = alignStart;
+exports.alignStretch = alignStretch;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.loading = loading;
-exports.retryButton = retryButton;
+exports.dirColumn = dirColumn;
+exports.dirRow = dirRow;
+exports.gapLg = gapLg;
+exports.gapMd = gapMd;
+exports.gapNone = gapNone;
+exports.gapSm = gapSm;
+exports.gapXl = gapXl;
+exports.gapXs = gapXs;
+exports.justifyAround = justifyAround;
+exports.justifyBetween = justifyBetween;
+exports.justifyCenter = justifyCenter;
+exports.justifyEnd = justifyEnd;
+exports.justifyEvenly = justifyEvenly;
+exports.justifyStart = justifyStart;
+exports.nowrap = nowrap;
 exports.root = root;
-exports.title = title;
-exports.toolbar = toolbar;
-exports.toolbarLabel = toolbarLabel;
-exports.toolbarSelect = toolbarSelect;
-exports.warning = warning;
+exports.wrap = wrap;
 //# sourceMappingURL=index61.cjs.map

package/dist/index61.cjs.map

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

package/dist/index61.js

@@ -1,45 +1,72 @@
-const root = "krc-root-0iK-T";
-const header = "krc-header-vLmNI";
-const title = "krc-title-J9FSG";
-const headerActions = "krc-headerActions-8Sd6i";
-const toolbar = "krc-toolbar-65kLR";
-const toolbarLabel = "krc-toolbarLabel-kmRLQ";
-const toolbarSelect = "krc-toolbarSelect-t7OKN";
-const chartContainer = "krc-chartContainer-1-iIe";
-const loading = "krc-loading-MRlom";
-const error = "krc-error-esslq";
-const retryButton = "krc-retryButton-js385";
-const empty = "krc-empty-qYFPa";
-const warning = "krc-warning-ll4Hc";
+const root = "krc-root-HS837";
+const gapNone = "krc-gapNone-MmCvp";
+const gapXs = "krc-gapXs-Jketq";
+const gapSm = "krc-gapSm-BFLhK";
+const gapMd = "krc-gapMd--7IRg";
+const gapLg = "krc-gapLg-ehuIZ";
+const gapXl = "krc-gapXl-kNEyc";
+const alignStart = "krc-alignStart-q6fMC";
+const alignCenter = "krc-alignCenter-Py2Kt";
+const alignEnd = "krc-alignEnd-ialGn";
+const alignStretch = "krc-alignStretch-J-rq4";
+const alignBaseline = "krc-alignBaseline-Hg-4L";
+const justifyStart = "krc-justifyStart-tBqbD";
+const justifyCenter = "krc-justifyCenter-6QDaO";
+const justifyEnd = "krc-justifyEnd-2tbcB";
+const justifyBetween = "krc-justifyBetween-5W1AJ";
+const justifyAround = "krc-justifyAround-AMU1m";
+const justifyEvenly = "krc-justifyEvenly-Vj3C-";
+const wrap = "krc-wrap-Q4txZ";
+const nowrap = "krc-nowrap-BUcfT";
+const dirRow = "krc-dirRow-NBoPO";
+const dirColumn = "krc-dirColumn-gJ7qS";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  toolbarLabel,
-  toolbarSelect,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty,
-  warning
+  gapNone,
+  gapXs,
+  gapSm,
+  gapMd,
+  gapLg,
+  gapXl,
+  alignStart,
+  alignCenter,
+  alignEnd,
+  alignStretch,
+  alignBaseline,
+  justifyStart,
+  justifyCenter,
+  justifyEnd,
+  justifyBetween,
+  justifyAround,
+  justifyEvenly,
+  wrap,
+  nowrap,
+  dirRow,
+  dirColumn
 };
 export {
-  chartContainer,
+  alignBaseline,
+  alignCenter,
+  alignEnd,
+  alignStart,
+  alignStretch,
   styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  loading,
-  retryButton,
+  dirColumn,
+  dirRow,
+  gapLg,
+  gapMd,
+  gapNone,
+  gapSm,
+  gapXl,
+  gapXs,
+  justifyAround,
+  justifyBetween,
+  justifyCenter,
+  justifyEnd,
+  justifyEvenly,
+  justifyStart,
+  nowrap,
   root,
-  title,
-  toolbar,
-  toolbarLabel,
-  toolbarSelect,
-  warning
+  wrap
 };
 //# sourceMappingURL=index61.js.map

package/dist/index61.js.map

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

package/dist/index62.cjs

@@ -1,27 +1,92 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-cQSdQ";
-const disabled = "krc-disabled-mXUpZ";
-const active = "krc-active-c6Qv6";
-const collapsed = "krc-collapsed-zZjr3";
-const icon = "krc-icon-dmCQi";
-const label = "krc-label-ohVFC";
-const badge = "krc-badge-D8UnW";
-const styles = {
-  root,
-  disabled,
-  active,
-  collapsed,
-  icon,
-  label,
-  badge
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ICON_SIZE = {
+  SM: 14,
+  MD: 16,
+  LG: 18
 };
-exports.active = active;
-exports.badge = badge;
-exports.collapsed = collapsed;
-exports.default = styles;
-exports.disabled = disabled;
-exports.icon = icon;
-exports.label = label;
-exports.root = root;
+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 SCATTER = {
+  /** Marks drawn before deterministic sampling kicks in. */
+  MAX_POINTS: 2e3,
+  MIN_SYMBOL_SIZE: 6,
+  MAX_SYMBOL_SIZE: 28,
+  /** Symbol size used when no point carries a weight. */
+  BASE_SYMBOL_SIZE: 10
+};
+const RANGE_SLIDER = {
+  DEFAULT_STEP: 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.RANGE_SLIDER = RANGE_SLIDER;
+exports.SCATTER = SCATTER;
+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=index62.cjs.map

package/dist/index62.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index62.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index62.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\n/** ScatterChartCard mark cap and symbol radii (px — echarts canvas attributes, not CSS). */\nexport const SCATTER = {\n  /** Marks drawn before deterministic sampling kicks in. */\n  MAX_POINTS: 2000,\n  MIN_SYMBOL_SIZE: 6,\n  MAX_SYMBOL_SIZE: 28,\n  /** Symbol size used when no point carries a weight. */\n  BASE_SYMBOL_SIZE: 10,\n} as const;\n\n/** RangeSlider defaults. */\nexport const RANGE_SLIDER = {\n  DEFAULT_STEP: 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;AAGO,MAAM,UAAU;AAAA;AAAA,EAErB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,iBAAiB;AAAA;AAAA,EAEjB,kBAAkB;AACpB;AAGO,MAAM,eAAe;AAAA,EAC1B,cAAc;AAChB;;;;;;;;;;;;;;;;;;;;"}

package/dist/index62.js

@@ -1,27 +1,92 @@
-const root = "krc-root-cQSdQ";
-const disabled = "krc-disabled-mXUpZ";
-const active = "krc-active-c6Qv6";
-const collapsed = "krc-collapsed-zZjr3";
-const icon = "krc-icon-dmCQi";
-const label = "krc-label-ohVFC";
-const badge = "krc-badge-D8UnW";
-const styles = {
-  root,
-  disabled,
-  active,
-  collapsed,
-  icon,
-  label,
-  badge
+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 SCATTER = {
+  /** Marks drawn before deterministic sampling kicks in. */
+  MAX_POINTS: 2e3,
+  MIN_SYMBOL_SIZE: 6,
+  MAX_SYMBOL_SIZE: 28,
+  /** Symbol size used when no point carries a weight. */
+  BASE_SYMBOL_SIZE: 10
+};
+const RANGE_SLIDER = {
+  DEFAULT_STEP: 1
 };
 export {
-  active,
-  badge,
-  collapsed,
-  styles as default,
-  disabled,
-  icon,
-  label,
-  root
+  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,
+  RANGE_SLIDER,
+  SCATTER,
+  SIDEBAR,
+  SVG_STROKE_WIDTH,
+  SVG_VIEWBOX,
+  TOAST_DURATION_MS,
+  VIEWPORT_MARGIN
 };
 //# sourceMappingURL=index62.js.map

package/dist/index62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index62.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index62.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\n/** ScatterChartCard mark cap and symbol radii (px — echarts canvas attributes, not CSS). */\nexport const SCATTER = {\n  /** Marks drawn before deterministic sampling kicks in. */\n  MAX_POINTS: 2000,\n  MIN_SYMBOL_SIZE: 6,\n  MAX_SYMBOL_SIZE: 28,\n  /** Symbol size used when no point carries a weight. */\n  BASE_SYMBOL_SIZE: 10,\n} as const;\n\n/** RangeSlider defaults. */\nexport const RANGE_SLIDER = {\n  DEFAULT_STEP: 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;AAGO,MAAM,UAAU;AAAA;AAAA,EAErB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,iBAAiB;AAAA;AAAA,EAEjB,kBAAkB;AACpB;AAGO,MAAM,eAAe;AAAA,EAC1B,cAAc;AAChB;"}

package/dist/index63.cjs

@@ -1,9 +1,87 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pJYpn";
+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
+  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
 };
+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;
 //# sourceMappingURL=index63.cjs.map

package/dist/index63.cjs.map

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