@ktnpm_devops/react-component 0.2.1 → 0.4.0

package/dist/index48.js

@@ -1,60 +1,70 @@
-const root = "krc-root-GYECa";
-const header = "krc-header-7V-0i";
-const title = "krc-title-SiRcV";
-const headerActions = "krc-headerActions-HY6nM";
-const splitContainer = "krc-splitContainer-ovkIf";
-const tablePanel = "krc-tablePanel-gbWQx";
-const chartPanel = "krc-chartPanel-eBJ9W";
-const table = "krc-table-40WZx";
-const tableRow = "krc-tableRow-yQlEa";
-const tableRowSelected = "krc-tableRowSelected-vIEfO";
-const pagination = "krc-pagination-nyCxO";
-const paginationButton = "krc-paginationButton-k-cQB";
-const paginationInfo = "krc-paginationInfo-ouuPw";
-const placeholder = "krc-placeholder-YDeIw";
-const loading = "krc-loading-UoiCd";
-const error = "krc-error-Subfi";
-const retryButton = "krc-retryButton-k8HPu";
-const empty = "krc-empty-OoPZo";
-const styles = {
-  root,
-  header,
-  title,
-  headerActions,
-  splitContainer,
-  tablePanel,
-  chartPanel,
-  table,
-  tableRow,
-  tableRowSelected,
-  pagination,
-  paginationButton,
-  paginationInfo,
-  placeholder,
-  loading,
-  error,
-  retryButton,
-  empty
+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 {
-  chartPanel,
-  styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  loading,
-  pagination,
-  paginationButton,
-  paginationInfo,
-  placeholder,
-  retryButton,
-  root,
-  splitContainer,
-  table,
-  tablePanel,
-  tableRow,
-  tableRowSelected,
-  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,
+  VIEWPORT_MARGIN
 };
 //# 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":["../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/index49.cjs

@@ -1,36 +1,87 @@
 "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 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 = {
-  overlay,
-  modal,
-  resizable,
+  root,
+  trigger,
+  active,
+  triggerContent,
+  chevron,
+  label,
+  valueGroup,
+  value,
+  badge,
+  clear,
+  panel,
   header,
-  title,
+  search,
   headerActions,
-  close,
-  body,
-  loading,
-  resizeHandle
+  chip,
+  chipGhost,
+  list,
+  status,
+  statusError,
+  option,
+  optionLabel,
+  optionCount,
+  create,
+  footer,
+  selection,
+  selectionDelta,
+  footerActions
 };
-exports.body = body;
-exports.close = close;
+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.loading = loading;
-exports.modal = modal;
-exports.overlay = overlay;
-exports.resizable = resizable;
-exports.resizeHandle = resizeHandle;
-exports.title = title;
+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=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,36 +1,87 @@
-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 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 = {
-  overlay,
-  modal,
-  resizable,
+  root,
+  trigger,
+  active,
+  triggerContent,
+  chevron,
+  label,
+  valueGroup,
+  value,
+  badge,
+  clear,
+  panel,
   header,
-  title,
+  search,
   headerActions,
-  close,
-  body,
-  loading,
-  resizeHandle
+  chip,
+  chipGhost,
+  list,
+  status,
+  statusError,
+  option,
+  optionLabel,
+  optionCount,
+  create,
+  footer,
+  selection,
+  selectionDelta,
+  footerActions
 };
 export {
-  body,
-  close,
+  active,
+  badge,
+  chevron,
+  chip,
+  chipGhost,
+  clear,
+  create,
   styles as default,
+  footer,
+  footerActions,
   header,
   headerActions,
-  loading,
-  modal,
-  overlay,
-  resizable,
-  resizeHandle,
-  title
+  label,
+  list,
+  option,
+  optionCount,
+  optionLabel,
+  panel,
+  root,
+  search,
+  selection,
+  selectionDelta,
+  status,
+  statusError,
+  trigger,
+  triggerContent,
+  value,
+  valueGroup
 };
 //# 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/index5.cjs

@@ -1,22 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("react");
-function useResizeObserver(ref) {
-  const [size, setSize] = react.useState({ width: 0, height: 0 });
+function useEscapeKey(handler, enabled = true) {
   react.useEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    const observer = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      if (entry) {
-        const { width, height } = entry.contentRect;
-        setSize({ width, height });
-      }
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, [ref]);
-  return size;
+    if (!enabled) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") handler();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [handler, enabled]);
 }
-exports.useResizeObserver = useResizeObserver;
+exports.useEscapeKey = useEscapeKey;
 //# sourceMappingURL=index5.cjs.map

package/dist/index5.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index5.cjs","sources":["../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect, useState, type RefObject } from 'react';\n\ninterface Size {\n  width: number;\n  height: number;\n}\n\n/** Observes the size of the element referenced by `ref` via ResizeObserver. */\nexport function useResizeObserver<T extends HTMLElement>(ref: RefObject<T | null>): Size {\n  const [size, setSize] = useState<Size>({ width: 0, height: 0 });\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) {\n        const { width, height } = entry.contentRect;\n        setSize({ width, height });\n      }\n    });\n\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref]);\n\n  return size;\n}\n"],"names":["useState","useEffect"],"mappings":";;;AAQO,SAAS,kBAAyC,KAAgC;AACvF,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAe,EAAE,OAAO,GAAG,QAAQ,GAAG;AAE9DC,QAAAA,UAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,QAAS;AAEd,UAAM,WAAW,IAAI,eAAe,CAAC,YAAY;AAC/C,YAAM,QAAQ,QAAQ,CAAC;AACvB,UAAI,OAAO;AACT,cAAM,EAAE,OAAO,OAAA,IAAW,MAAM;AAChC,gBAAQ,EAAE,OAAO,QAAQ;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAA;AAAA,EACxB,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;;"}
+{"version":3,"file":"index5.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;;"}

package/dist/index5.js

@@ -1,22 +1,15 @@
-import { useState, useEffect } from "react";
-function useResizeObserver(ref) {
-  const [size, setSize] = useState({ width: 0, height: 0 });
+import { useEffect } from "react";
+function useEscapeKey(handler, enabled = true) {
   useEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    const observer = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      if (entry) {
-        const { width, height } = entry.contentRect;
-        setSize({ width, height });
-      }
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, [ref]);
-  return size;
+    if (!enabled) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") handler();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [handler, enabled]);
 }
 export {
-  useResizeObserver
+  useEscapeKey
 };
 //# sourceMappingURL=index5.js.map

package/dist/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":["../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect, useState, type RefObject } from 'react';\n\ninterface Size {\n  width: number;\n  height: number;\n}\n\n/** Observes the size of the element referenced by `ref` via ResizeObserver. */\nexport function useResizeObserver<T extends HTMLElement>(ref: RefObject<T | null>): Size {\n  const [size, setSize] = useState<Size>({ width: 0, height: 0 });\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) {\n        const { width, height } = entry.contentRect;\n        setSize({ width, height });\n      }\n    });\n\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref]);\n\n  return size;\n}\n"],"names":[],"mappings":";AAQO,SAAS,kBAAyC,KAAgC;AACvF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,EAAE,OAAO,GAAG,QAAQ,GAAG;AAE9D,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,QAAS;AAEd,UAAM,WAAW,IAAI,eAAe,CAAC,YAAY;AAC/C,YAAM,QAAQ,QAAQ,CAAC;AACvB,UAAI,OAAO;AACT,cAAM,EAAE,OAAO,OAAA,IAAW,MAAM;AAChC,gBAAQ,EAAE,OAAO,QAAQ;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAA;AAAA,EACxB,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;"}
+{"version":3,"file":"index5.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;"}

package/dist/index51.cjs

@@ -1,27 +1,36 @@
 "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 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 = {
-  root,
-  disabled,
-  active,
-  collapsed,
-  icon,
-  label,
-  badge
+  overlay,
+  modal,
+  resizable,
+  header,
+  title,
+  headerActions,
+  close,
+  body,
+  loading,
+  resizeHandle
 };
-exports.active = active;
-exports.badge = badge;
-exports.collapsed = collapsed;
+exports.body = body;
+exports.close = close;
 exports.default = styles;
-exports.disabled = disabled;
-exports.icon = icon;
-exports.label = label;
-exports.root = root;
+exports.header = header;
+exports.headerActions = headerActions;
+exports.loading = loading;
+exports.modal = modal;
+exports.overlay = overlay;
+exports.resizable = resizable;
+exports.resizeHandle = resizeHandle;
+exports.title = title;
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index51.js

@@ -1,27 +1,36 @@
-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 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 = {
-  root,
-  disabled,
-  active,
-  collapsed,
-  icon,
-  label,
-  badge
+  overlay,
+  modal,
+  resizable,
+  header,
+  title,
+  headerActions,
+  close,
+  body,
+  loading,
+  resizeHandle
 };
 export {
-  active,
-  badge,
-  collapsed,
+  body,
+  close,
   styles as default,
-  disabled,
-  icon,
-  label,
-  root
+  header,
+  headerActions,
+  loading,
+  modal,
+  overlay,
+  resizable,
+  resizeHandle,
+  title
 };
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index52.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-oc0XP";
-const success = "krc-success-JzpGX";
-const warning = "krc-warning-lTskX";
-const danger = "krc-danger-zFPHk";
-const info = "krc-info-k9uTn";
+const root = "krc-root-LQf3S";
+const item = "krc-item-Y5RvK";
+const disabled = "krc-disabled-wnQRZ";
+const focused = "krc-focused-hDoa3";
+const icon = "krc-icon-q-Jmu";
 const styles = {
   root,
-  success,
-  warning,
-  danger,
-  info
+  item,
+  disabled,
+  focused,
+  icon
 };
-exports.danger = danger;
 exports.default = styles;
-exports.info = info;
+exports.disabled = disabled;
+exports.focused = focused;
+exports.icon = icon;
+exports.item = item;
 exports.root = root;
-exports.success = success;
-exports.warning = warning;
 //# sourceMappingURL=index52.cjs.map

package/dist/index52.js

@@ -1,21 +1,21 @@
-const root = "krc-root-oc0XP";
-const success = "krc-success-JzpGX";
-const warning = "krc-warning-lTskX";
-const danger = "krc-danger-zFPHk";
-const info = "krc-info-k9uTn";
+const root = "krc-root-LQf3S";
+const item = "krc-item-Y5RvK";
+const disabled = "krc-disabled-wnQRZ";
+const focused = "krc-focused-hDoa3";
+const icon = "krc-icon-q-Jmu";
 const styles = {
   root,
-  success,
-  warning,
-  danger,
-  info
+  item,
+  disabled,
+  focused,
+  icon
 };
 export {
-  danger,
   styles as default,
-  info,
-  root,
-  success,
-  warning
+  disabled,
+  focused,
+  icon,
+  item,
+  root
 };
 //# sourceMappingURL=index52.js.map