@ktnpm_devops/react-component 0.14.0 → 0.15.0

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,30 +1,12 @@
-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 container = "krc-container-cpDoQ";
+const root = "krc-root-20TMP";
 const styles = {
-  root,
-  primary,
-  secondary,
-  outline,
-  ghost,
-  danger,
-  sm,
-  lg
+  container,
+  root
 };
 export {
-  danger,
+  container,
   styles as default,
-  ghost,
-  lg,
-  outline,
-  primary,
-  root,
-  secondary,
-  sm
+  root
 };
 //# 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,30 +1,20 @@
 "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 marked_esm = require("./index122.cjs");
+const purify_es = require("./index123.cjs");
+const renderer = {
+  link({ href, tokens }) {
+    var _a;
+    const text = ((_a = this.parser) == null ? void 0 : _a.parseInline(tokens)) ?? tokens.map((t) => t.raw).join("");
+    return `<a href="${href}" target="_blank" rel="noopener noreferrer">${text}</a>`;
+  }
 };
-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;
+marked_esm.marked.use({ gfm: true, breaks: true, renderer });
+const sanitizeHtml = (html) => purify_es.sanitize(html, {
+  USE_PROFILES: { html: true },
+  ADD_ATTR: ["target", "rel"]
+});
+const parseMarkdown = (markdown) => sanitizeHtml(marked_esm.marked.parse(markdown));
+exports.parseMarkdown = parseMarkdown;
+exports.sanitizeHtml = sanitizeHtml;
 //# 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/utils/markdown.ts"],"sourcesContent":["import { marked, type Renderer } from 'marked';\nimport DOMPurify from 'dompurify';\n\n// Use a function (not arrow) so `this` binds to marked's renderer instance,\n// which exposes `parser.parseInline`. The default `text` arg is the raw link\n// label (`**bold** text`) — passing it through unchanged would print the\n// asterisks instead of rendering nested inline markdown. `parseInline(tokens)`\n// recurses into bold / italic / code / etc. inside the link text.\nconst renderer: Partial<Renderer> = {\n  link({ href, tokens }) {\n    /* `this.parser` is provided at runtime when marked wires the renderer\n       into its pipeline; the type definition models it as possibly\n       undefined for standalone use. `parseInline(tokens)` falls back to\n       the join of token raw strings when the parser is absent. */\n    const text = this.parser?.parseInline(tokens) ?? tokens.map((t) => t.raw).join('');\n    return `<a href=\"${href}\" target=\"_blank\" rel=\"noopener noreferrer\">${text}</a>`;\n  },\n};\n\nmarked.use({ gfm: true, breaks: true, renderer });\n\nexport const sanitizeHtml = (html: string): string =>\n  DOMPurify.sanitize(html, {\n    USE_PROFILES: { html: true },\n    ADD_ATTR: ['target', 'rel'],\n  });\n\nexport const parseMarkdown = (markdown: string): string =>\n  sanitizeHtml(marked.parse(markdown) as string);\n"],"names":["marked","DOMPurify"],"mappings":";;;;AAQA,MAAM,WAA8B;AAAA,EAClC,KAAK,EAAE,MAAM,UAAU;;AAKrB,UAAM,SAAO,UAAK,WAAL,mBAAa,YAAY,YAAW,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;AACjF,WAAO,YAAY,IAAI,+CAA+C,IAAI;AAAA,EAC5E;AACF;AAEAA,WAAAA,OAAO,IAAI,EAAE,KAAK,MAAM,QAAQ,MAAM,UAAU;AAEzC,MAAM,eAAe,CAAC,SAC3BC,UAAU,SAAS,MAAM;AAAA,EACvB,cAAc,EAAE,MAAM,KAAA;AAAA,EACtB,UAAU,CAAC,UAAU,KAAK;AAC5B,CAAC;AAEI,MAAM,gBAAgB,CAAC,aAC5B,aAAaD,WAAAA,OAAO,MAAM,QAAQ,CAAW;;;"}

package/dist/index62.js

@@ -1,30 +1,20 @@
-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
+import { marked as g } from "./index122.js";
+import purify from "./index123.js";
+const renderer = {
+  link({ href, tokens }) {
+    var _a;
+    const text = ((_a = this.parser) == null ? void 0 : _a.parseInline(tokens)) ?? tokens.map((t) => t.raw).join("");
+    return `<a href="${href}" target="_blank" rel="noopener noreferrer">${text}</a>`;
+  }
 };
+g.use({ gfm: true, breaks: true, renderer });
+const sanitizeHtml = (html) => purify.sanitize(html, {
+  USE_PROFILES: { html: true },
+  ADD_ATTR: ["target", "rel"]
+});
+const parseMarkdown = (markdown) => sanitizeHtml(g.parse(markdown));
 export {
-  amber,
-  styles as default,
-  isActive,
-  isClick,
-  label,
-  red,
-  root,
-  sub,
-  value
+  parseMarkdown,
+  sanitizeHtml
 };
 //# 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/utils/markdown.ts"],"sourcesContent":["import { marked, type Renderer } from 'marked';\nimport DOMPurify from 'dompurify';\n\n// Use a function (not arrow) so `this` binds to marked's renderer instance,\n// which exposes `parser.parseInline`. The default `text` arg is the raw link\n// label (`**bold** text`) — passing it through unchanged would print the\n// asterisks instead of rendering nested inline markdown. `parseInline(tokens)`\n// recurses into bold / italic / code / etc. inside the link text.\nconst renderer: Partial<Renderer> = {\n  link({ href, tokens }) {\n    /* `this.parser` is provided at runtime when marked wires the renderer\n       into its pipeline; the type definition models it as possibly\n       undefined for standalone use. `parseInline(tokens)` falls back to\n       the join of token raw strings when the parser is absent. */\n    const text = this.parser?.parseInline(tokens) ?? tokens.map((t) => t.raw).join('');\n    return `<a href=\"${href}\" target=\"_blank\" rel=\"noopener noreferrer\">${text}</a>`;\n  },\n};\n\nmarked.use({ gfm: true, breaks: true, renderer });\n\nexport const sanitizeHtml = (html: string): string =>\n  DOMPurify.sanitize(html, {\n    USE_PROFILES: { html: true },\n    ADD_ATTR: ['target', 'rel'],\n  });\n\nexport const parseMarkdown = (markdown: string): string =>\n  sanitizeHtml(marked.parse(markdown) as string);\n"],"names":["marked","DOMPurify"],"mappings":";;AAQA,MAAM,WAA8B;AAAA,EAClC,KAAK,EAAE,MAAM,UAAU;;AAKrB,UAAM,SAAO,UAAK,WAAL,mBAAa,YAAY,YAAW,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;AACjF,WAAO,YAAY,IAAI,+CAA+C,IAAI;AAAA,EAC5E;AACF;AAEAA,EAAO,IAAI,EAAE,KAAK,MAAM,QAAQ,MAAM,UAAU;AAEzC,MAAM,eAAe,CAAC,SAC3BC,OAAU,SAAS,MAAM;AAAA,EACvB,cAAc,EAAE,MAAM,KAAA;AAAA,EACtB,UAAU,CAAC,UAAU,KAAK;AAC5B,CAAC;AAEI,MAAM,gBAAgB,CAAC,aAC5B,aAAaD,EAAO,MAAM,QAAQ,CAAW;"}

package/dist/index63.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-bWynN";
+const root = "krc-root-93Nfs";
 const styles = {
   root
 };

package/dist/index63.js

@@ -1,4 +1,4 @@
-const root = "krc-root-bWynN";
+const root = "krc-root-93Nfs";
 const styles = {
   root
 };

package/dist/index64.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-jba0x";
+const root = "krc-root-pJYpn";
 const styles = {
   root
 };

package/dist/index64.js

@@ -1,4 +1,4 @@
-const root = "krc-root-jba0x";
+const root = "krc-root-pJYpn";
 const styles = {
   root
 };

package/dist/index65.cjs

@@ -1,24 +1,143 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-tsCGC";
-const input = "krc-input--stjU";
-const label = "krc-label-KD6pE";
-const disabled = "krc-disabled-ugpPh";
-const sm = "krc-sm-8drDq";
-const md = "krc-md-IG7oy";
-const styles = {
-  root,
-  input,
-  label,
-  disabled,
-  sm,
-  md
-};
-exports.default = styles;
-exports.disabled = disabled;
-exports.input = input;
-exports.label = label;
-exports.md = md;
-exports.root = root;
-exports.sm = sm;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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 GROUPED_BAR = {
+  /**
+   * Grid margins. `containLabel` reserves room for the tick labels only, so the
+   * value-axis name and the legend need their own margin or they get clipped.
+   */
+  GRID_MARGIN: {
+    BASE: 8,
+    TOP: 16,
+    RIGHT: 16,
+    /** Extra left margin for a vertical value-axis name. */
+    VALUE_NAME_Y: 34,
+    /** Extra bottom margin for a horizontal value-axis name (`invertAxis`). */
+    VALUE_NAME_X: 23,
+    LEGEND: 30
+  },
+  /** Distance from the value axis line to its name. */
+  AXIS_NAME_GAP: { X: 28, Y: 38 },
+  /** Raises a real `0` to a visible bar, so it is not mistaken for a gap. */
+  MIN_BAR_HEIGHT: 2,
+  /** Diameter of the colour dot before each tooltip line. */
+  TOOLTIP_MARKER_SIZE: 10,
+  /** Space between the tooltip colour dot and the series name. */
+  TOOLTIP_MARKER_GAP: 4
+};
+const RANGE_SLIDER = {
+  DEFAULT_STEP: 1
+};
+const GEO_MAP = {
+  /** Markers drawn before deterministic sampling kicks in. */
+  MAX_POINTS: 2e3,
+  MIN_MARKER_RADIUS: 4,
+  MAX_MARKER_RADIUS: 18,
+  /** Radius used when no point carries a weight. */
+  BASE_MARKER_RADIUS: 8,
+  /** Extra radius on a selected marker, so colour is never the only cue. */
+  SELECTED_RADIUS_BOOST: 3,
+  MARKER_STROKE_WIDTH: 1,
+  SELECTED_STROKE_WIDTH: 3,
+  MARKER_FILL_OPACITY: 0.7,
+  /** Fallback view when there is nothing to fit to (roughly central Spain). */
+  DEFAULT_CENTER: [40.4168, -3.7038],
+  DEFAULT_ZOOM: 13,
+  /** `fitBounds` on a single point collapses to max zoom; this caps it. */
+  SINGLE_POINT_ZOOM: 14,
+  FIT_BOUNDS_PADDING: [24, 24]
+};
+const BASEMAP_TILES = {
+  light: "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
+  dark: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
+  attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
+};
+exports.BASEMAP_TILES = BASEMAP_TILES;
+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.GEO_MAP = GEO_MAP;
+exports.GROUPED_BAR = GROUPED_BAR;
+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=index65.cjs.map

package/dist/index65.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index65.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index65.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',\n  '#5B8DEF',\n  '#4ECDC4',\n  '#F7B731',\n  '#A55EEA',\n  '#26DE81',\n  '#FC5C65',\n  '#45AAF2',\n  '#FD9644',\n  '#2BCBBA',\n  '#D1D8E0',\n  '#778CA3',\n  '#EB3B5A',\n  '#3867D6',\n  '#20BF6B',\n  '#F7B731',\n  '#8854D0',\n  '#0FB9B1',\n  '#FA8231',\n  '#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/** GroupedBarChartCard layout (px — echarts canvas attributes, not CSS). */\nexport const GROUPED_BAR = {\n  /**\n   * Grid margins. `containLabel` reserves room for the tick labels only, so the\n   * value-axis name and the legend need their own margin or they get clipped.\n   */\n  GRID_MARGIN: {\n    BASE: 8,\n    TOP: 16,\n    RIGHT: 16,\n    /** Extra left margin for a vertical value-axis name. */\n    VALUE_NAME_Y: 34,\n    /** Extra bottom margin for a horizontal value-axis name (`invertAxis`). */\n    VALUE_NAME_X: 23,\n    LEGEND: 30,\n  },\n  /** Distance from the value axis line to its name. */\n  AXIS_NAME_GAP: { X: 28, Y: 38 },\n  /** Raises a real `0` to a visible bar, so it is not mistaken for a gap. */\n  MIN_BAR_HEIGHT: 2,\n  /** Diameter of the colour dot before each tooltip line. */\n  TOOLTIP_MARKER_SIZE: 10,\n  /** Space between the tooltip colour dot and the series name. */\n  TOOLTIP_MARKER_GAP: 4,\n} as const;\n\n/** RangeSlider defaults. */\nexport const RANGE_SLIDER = {\n  DEFAULT_STEP: 1,\n} as const;\n\n/** GeoMapCard marker caps and dimensions (px — Leaflet SVG attributes, not CSS). */\nexport const GEO_MAP = {\n  /** Markers drawn before deterministic sampling kicks in. */\n  MAX_POINTS: 2000,\n  MIN_MARKER_RADIUS: 4,\n  MAX_MARKER_RADIUS: 18,\n  /** Radius used when no point carries a weight. */\n  BASE_MARKER_RADIUS: 8,\n  /** Extra radius on a selected marker, so colour is never the only cue. */\n  SELECTED_RADIUS_BOOST: 3,\n  MARKER_STROKE_WIDTH: 1,\n  SELECTED_STROKE_WIDTH: 3,\n  MARKER_FILL_OPACITY: 0.7,\n  /** Fallback view when there is nothing to fit to (roughly central Spain). */\n  DEFAULT_CENTER: [40.4168, -3.7038],\n  DEFAULT_ZOOM: 13,\n  /** `fitBounds` on a single point collapses to max zoom; this caps it. */\n  SINGLE_POINT_ZOOM: 14,\n  FIT_BOUNDS_PADDING: [24, 24],\n} as const;\n\n/** CARTO basemaps: deliberately muted so the markers carry the reading. */\nexport const BASEMAP_TILES = {\n  light: 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png',\n  dark: 'https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png',\n  attribution:\n    '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors ' +\n    '&copy; <a href=\"https://carto.com/attributions\">CARTO</a>',\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,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;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,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,aAAa;AAAA,IACX,MAAM;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA;AAAA,IAEP,cAAc;AAAA;AAAA,IAEd,cAAc;AAAA,IACd,QAAQ;AAAA,EAAA;AAAA;AAAA,EAGV,eAAe,EAAE,GAAG,IAAI,GAAG,GAAA;AAAA;AAAA,EAE3B,gBAAgB;AAAA;AAAA,EAEhB,qBAAqB;AAAA;AAAA,EAErB,oBAAoB;AACtB;AAGO,MAAM,eAAe;AAAA,EAC1B,cAAc;AAChB;AAGO,MAAM,UAAU;AAAA;AAAA,EAErB,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,mBAAmB;AAAA;AAAA,EAEnB,oBAAoB;AAAA;AAAA,EAEpB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA;AAAA,EAErB,gBAAgB,CAAC,SAAS,OAAO;AAAA,EACjC,cAAc;AAAA;AAAA,EAEd,mBAAmB;AAAA,EACnB,oBAAoB,CAAC,IAAI,EAAE;AAC7B;AAGO,MAAM,gBAAgB;AAAA,EAC3B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,aACE;AAEJ;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index65.js

@@ -1,24 +1,143 @@
-const root = "krc-root-tsCGC";
-const input = "krc-input--stjU";
-const label = "krc-label-KD6pE";
-const disabled = "krc-disabled-ugpPh";
-const sm = "krc-sm-8drDq";
-const md = "krc-md-IG7oy";
-const styles = {
-  root,
-  input,
-  label,
-  disabled,
-  sm,
-  md
+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 GROUPED_BAR = {
+  /**
+   * Grid margins. `containLabel` reserves room for the tick labels only, so the
+   * value-axis name and the legend need their own margin or they get clipped.
+   */
+  GRID_MARGIN: {
+    BASE: 8,
+    TOP: 16,
+    RIGHT: 16,
+    /** Extra left margin for a vertical value-axis name. */
+    VALUE_NAME_Y: 34,
+    /** Extra bottom margin for a horizontal value-axis name (`invertAxis`). */
+    VALUE_NAME_X: 23,
+    LEGEND: 30
+  },
+  /** Distance from the value axis line to its name. */
+  AXIS_NAME_GAP: { X: 28, Y: 38 },
+  /** Raises a real `0` to a visible bar, so it is not mistaken for a gap. */
+  MIN_BAR_HEIGHT: 2,
+  /** Diameter of the colour dot before each tooltip line. */
+  TOOLTIP_MARKER_SIZE: 10,
+  /** Space between the tooltip colour dot and the series name. */
+  TOOLTIP_MARKER_GAP: 4
+};
+const RANGE_SLIDER = {
+  DEFAULT_STEP: 1
+};
+const GEO_MAP = {
+  /** Markers drawn before deterministic sampling kicks in. */
+  MAX_POINTS: 2e3,
+  MIN_MARKER_RADIUS: 4,
+  MAX_MARKER_RADIUS: 18,
+  /** Radius used when no point carries a weight. */
+  BASE_MARKER_RADIUS: 8,
+  /** Extra radius on a selected marker, so colour is never the only cue. */
+  SELECTED_RADIUS_BOOST: 3,
+  MARKER_STROKE_WIDTH: 1,
+  SELECTED_STROKE_WIDTH: 3,
+  MARKER_FILL_OPACITY: 0.7,
+  /** Fallback view when there is nothing to fit to (roughly central Spain). */
+  DEFAULT_CENTER: [40.4168, -3.7038],
+  DEFAULT_ZOOM: 13,
+  /** `fitBounds` on a single point collapses to max zoom; this caps it. */
+  SINGLE_POINT_ZOOM: 14,
+  FIT_BOUNDS_PADDING: [24, 24]
+};
+const BASEMAP_TILES = {
+  light: "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
+  dark: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
+  attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
 };
 export {
-  styles as default,
-  disabled,
-  input,
-  label,
-  md,
-  root,
-  sm
+  BASEMAP_TILES,
+  CHART_COLORS,
+  CHART_MODAL,
+  CONTEXT_MENU_MARGIN,
+  COUNTERS_PAGE_SIZE,
+  GEO_MAP,
+  GROUPED_BAR,
+  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=index65.js.map

package/dist/index65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index65.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index65.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',\n  '#5B8DEF',\n  '#4ECDC4',\n  '#F7B731',\n  '#A55EEA',\n  '#26DE81',\n  '#FC5C65',\n  '#45AAF2',\n  '#FD9644',\n  '#2BCBBA',\n  '#D1D8E0',\n  '#778CA3',\n  '#EB3B5A',\n  '#3867D6',\n  '#20BF6B',\n  '#F7B731',\n  '#8854D0',\n  '#0FB9B1',\n  '#FA8231',\n  '#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/** GroupedBarChartCard layout (px — echarts canvas attributes, not CSS). */\nexport const GROUPED_BAR = {\n  /**\n   * Grid margins. `containLabel` reserves room for the tick labels only, so the\n   * value-axis name and the legend need their own margin or they get clipped.\n   */\n  GRID_MARGIN: {\n    BASE: 8,\n    TOP: 16,\n    RIGHT: 16,\n    /** Extra left margin for a vertical value-axis name. */\n    VALUE_NAME_Y: 34,\n    /** Extra bottom margin for a horizontal value-axis name (`invertAxis`). */\n    VALUE_NAME_X: 23,\n    LEGEND: 30,\n  },\n  /** Distance from the value axis line to its name. */\n  AXIS_NAME_GAP: { X: 28, Y: 38 },\n  /** Raises a real `0` to a visible bar, so it is not mistaken for a gap. */\n  MIN_BAR_HEIGHT: 2,\n  /** Diameter of the colour dot before each tooltip line. */\n  TOOLTIP_MARKER_SIZE: 10,\n  /** Space between the tooltip colour dot and the series name. */\n  TOOLTIP_MARKER_GAP: 4,\n} as const;\n\n/** RangeSlider defaults. */\nexport const RANGE_SLIDER = {\n  DEFAULT_STEP: 1,\n} as const;\n\n/** GeoMapCard marker caps and dimensions (px — Leaflet SVG attributes, not CSS). */\nexport const GEO_MAP = {\n  /** Markers drawn before deterministic sampling kicks in. */\n  MAX_POINTS: 2000,\n  MIN_MARKER_RADIUS: 4,\n  MAX_MARKER_RADIUS: 18,\n  /** Radius used when no point carries a weight. */\n  BASE_MARKER_RADIUS: 8,\n  /** Extra radius on a selected marker, so colour is never the only cue. */\n  SELECTED_RADIUS_BOOST: 3,\n  MARKER_STROKE_WIDTH: 1,\n  SELECTED_STROKE_WIDTH: 3,\n  MARKER_FILL_OPACITY: 0.7,\n  /** Fallback view when there is nothing to fit to (roughly central Spain). */\n  DEFAULT_CENTER: [40.4168, -3.7038],\n  DEFAULT_ZOOM: 13,\n  /** `fitBounds` on a single point collapses to max zoom; this caps it. */\n  SINGLE_POINT_ZOOM: 14,\n  FIT_BOUNDS_PADDING: [24, 24],\n} as const;\n\n/** CARTO basemaps: deliberately muted so the markers carry the reading. */\nexport const BASEMAP_TILES = {\n  light: 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png',\n  dark: 'https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png',\n  attribution:\n    '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors ' +\n    '&copy; <a href=\"https://carto.com/attributions\">CARTO</a>',\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,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;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,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,aAAa;AAAA,IACX,MAAM;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA;AAAA,IAEP,cAAc;AAAA;AAAA,IAEd,cAAc;AAAA,IACd,QAAQ;AAAA,EAAA;AAAA;AAAA,EAGV,eAAe,EAAE,GAAG,IAAI,GAAG,GAAA;AAAA;AAAA,EAE3B,gBAAgB;AAAA;AAAA,EAEhB,qBAAqB;AAAA;AAAA,EAErB,oBAAoB;AACtB;AAGO,MAAM,eAAe;AAAA,EAC1B,cAAc;AAChB;AAGO,MAAM,UAAU;AAAA;AAAA,EAErB,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,mBAAmB;AAAA;AAAA,EAEnB,oBAAoB;AAAA;AAAA,EAEpB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA;AAAA,EAErB,gBAAgB,CAAC,SAAS,OAAO;AAAA,EACjC,cAAc;AAAA;AAAA,EAEd,mBAAmB;AAAA,EACnB,oBAAoB,CAAC,IAAI,EAAE;AAC7B;AAGO,MAAM,gBAAgB;AAAA,EAC3B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,aACE;AAEJ;"}

package/dist/index66.cjs

@@ -1,9 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-FVKOX";
+const root = "krc-root-wErEG";
+const list = "krc-list-Np3Qt";
+const page = "krc-page-znalz";
+const arrow = "krc-arrow-ruhgF";
+const isActive = "krc-isActive-azJrs";
+const ellipsis = "krc-ellipsis-vMrZ6";
 const styles = {
-  root
+  root,
+  list,
+  page,
+  arrow,
+  isActive,
+  ellipsis
 };
+exports.arrow = arrow;
 exports.default = styles;
+exports.ellipsis = ellipsis;
+exports.isActive = isActive;
+exports.list = list;
+exports.page = page;
 exports.root = root;
 //# sourceMappingURL=index66.cjs.map

package/dist/index66.cjs.map

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

package/dist/index66.js

@@ -1,9 +1,24 @@
-const root = "krc-root-FVKOX";
+const root = "krc-root-wErEG";
+const list = "krc-list-Np3Qt";
+const page = "krc-page-znalz";
+const arrow = "krc-arrow-ruhgF";
+const isActive = "krc-isActive-azJrs";
+const ellipsis = "krc-ellipsis-vMrZ6";
 const styles = {
-  root
+  root,
+  list,
+  page,
+  arrow,
+  isActive,
+  ellipsis
 };
 export {
+  arrow,
   styles as default,
+  ellipsis,
+  isActive,
+  list,
+  page,
   root
 };
 //# sourceMappingURL=index66.js.map

package/dist/index66.js.map

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