@ktnpm_devops/react-component 0.2.1 → 0.3.0

package/dist/index46.cjs

@@ -1,48 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-U8B4Y";
-const header = "krc-header-dy6xQ";
-const headerLeft = "krc-headerLeft-80jJu";
-const title = "krc-title--e-Ci";
-const subtitle = "krc-subtitle-63ixC";
-const headerRight = "krc-headerRight-3Vuls";
-const toolbar = "krc-toolbar-h6ALf";
-const chartTypeToggle = "krc-chartTypeToggle-6DRWb";
-const active = "krc-active-Un9q0";
-const chartContainer = "krc-chartContainer-2Oz2N";
-const loading = "krc-loading-hTkxl";
-const error = "krc-error--F7yO";
-const retryButton = "krc-retryButton-w0SS7";
-const empty = "krc-empty-HWTS-";
+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 styles = {
   root,
-  header,
-  headerLeft,
-  title,
-  subtitle,
-  headerRight,
-  toolbar,
-  chartTypeToggle,
-  active,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty
+  success,
+  warning,
+  danger,
+  info
 };
-exports.active = active;
-exports.chartContainer = chartContainer;
-exports.chartTypeToggle = chartTypeToggle;
+exports.danger = danger;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerLeft = headerLeft;
-exports.headerRight = headerRight;
-exports.loading = loading;
-exports.retryButton = retryButton;
+exports.info = info;
 exports.root = root;
-exports.subtitle = subtitle;
-exports.title = title;
-exports.toolbar = toolbar;
+exports.success = success;
+exports.warning = warning;
 //# sourceMappingURL=index46.cjs.map

package/dist/index46.cjs.map

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

package/dist/index46.js

@@ -1,48 +1,21 @@
-const root = "krc-root-U8B4Y";
-const header = "krc-header-dy6xQ";
-const headerLeft = "krc-headerLeft-80jJu";
-const title = "krc-title--e-Ci";
-const subtitle = "krc-subtitle-63ixC";
-const headerRight = "krc-headerRight-3Vuls";
-const toolbar = "krc-toolbar-h6ALf";
-const chartTypeToggle = "krc-chartTypeToggle-6DRWb";
-const active = "krc-active-Un9q0";
-const chartContainer = "krc-chartContainer-2Oz2N";
-const loading = "krc-loading-hTkxl";
-const error = "krc-error--F7yO";
-const retryButton = "krc-retryButton-w0SS7";
-const empty = "krc-empty-HWTS-";
+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 styles = {
   root,
-  header,
-  headerLeft,
-  title,
-  subtitle,
-  headerRight,
-  toolbar,
-  chartTypeToggle,
-  active,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty
+  success,
+  warning,
+  danger,
+  info
 };
 export {
-  active,
-  chartContainer,
-  chartTypeToggle,
+  danger,
   styles as default,
-  empty,
-  error,
-  header,
-  headerLeft,
-  headerRight,
-  loading,
-  retryButton,
+  info,
   root,
-  subtitle,
-  title,
-  toolbar
+  success,
+  warning
 };
 //# sourceMappingURL=index46.js.map

package/dist/index46.js.map

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

package/dist/index47.cjs

@@ -1,36 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-rUudF";
-const header = "krc-header-zjbPA";
-const title = "krc-title-ScYja";
-const timeRangeGroup = "krc-timeRangeGroup-FP1TP";
-const timeRangeButton = "krc-timeRangeButton-9XCxb";
-const timeRangeButtonActive = "krc-timeRangeButtonActive-Y-KCh";
-const chartContainer = "krc-chartContainer-6rb4Z";
-const loading = "krc-loading-EWhol";
-const error = "krc-error-erDaP";
-const empty = "krc-empty---cYi";
+const root = "krc-root-bWynN";
 const styles = {
-  root,
-  header,
-  title,
-  timeRangeGroup,
-  timeRangeButton,
-  timeRangeButtonActive,
-  chartContainer,
-  loading,
-  error,
-  empty
+  root
 };
-exports.chartContainer = chartContainer;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.loading = loading;
 exports.root = root;
-exports.timeRangeButton = timeRangeButton;
-exports.timeRangeButtonActive = timeRangeButtonActive;
-exports.timeRangeGroup = timeRangeGroup;
-exports.title = title;
 //# sourceMappingURL=index47.cjs.map

package/dist/index47.cjs.map

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

package/dist/index47.js

@@ -1,36 +1,9 @@
-const root = "krc-root-rUudF";
-const header = "krc-header-zjbPA";
-const title = "krc-title-ScYja";
-const timeRangeGroup = "krc-timeRangeGroup-FP1TP";
-const timeRangeButton = "krc-timeRangeButton-9XCxb";
-const timeRangeButtonActive = "krc-timeRangeButtonActive-Y-KCh";
-const chartContainer = "krc-chartContainer-6rb4Z";
-const loading = "krc-loading-EWhol";
-const error = "krc-error-erDaP";
-const empty = "krc-empty---cYi";
+const root = "krc-root-bWynN";
 const styles = {
-  root,
-  header,
-  title,
-  timeRangeGroup,
-  timeRangeButton,
-  timeRangeButtonActive,
-  chartContainer,
-  loading,
-  error,
-  empty
+  root
 };
 export {
-  chartContainer,
   styles as default,
-  empty,
-  error,
-  header,
-  loading,
-  root,
-  timeRangeButton,
-  timeRangeButtonActive,
-  timeRangeGroup,
-  title
+  root
 };
 //# sourceMappingURL=index47.js.map

package/dist/index47.js.map

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

package/dist/index48.cjs

@@ -1,60 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 root = "krc-root-FVKOX";
 const styles = {
-  root,
-  header,
-  title,
-  headerActions,
-  splitContainer,
-  tablePanel,
-  chartPanel,
-  table,
-  tableRow,
-  tableRowSelected,
-  pagination,
-  paginationButton,
-  paginationInfo,
-  placeholder,
-  loading,
-  error,
-  retryButton,
-  empty
+  root
 };
-exports.chartPanel = chartPanel;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.loading = loading;
-exports.pagination = pagination;
-exports.paginationButton = paginationButton;
-exports.paginationInfo = paginationInfo;
-exports.placeholder = placeholder;
-exports.retryButton = retryButton;
 exports.root = root;
-exports.splitContainer = splitContainer;
-exports.table = table;
-exports.tablePanel = tablePanel;
-exports.tableRow = tableRow;
-exports.tableRowSelected = tableRowSelected;
-exports.title = title;
 //# 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,60 +1,9 @@
-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 root = "krc-root-FVKOX";
 const styles = {
-  root,
-  header,
-  title,
-  headerActions,
-  splitContainer,
-  tablePanel,
-  chartPanel,
-  table,
-  tableRow,
-  tableRowSelected,
-  pagination,
-  paginationButton,
-  paginationInfo,
-  placeholder,
-  loading,
-  error,
-  retryButton,
-  empty
+  root
 };
 export {
-  chartPanel,
   styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  loading,
-  pagination,
-  paginationButton,
-  paginationInfo,
-  placeholder,
-  retryButton,
-  root,
-  splitContainer,
-  table,
-  tablePanel,
-  tableRow,
-  tableRowSelected,
-  title
+  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,36 +1,9 @@
 "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-jba0x";
 const styles = {
-  overlay,
-  modal,
-  resizable,
-  header,
-  title,
-  headerActions,
-  close,
-  body,
-  loading,
-  resizeHandle
+  root
 };
-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;
+exports.root = root;
 //# 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,9 @@
-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-jba0x";
 const styles = {
-  overlay,
-  modal,
-  resizable,
-  header,
-  title,
-  headerActions,
-  close,
-  body,
-  loading,
-  resizeHandle
+  root
 };
 export {
-  body,
-  close,
   styles as default,
-  header,
-  headerActions,
-  loading,
-  modal,
-  overlay,
-  resizable,
-  resizeHandle,
-  title
+  root
 };
 //# 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/index50.cjs

@@ -1,42 +1,42 @@
 "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-7cxYt";
+const chip = "krc-chip-tgAQw";
+const active = "krc-active-hboGd";
+const summary = "krc-summary-E-FXy";
+const popover = "krc-popover-IJFWK";
+const popoverHeader = "krc-popoverHeader-mdeD8";
+const fields = "krc-fields-h5R5w";
+const field = "krc-field-u9yvp";
+const error = "krc-error-jsFkv";
+const actions = "krc-actions-prbFX";
+const btnGhost = "krc-btnGhost-x8cbA";
+const btnPrimary = "krc-btnPrimary-T0w2q";
 const styles = {
   root,
-  header,
-  body,
-  footer,
-  toggle,
-  section,
-  sectionTitle,
-  sectionToggle,
-  sectionChevron,
-  sectionChevronOpen,
-  sectionItems,
-  collapsed
+  chip,
+  active,
+  summary,
+  popover,
+  popoverHeader,
+  fields,
+  field,
+  error,
+  actions,
+  btnGhost,
+  btnPrimary
 };
-exports.body = body;
-exports.collapsed = collapsed;
+exports.actions = actions;
+exports.active = active;
+exports.btnGhost = btnGhost;
+exports.btnPrimary = btnPrimary;
+exports.chip = chip;
 exports.default = styles;
-exports.footer = footer;
-exports.header = header;
+exports.error = error;
+exports.field = field;
+exports.fields = fields;
+exports.popover = popover;
+exports.popoverHeader = popoverHeader;
 exports.root = root;
-exports.section = section;
-exports.sectionChevron = sectionChevron;
-exports.sectionChevronOpen = sectionChevronOpen;
-exports.sectionItems = sectionItems;
-exports.sectionTitle = sectionTitle;
-exports.sectionToggle = sectionToggle;
-exports.toggle = toggle;
+exports.summary = summary;
 //# sourceMappingURL=index50.cjs.map