@ktnpm_devops/react-component 0.2.0 → 0.3.0

package/dist/index6.js

@@ -1,68 +1,22 @@
-const truncateWithEllipsis = (value, maxLength = 36) => {
-  if (value.length <= maxLength) return value;
-  if (maxLength <= 3) return value.slice(0, maxLength);
-  return `${value.slice(0, maxLength - 3)}...`;
-};
-const formatNumber = (value, options) => Number.isFinite(value) ? value.toLocaleString(void 0, options) : "0";
-const formatBytes = (value) => {
-  if (!Number.isFinite(value) || value === 0) return "0 B";
-  const units = ["B", "KB", "MB", "GB", "TB", "PB"];
-  let index = 0;
-  let current = Math.abs(value);
-  while (current >= 1024 && index < units.length - 1) {
-    current /= 1024;
-    index += 1;
-  }
-  const formatted = current.toFixed(current >= 10 || index === 0 ? 0 : 1);
-  return `${value < 0 ? "-" : ""}${formatted} ${units[index]}`;
-};
-const DATETIME_FORMATTERS = /* @__PURE__ */ new Map();
-const getDateTimeFormatter = (timeZone, withSeconds) => {
-  const key = `${timeZone}-${withSeconds ? "s" : "n"}`;
-  const cached = DATETIME_FORMATTERS.get(key);
-  if (cached) return cached;
-  const formatter = new Intl.DateTimeFormat(void 0, {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: withSeconds ? "2-digit" : void 0,
-    hour12: false,
-    timeZone
-  });
-  DATETIME_FORMATTERS.set(key, formatter);
-  return formatter;
-};
-const formatDataTimestamp = (value, options = {}) => {
-  const { fallback = "Unknown", withSeconds = false, timeZone = "UTC", showTimeZoneLabel = false } = options;
-  if (!value) return fallback;
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return typeof value === "string" ? value : fallback;
-  const formatter = getDateTimeFormatter(timeZone, withSeconds);
-  const formatted = formatter.format(date);
-  return showTimeZoneLabel ? `${formatted} ${timeZone}` : formatted;
-};
-const formatLocalISOString = (date) => {
-  const pad = (n) => `${n}`.padStart(2, "0");
-  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
-};
-const generateUUID = () => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-    const r = Math.random() * 16 | 0;
-    const v = c === "x" ? r : r & 3 | 8;
-    return v.toString(16);
-  });
-};
+import { useState, useEffect } from "react";
+function useResizeObserver(ref) {
+  const [size, setSize] = useState({ width: 0, height: 0 });
+  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;
+}
 export {
-  formatBytes,
-  formatDataTimestamp,
-  formatLocalISOString,
-  formatNumber,
-  generateUUID,
-  truncateWithEllipsis
+  useResizeObserver
 };
 //# sourceMappingURL=index6.js.map

package/dist/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":["../src/utils/format.ts"],"sourcesContent":["export const truncateWithEllipsis = (value: string, maxLength = 36) => {\n  if (value.length <= maxLength) return value;\n  if (maxLength <= 3) return value.slice(0, maxLength);\n  return `${value.slice(0, maxLength - 3)}...`;\n};\n\nexport const formatNumber = (value: number, options?: Intl.NumberFormatOptions) =>\n  Number.isFinite(value) ? value.toLocaleString(undefined, options) : '0';\n\nexport const formatBytes = (value: number): string => {\n  if (!Number.isFinite(value) || value === 0) return '0 B';\n  const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];\n  let index = 0;\n  let current = Math.abs(value);\n  while (current >= 1024 && index < units.length - 1) {\n    current /= 1024;\n    index += 1;\n  }\n  const formatted = current.toFixed(current >= 10 || index === 0 ? 0 : 1);\n  return `${value < 0 ? '-' : ''}${formatted} ${units[index]}`;\n};\n\ninterface FormatDataTimestampOptions {\n  fallback?: string;\n  withSeconds?: boolean;\n  timeZone?: string;\n  showTimeZoneLabel?: boolean;\n}\n\nconst DATETIME_FORMATTERS = new Map<string, Intl.DateTimeFormat>();\n\nconst getDateTimeFormatter = (timeZone: string, withSeconds: boolean) => {\n  const key = `${timeZone}-${withSeconds ? 's' : 'n'}`;\n  const cached = DATETIME_FORMATTERS.get(key);\n  if (cached) return cached;\n  const formatter = new Intl.DateTimeFormat(undefined, {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    second: withSeconds ? '2-digit' : undefined,\n    hour12: false,\n    timeZone,\n  });\n  DATETIME_FORMATTERS.set(key, formatter);\n  return formatter;\n};\n\nexport const formatDataTimestamp = (\n  value: string | null | undefined,\n  options: FormatDataTimestampOptions = {},\n): string => {\n  const { fallback = 'Unknown', withSeconds = false, timeZone = 'UTC', showTimeZoneLabel = false } =\n    options;\n  if (!value) return fallback;\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return typeof value === 'string' ? value : fallback;\n  const formatter = getDateTimeFormatter(timeZone, withSeconds);\n  const formatted = formatter.format(date);\n  return showTimeZoneLabel ? `${formatted} ${timeZone}` : formatted;\n};\n\nexport const formatLocalISOString = (date: Date): string => {\n  const pad = (n: number) => `${n}`.padStart(2, '0');\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;\n};\n\nexport const generateUUID = (): string => {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n    return crypto.randomUUID();\n  }\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n};\n"],"names":[],"mappings":"AAAO,MAAM,uBAAuB,CAAC,OAAe,YAAY,OAAO;AACrE,MAAI,MAAM,UAAU,UAAW,QAAO;AACtC,MAAI,aAAa,EAAG,QAAO,MAAM,MAAM,GAAG,SAAS;AACnD,SAAO,GAAG,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC;AACzC;AAEO,MAAM,eAAe,CAAC,OAAe,YAC1C,OAAO,SAAS,KAAK,IAAI,MAAM,eAAe,QAAW,OAAO,IAAI;AAE/D,MAAM,cAAc,CAAC,UAA0B;AACpD,MAAI,CAAC,OAAO,SAAS,KAAK,KAAK,UAAU,EAAG,QAAO;AACnD,QAAM,QAAQ,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,IAAI;AAChD,MAAI,QAAQ;AACZ,MAAI,UAAU,KAAK,IAAI,KAAK;AAC5B,SAAO,WAAW,QAAQ,QAAQ,MAAM,SAAS,GAAG;AAClD,eAAW;AACX,aAAS;AAAA,EACX;AACA,QAAM,YAAY,QAAQ,QAAQ,WAAW,MAAM,UAAU,IAAI,IAAI,CAAC;AACtE,SAAO,GAAG,QAAQ,IAAI,MAAM,EAAE,GAAG,SAAS,IAAI,MAAM,KAAK,CAAC;AAC5D;AASA,MAAM,0CAA0B,IAAA;AAEhC,MAAM,uBAAuB,CAAC,UAAkB,gBAAyB;AACvE,QAAM,MAAM,GAAG,QAAQ,IAAI,cAAc,MAAM,GAAG;AAClD,QAAM,SAAS,oBAAoB,IAAI,GAAG;AAC1C,MAAI,OAAQ,QAAO;AACnB,QAAM,YAAY,IAAI,KAAK,eAAe,QAAW;AAAA,IACnD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,cAAc,YAAY;AAAA,IAClC,QAAQ;AAAA,IACR;AAAA,EAAA,CACD;AACD,sBAAoB,IAAI,KAAK,SAAS;AACtC,SAAO;AACT;AAEO,MAAM,sBAAsB,CACjC,OACA,UAAsC,OAC3B;AACX,QAAM,EAAE,WAAW,WAAW,cAAc,OAAO,WAAW,OAAO,oBAAoB,MAAA,IACvF;AACF,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAA,CAAS,EAAG,QAAO,OAAO,UAAU,WAAW,QAAQ;AAC7E,QAAM,YAAY,qBAAqB,UAAU,WAAW;AAC5D,QAAM,YAAY,UAAU,OAAO,IAAI;AACvC,SAAO,oBAAoB,GAAG,SAAS,IAAI,QAAQ,KAAK;AAC1D;AAEO,MAAM,uBAAuB,CAAC,SAAuB;AAC1D,QAAM,MAAM,CAAC,MAAc,GAAG,CAAC,GAAG,SAAS,GAAG,GAAG;AACjD,SAAO,GAAG,KAAK,YAAA,CAAa,IAAI,IAAI,KAAK,SAAA,IAAa,CAAC,CAAC,IAAI,IAAI,KAAK,SAAS,CAAC,IAAI,IAAI,KAAK,SAAA,CAAU,CAAC,IAAI,IAAI,KAAK,WAAA,CAAY,CAAC,IAAI,IAAI,KAAK,WAAA,CAAY,CAAC;AAC7J;AAEO,MAAM,eAAe,MAAc;AACxC,MAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY;AAC5E,WAAO,OAAO,WAAA;AAAA,EAChB;AACA,SAAO,uCAAuC,QAAQ,SAAS,CAAC,MAAM;AACpE,UAAM,IAAK,KAAK,OAAA,IAAW,KAAM;AACjC,UAAM,IAAI,MAAM,MAAM,IAAK,IAAI,IAAO;AACtC,WAAO,EAAE,SAAS,EAAE;AAAA,EACtB,CAAC;AACH;"}
+{"version":3,"file":"index6.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;"}

package/dist/index60.cjs

@@ -1,42 +1,27 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 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,
-  chip,
+  disabled,
   active,
-  summary,
-  popover,
-  popoverHeader,
-  fields,
-  field,
-  error,
-  actions,
-  btnGhost,
-  btnPrimary
+  collapsed,
+  icon,
+  label,
+  badge
 };
-exports.actions = actions;
 exports.active = active;
-exports.btnGhost = btnGhost;
-exports.btnPrimary = btnPrimary;
-exports.chip = chip;
+exports.badge = badge;
+exports.collapsed = collapsed;
 exports.default = styles;
-exports.error = error;
-exports.field = field;
-exports.fields = fields;
-exports.popover = popover;
-exports.popoverHeader = popoverHeader;
+exports.disabled = disabled;
+exports.icon = icon;
+exports.label = label;
 exports.root = root;
-exports.summary = summary;
 //# sourceMappingURL=index60.cjs.map

package/dist/index60.cjs.map

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

package/dist/index60.js

@@ -1,42 +1,27 @@
-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 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,
-  chip,
+  disabled,
   active,
-  summary,
-  popover,
-  popoverHeader,
-  fields,
-  field,
-  error,
-  actions,
-  btnGhost,
-  btnPrimary
+  collapsed,
+  icon,
+  label,
+  badge
 };
 export {
-  actions,
   active,
-  btnGhost,
-  btnPrimary,
-  chip,
+  badge,
+  collapsed,
   styles as default,
-  error,
-  field,
-  fields,
-  popover,
-  popoverHeader,
-  root,
-  summary
+  disabled,
+  icon,
+  label,
+  root
 };
 //# 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,18 +1,87 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-la9-1";
-const logo = "krc-logo-b73UT";
-const card = "krc-card-1ev-q";
-const footer = "krc-footer-E0B15";
+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,
-  logo,
-  card,
-  footer
+  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.card = card;
+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.logo = logo;
+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=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,18 +1,87 @@
-const root = "krc-root-la9-1";
-const logo = "krc-logo-b73UT";
-const card = "krc-card-1ev-q";
-const footer = "krc-footer-E0B15";
+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,
-  logo,
-  card,
-  footer
+  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
 };
 export {
-  card,
+  active,
+  badge,
+  chevron,
+  chip,
+  chipGhost,
+  clear,
+  create,
   styles as default,
   footer,
-  logo,
-  root
+  footerActions,
+  header,
+  headerActions,
+  label,
+  list,
+  option,
+  optionCount,
+  optionLabel,
+  panel,
+  root,
+  search,
+  selection,
+  selectionDelta,
+  status,
+  statusError,
+  trigger,
+  triggerContent,
+  value,
+  valueGroup
 };
 //# 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,24 +1,45 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-rzEDE";
-const sidebar = "krc-sidebar-ediN2";
-const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
-const main = "krc-main-E8utR";
-const filterBar = "krc-filterBar-O8ajX";
-const content = "krc-content-lY5l-";
+const root = "krc-root-xM3Jn";
+const header = "krc-header-Pg9ER";
+const title = "krc-title-MRZQn";
+const headerRight = "krc-headerRight-b0xzW";
+const toolbar = "krc-toolbar--rsIi";
+const select = "krc-select-79sIN";
+const legendToggle = "krc-legendToggle--ofSS";
+const legendToggleActive = "krc-legendToggleActive-14gdq";
+const chartContainer = "krc-chartContainer-tDTrg";
+const loading = "krc-loading-WkgGt";
+const error = "krc-error-yzAKV";
+const retryButton = "krc-retryButton-wTkWq";
+const empty = "krc-empty-1EZzg";
 const styles = {
   root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  filterBar,
-  content
+  header,
+  title,
+  headerRight,
+  toolbar,
+  select,
+  legendToggle,
+  legendToggleActive,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty
 };
-exports.content = content;
+exports.chartContainer = chartContainer;
 exports.default = styles;
-exports.filterBar = filterBar;
-exports.main = main;
+exports.empty = empty;
+exports.error = error;
+exports.header = header;
+exports.headerRight = headerRight;
+exports.legendToggle = legendToggle;
+exports.legendToggleActive = legendToggleActive;
+exports.loading = loading;
+exports.retryButton = retryButton;
 exports.root = root;
-exports.sidebar = sidebar;
-exports.sidebarCollapsed = sidebarCollapsed;
+exports.select = select;
+exports.title = title;
+exports.toolbar = toolbar;
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index62.js

@@ -1,24 +1,45 @@
-const root = "krc-root-rzEDE";
-const sidebar = "krc-sidebar-ediN2";
-const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
-const main = "krc-main-E8utR";
-const filterBar = "krc-filterBar-O8ajX";
-const content = "krc-content-lY5l-";
+const root = "krc-root-xM3Jn";
+const header = "krc-header-Pg9ER";
+const title = "krc-title-MRZQn";
+const headerRight = "krc-headerRight-b0xzW";
+const toolbar = "krc-toolbar--rsIi";
+const select = "krc-select-79sIN";
+const legendToggle = "krc-legendToggle--ofSS";
+const legendToggleActive = "krc-legendToggleActive-14gdq";
+const chartContainer = "krc-chartContainer-tDTrg";
+const loading = "krc-loading-WkgGt";
+const error = "krc-error-yzAKV";
+const retryButton = "krc-retryButton-wTkWq";
+const empty = "krc-empty-1EZzg";
 const styles = {
   root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  filterBar,
-  content
+  header,
+  title,
+  headerRight,
+  toolbar,
+  select,
+  legendToggle,
+  legendToggleActive,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty
 };
 export {
-  content,
+  chartContainer,
   styles as default,
-  filterBar,
-  main,
+  empty,
+  error,
+  header,
+  headerRight,
+  legendToggle,
+  legendToggleActive,
+  loading,
+  retryButton,
   root,
-  sidebar,
-  sidebarCollapsed
+  select,
+  title,
+  toolbar
 };
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index63.cjs

@@ -1,21 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-WL0sD";
-const left = "krc-left-9KFDB";
-const right = "krc-right-YmUbX";
-const divider = "krc-divider-jNOSU";
-const dividerHandle = "krc-dividerHandle-SoNqx";
+const root = "krc-root-rzEDE";
+const sidebar = "krc-sidebar-ediN2";
+const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
+const main = "krc-main-E8utR";
+const filterBar = "krc-filterBar-O8ajX";
+const content = "krc-content-lY5l-";
 const styles = {
   root,
-  left,
-  right,
-  divider,
-  dividerHandle
+  sidebar,
+  sidebarCollapsed,
+  main,
+  filterBar,
+  content
 };
+exports.content = content;
 exports.default = styles;
-exports.divider = divider;
-exports.dividerHandle = dividerHandle;
-exports.left = left;
-exports.right = right;
+exports.filterBar = filterBar;
+exports.main = main;
 exports.root = root;
+exports.sidebar = sidebar;
+exports.sidebarCollapsed = sidebarCollapsed;
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index63.js

@@ -1,21 +1,24 @@
-const root = "krc-root-WL0sD";
-const left = "krc-left-9KFDB";
-const right = "krc-right-YmUbX";
-const divider = "krc-divider-jNOSU";
-const dividerHandle = "krc-dividerHandle-SoNqx";
+const root = "krc-root-rzEDE";
+const sidebar = "krc-sidebar-ediN2";
+const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
+const main = "krc-main-E8utR";
+const filterBar = "krc-filterBar-O8ajX";
+const content = "krc-content-lY5l-";
 const styles = {
   root,
-  left,
-  right,
-  divider,
-  dividerHandle
+  sidebar,
+  sidebarCollapsed,
+  main,
+  filterBar,
+  content
 };
 export {
+  content,
   styles as default,
-  divider,
-  dividerHandle,
-  left,
-  right,
-  root
+  filterBar,
+  main,
+  root,
+  sidebar,
+  sidebarCollapsed
 };
 //# sourceMappingURL=index63.js.map