@ktnpm_devops/react-component 0.16.0 → 0.17.0

package/dist/index111.js

@@ -1,27 +1,57 @@
-import { useRef, useEffect } from "react";
-import { useMap } from "react-leaflet";
-import { useResizeObserver } from "./index6.js";
-import { GEO_MAP } from "./index63.js";
-const MapViewport = ({ bounds, fitBounds }) => {
-  const map = useMap();
-  const containerRef = useRef(null);
-  if (containerRef.current === null) containerRef.current = map.getContainer();
-  const { width, height } = useResizeObserver(containerRef);
-  useEffect(() => {
-    map.invalidateSize();
-  }, [map, width, height]);
-  useEffect(() => {
-    if (!fitBounds || bounds == null) return;
-    map.fitBounds(bounds, {
-      padding: [...GEO_MAP.FIT_BOUNDS_PADDING],
-      // A single point makes `fitBounds` collapse to the maximum zoom level.
-      maxZoom: GEO_MAP.SINGLE_POINT_ZOOM
-    });
-  }, [map, bounds, fitBounds]);
-  return null;
+const root = "krc-root-W2sel";
+const tableContainer = "krc-tableContainer-Ed3uk";
+const table = "krc-table-7p0H-";
+const th = "krc-th-fNmfv";
+const sortable = "krc-sortable-Ve0MQ";
+const thContent = "krc-thContent-BRDIL";
+const sortIndicator = "krc-sortIndicator-PtGYj";
+const resizeHandle = "krc-resizeHandle--St-g";
+const td = "krc-td-ZVsrU";
+const row = "krc-row-JivMH";
+const rowClickable = "krc-rowClickable-lTgQW";
+const rowSelected = "krc-rowSelected-Sv0qs";
+const skeletonRow = "krc-skeletonRow-uD1y7";
+const skeleton = "krc-skeleton-eeYso";
+const empty = "krc-empty-xKpKS";
+const loadMore = "krc-loadMore-njxDN";
+const loadMoreButton = "krc-loadMoreButton-C3Q-f";
+const styles = {
+  root,
+  tableContainer,
+  table,
+  th,
+  sortable,
+  thContent,
+  sortIndicator,
+  resizeHandle,
+  td,
+  row,
+  rowClickable,
+  rowSelected,
+  skeletonRow,
+  skeleton,
+  empty,
+  loadMore,
+  loadMoreButton
 };
-MapViewport.displayName = "MapViewport";
 export {
-  MapViewport
+  styles as default,
+  empty,
+  loadMore,
+  loadMoreButton,
+  resizeHandle,
+  root,
+  row,
+  rowClickable,
+  rowSelected,
+  skeleton,
+  skeletonRow,
+  sortIndicator,
+  sortable,
+  table,
+  tableContainer,
+  td,
+  th,
+  thContent
 };
 //# sourceMappingURL=index111.js.map

package/dist/index111.js.map

@@ -1 +1 @@
-{"version":3,"file":"index111.js","sources":["../src/geo/GeoMapCard/MapViewport.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMap } from 'react-leaflet';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { GEO_MAP } from '../../constants';\nimport type { MapViewportProps } from './GeoMapCard.types';\n\n/**\n * A childless child of `MapContainer`, which is the only place `useMap()` works.\n * It owns the two things Leaflet cannot work out on its own:\n *\n * - **Framing**: `fitBounds` over the drawn points, instead of a centroid at a\n *   fixed zoom that leaves half a province outside the viewport.\n * - **Sizing**: `invalidateSize()` on every resize. Leaflet caches its container\n *   size, so a map mounted hidden — a wizard step, a collapsed split panel —\n *   renders grey tiles forever without this.\n */\nexport const MapViewport = ({ bounds, fitBounds }: MapViewportProps) => {\n  const map = useMap();\n  const containerRef = useRef<HTMLElement | null>(null);\n\n  if (containerRef.current === null) containerRef.current = map.getContainer();\n\n  const { width, height } = useResizeObserver(containerRef);\n\n  useEffect(() => {\n    map.invalidateSize();\n  }, [map, width, height]);\n\n  useEffect(() => {\n    if (!fitBounds || bounds == null) return;\n\n    map.fitBounds(bounds, {\n      padding: [...GEO_MAP.FIT_BOUNDS_PADDING],\n      // A single point makes `fitBounds` collapse to the maximum zoom level.\n      maxZoom: GEO_MAP.SINGLE_POINT_ZOOM,\n    });\n  }, [map, bounds, fitBounds]);\n\n  return null;\n};\n\nMapViewport.displayName = 'MapViewport';\n"],"names":[],"mappings":";;;;AAgBO,MAAM,cAAc,CAAC,EAAE,QAAQ,gBAAkC;AACtE,QAAM,MAAM,OAAA;AACZ,QAAM,eAAe,OAA2B,IAAI;AAEpD,MAAI,aAAa,YAAY,KAAM,cAAa,UAAU,IAAI,aAAA;AAE9D,QAAM,EAAE,OAAO,WAAW,kBAAkB,YAAY;AAExD,YAAU,MAAM;AACd,QAAI,eAAA;AAAA,EACN,GAAG,CAAC,KAAK,OAAO,MAAM,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,UAAU,KAAM;AAElC,QAAI,UAAU,QAAQ;AAAA,MACpB,SAAS,CAAC,GAAG,QAAQ,kBAAkB;AAAA;AAAA,MAEvC,SAAS,QAAQ;AAAA,IAAA,CAClB;AAAA,EACH,GAAG,CAAC,KAAK,QAAQ,SAAS,CAAC;AAE3B,SAAO;AACT;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"index111.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index112.cjs

@@ -1,22 +1,42 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index59.cjs");
-const GeoMapCard_module = require("./index114.cjs");
-const MapLegend = ({ items, title }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "leaflet-bottom leaflet-right", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("leaflet-control", GeoMapCard_module.default.legend), children: [
-  /* @__PURE__ */ jsxRuntime.jsx("p", { className: GeoMapCard_module.default.legendTitle, children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: GeoMapCard_module.default.legendList, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: GeoMapCard_module.default.legendItem, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: GeoMapCard_module.default.legendSwatch,
-        style: { backgroundColor: item.color },
-        "aria-hidden": "true"
-      }
-    ),
-    item.label
-  ] }, item.label)) })
-] }) });
-MapLegend.displayName = "MapLegend";
-exports.MapLegend = MapLegend;
+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 styles = {
+  root,
+  header,
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
+};
+exports.body = body;
+exports.collapsed = collapsed;
+exports.default = styles;
+exports.footer = footer;
+exports.header = header;
+exports.root = root;
+exports.section = section;
+exports.sectionChevron = sectionChevron;
+exports.sectionChevronOpen = sectionChevronOpen;
+exports.sectionItems = sectionItems;
+exports.sectionTitle = sectionTitle;
+exports.sectionToggle = sectionToggle;
+exports.toggle = toggle;
 //# sourceMappingURL=index112.cjs.map

package/dist/index112.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index112.cjs","sources":["../src/geo/GeoMapCard/MapLegend.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { MapLegendProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Rendered inside `MapContainer` with Leaflet's own control classes, so it sits\n * in Leaflet's control pane and needs no `z-index` of its own — which is how the\n * library's \"no z-index above 10\" rule is met without asking for an exception.\n */\nexport const MapLegend = ({ items, title }: MapLegendProps) => (\n  <div className=\"leaflet-bottom leaflet-right\">\n    <div className={clsx('leaflet-control', styles.legend)}>\n      <p className={styles.legendTitle}>{title}</p>\n      <ul className={styles.legendList}>\n        {items.map((item) => (\n          <li key={item.label} className={styles.legendItem}>\n            <span\n              className={styles.legendSwatch}\n              style={{ backgroundColor: item.color }}\n              aria-hidden=\"true\"\n            />\n            {item.label}\n          </li>\n        ))}\n      </ul>\n    </div>\n  </div>\n);\n\nMapLegend.displayName = 'MapLegend';\n"],"names":["jsx","clsx","styles","jsxs"],"mappings":";;;;;AASO,MAAM,YAAY,CAAC,EAAE,OAAO,MAAA,MACjCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,gCACb,0CAAC,OAAA,EAAI,WAAWC,KAAAA,KAAK,mBAAmBC,kBAAAA,QAAO,MAAM,GACnD,UAAA;AAAA,EAAAF,2BAAAA,IAAC,KAAA,EAAE,WAAWE,kBAAAA,QAAO,aAAc,UAAA,OAAM;AAAA,EACzCF,2BAAAA,IAAC,MAAA,EAAG,WAAWE,kBAAAA,QAAO,YACnB,UAAA,MAAM,IAAI,CAAC,SACVC,2BAAAA,KAAC,MAAA,EAAoB,WAAWD,kBAAAA,QAAO,YACrC,UAAA;AAAA,IAAAF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,kBAAAA,QAAO;AAAA,QAClB,OAAO,EAAE,iBAAiB,KAAK,MAAA;AAAA,QAC/B,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb,KAAK;AAAA,EAAA,KANC,KAAK,KAOd,CACD,EAAA,CACH;AAAA,EAAA,CACF,EAAA,CACF;AAGF,UAAU,cAAc;;"}
+{"version":3,"file":"index112.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index112.js

@@ -1,22 +1,42 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "./index59.js";
-import styles from "./index114.js";
-const MapLegend = ({ items, title }) => /* @__PURE__ */ jsx("div", { className: "leaflet-bottom leaflet-right", children: /* @__PURE__ */ jsxs("div", { className: clsx("leaflet-control", styles.legend), children: [
-  /* @__PURE__ */ jsx("p", { className: styles.legendTitle, children: title }),
-  /* @__PURE__ */ jsx("ul", { className: styles.legendList, children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: styles.legendItem, children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: styles.legendSwatch,
-        style: { backgroundColor: item.color },
-        "aria-hidden": "true"
-      }
-    ),
-    item.label
-  ] }, item.label)) })
-] }) });
-MapLegend.displayName = "MapLegend";
+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 styles = {
+  root,
+  header,
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
+};
 export {
-  MapLegend
+  body,
+  collapsed,
+  styles as default,
+  footer,
+  header,
+  root,
+  section,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  sectionTitle,
+  sectionToggle,
+  toggle
 };
 //# sourceMappingURL=index112.js.map

package/dist/index112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index112.js","sources":["../src/geo/GeoMapCard/MapLegend.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { MapLegendProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Rendered inside `MapContainer` with Leaflet's own control classes, so it sits\n * in Leaflet's control pane and needs no `z-index` of its own — which is how the\n * library's \"no z-index above 10\" rule is met without asking for an exception.\n */\nexport const MapLegend = ({ items, title }: MapLegendProps) => (\n  <div className=\"leaflet-bottom leaflet-right\">\n    <div className={clsx('leaflet-control', styles.legend)}>\n      <p className={styles.legendTitle}>{title}</p>\n      <ul className={styles.legendList}>\n        {items.map((item) => (\n          <li key={item.label} className={styles.legendItem}>\n            <span\n              className={styles.legendSwatch}\n              style={{ backgroundColor: item.color }}\n              aria-hidden=\"true\"\n            />\n            {item.label}\n          </li>\n        ))}\n      </ul>\n    </div>\n  </div>\n);\n\nMapLegend.displayName = 'MapLegend';\n"],"names":[],"mappings":";;;AASO,MAAM,YAAY,CAAC,EAAE,OAAO,MAAA,MACjC,oBAAC,OAAA,EAAI,WAAU,gCACb,+BAAC,OAAA,EAAI,WAAW,KAAK,mBAAmB,OAAO,MAAM,GACnD,UAAA;AAAA,EAAA,oBAAC,KAAA,EAAE,WAAW,OAAO,aAAc,UAAA,OAAM;AAAA,EACzC,oBAAC,MAAA,EAAG,WAAW,OAAO,YACnB,UAAA,MAAM,IAAI,CAAC,SACV,qBAAC,MAAA,EAAoB,WAAW,OAAO,YACrC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,OAAO,EAAE,iBAAiB,KAAK,MAAA;AAAA,QAC/B,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb,KAAK;AAAA,EAAA,KANC,KAAK,KAOd,CACD,EAAA,CACH;AAAA,EAAA,CACF,EAAA,CACF;AAGF,UAAU,cAAc;"}
+{"version":3,"file":"index112.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index113.cjs

@@ -1,16 +1,18 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const GeoMapCard_module = require("./index114.cjs");
-const PointListing = ({ markers, label, onSelectPoint }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: GeoMapCard_module.default.srOnly, "aria-label": label, children: markers.map(({ point, sourceIndex, description, selected }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: onSelectPoint ? /* @__PURE__ */ jsxRuntime.jsx(
-  "button",
-  {
-    type: "button",
-    "aria-pressed": selected,
-    onClick: () => onSelectPoint({ point, index: sourceIndex }),
-    children: description
-  }
-) : description }, point.id)) });
-PointListing.displayName = "PointListing";
-exports.PointListing = PointListing;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-GPZXT";
+const sm = "krc-sm-QGnvH";
+const md = "krc-md-rQKlJ";
+const lg = "krc-lg-eC2yT";
+const styles = {
+  root,
+  sm,
+  md,
+  lg
+};
+exports.default = styles;
+exports.lg = lg;
+exports.md = md;
+exports.root = root;
+exports.sm = sm;
 //# sourceMappingURL=index113.cjs.map

package/dist/index113.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index113.cjs","sources":["../src/geo/GeoMapCard/PointListing.tsx"],"sourcesContent":["import type { PointListingProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Leaflet draws its `CircleMarker`s as SVG paths, which take no keyboard focus\n * and expose nothing to a screen reader. The same points are therefore also\n * published as a visually hidden list — part of the component's contract, not a\n * patch: it gives keyboard access, gives the reader the data, and gives the\n * tests a surface that does not depend on Leaflet rendering at all.\n */\nexport const PointListing = ({ markers, label, onSelectPoint }: PointListingProps) => (\n  <ul className={styles.srOnly} aria-label={label}>\n    {markers.map(({ point, sourceIndex, description, selected }) => (\n      <li key={point.id}>\n        {onSelectPoint ? (\n          <button\n            type=\"button\"\n            aria-pressed={selected}\n            onClick={() => onSelectPoint({ point, index: sourceIndex })}\n          >\n            {description}\n          </button>\n        ) : (\n          description\n        )}\n      </li>\n    ))}\n  </ul>\n);\n\nPointListing.displayName = 'PointListing';\n"],"names":["jsx","styles"],"mappings":";;;;AAUO,MAAM,eAAe,CAAC,EAAE,SAAS,OAAO,oBAC7CA,2BAAAA,IAAC,MAAA,EAAG,WAAWC,kBAAAA,QAAO,QAAQ,cAAY,OACvC,UAAA,QAAQ,IAAI,CAAC,EAAE,OAAO,aAAa,aAAa,SAAA,MAC/CD,2BAAAA,IAAC,MAAA,EACE,UAAA,gBACCA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,gBAAc;AAAA,IACd,SAAS,MAAM,cAAc,EAAE,OAAO,OAAO,aAAa;AAAA,IAEzD,UAAA;AAAA,EAAA;AACH,IAEA,YAAA,GAVK,MAAM,EAYf,CACD,EAAA,CACH;AAGF,aAAa,cAAc;;"}
+{"version":3,"file":"index113.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/index113.js

@@ -1,16 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-import styles from "./index114.js";
-const PointListing = ({ markers, label, onSelectPoint }) => /* @__PURE__ */ jsx("ul", { className: styles.srOnly, "aria-label": label, children: markers.map(({ point, sourceIndex, description, selected }) => /* @__PURE__ */ jsx("li", { children: onSelectPoint ? /* @__PURE__ */ jsx(
-  "button",
-  {
-    type: "button",
-    "aria-pressed": selected,
-    onClick: () => onSelectPoint({ point, index: sourceIndex }),
-    children: description
-  }
-) : description }, point.id)) });
-PointListing.displayName = "PointListing";
+const root = "krc-root-GPZXT";
+const sm = "krc-sm-QGnvH";
+const md = "krc-md-rQKlJ";
+const lg = "krc-lg-eC2yT";
+const styles = {
+  root,
+  sm,
+  md,
+  lg
+};
 export {
-  PointListing
+  styles as default,
+  lg,
+  md,
+  root,
+  sm
 };
 //# sourceMappingURL=index113.js.map

package/dist/index113.js.map

@@ -1 +1 @@
-{"version":3,"file":"index113.js","sources":["../src/geo/GeoMapCard/PointListing.tsx"],"sourcesContent":["import type { PointListingProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Leaflet draws its `CircleMarker`s as SVG paths, which take no keyboard focus\n * and expose nothing to a screen reader. The same points are therefore also\n * published as a visually hidden list — part of the component's contract, not a\n * patch: it gives keyboard access, gives the reader the data, and gives the\n * tests a surface that does not depend on Leaflet rendering at all.\n */\nexport const PointListing = ({ markers, label, onSelectPoint }: PointListingProps) => (\n  <ul className={styles.srOnly} aria-label={label}>\n    {markers.map(({ point, sourceIndex, description, selected }) => (\n      <li key={point.id}>\n        {onSelectPoint ? (\n          <button\n            type=\"button\"\n            aria-pressed={selected}\n            onClick={() => onSelectPoint({ point, index: sourceIndex })}\n          >\n            {description}\n          </button>\n        ) : (\n          description\n        )}\n      </li>\n    ))}\n  </ul>\n);\n\nPointListing.displayName = 'PointListing';\n"],"names":[],"mappings":";;AAUO,MAAM,eAAe,CAAC,EAAE,SAAS,OAAO,oBAC7C,oBAAC,MAAA,EAAG,WAAW,OAAO,QAAQ,cAAY,OACvC,UAAA,QAAQ,IAAI,CAAC,EAAE,OAAO,aAAa,aAAa,SAAA,MAC/C,oBAAC,MAAA,EACE,UAAA,gBACC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,gBAAc;AAAA,IACd,SAAS,MAAM,cAAc,EAAE,OAAO,OAAO,aAAa;AAAA,IAEzD,UAAA;AAAA,EAAA;AACH,IAEA,YAAA,GAVK,MAAM,EAYf,CACD,EAAA,CACH;AAGF,aAAa,cAAc;"}
+{"version":3,"file":"index113.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/index114.cjs

@@ -1,63 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-m-WU1";
-const header = "krc-header-j8Yft";
-const title = "krc-title-10Tak";
-const headerActions = "krc-headerActions-rh6MO";
-const toolbar = "krc-toolbar-6bfl-";
-const warning = "krc-warning-dISP1";
-const mapContainer = "krc-mapContainer-MKTII";
-const map = "krc-map-o-Ldd";
-const loading = "krc-loading-LE2tH";
-const empty = "krc-empty-JAoUd";
-const error = "krc-error-FkrvS";
-const retryButton = "krc-retryButton-BKn73";
-const legend = "krc-legend-c-RjE";
-const legendTitle = "krc-legendTitle-j4e4-";
-const legendList = "krc-legendList-jRukT";
-const legendItem = "krc-legendItem-X2jYA";
-const legendSwatch = "krc-legendSwatch-OTMwM";
-const compact = "krc-compact-Ha6w2";
-const srOnly = "krc-srOnly-KDwnO";
+const root = "krc-root-jkFwM";
+const sidebar = "krc-sidebar-g7vxQ";
+const sidebarCollapsed = "krc-sidebarCollapsed-Xiswa";
+const main = "krc-main-B4HyG";
+const content = "krc-content-72sFf";
+const title = "krc-title-pe-1P";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  mapContainer,
-  map,
-  loading,
-  empty,
-  error,
-  retryButton,
-  legend,
-  legendTitle,
-  legendList,
-  legendItem,
-  legendSwatch,
-  compact,
-  srOnly
+  sidebar,
+  sidebarCollapsed,
+  main,
+  content,
+  title
 };
-exports.compact = compact;
+exports.content = content;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.legend = legend;
-exports.legendItem = legendItem;
-exports.legendList = legendList;
-exports.legendSwatch = legendSwatch;
-exports.legendTitle = legendTitle;
-exports.loading = loading;
-exports.map = map;
-exports.mapContainer = mapContainer;
-exports.retryButton = retryButton;
+exports.main = main;
 exports.root = root;
-exports.srOnly = srOnly;
+exports.sidebar = sidebar;
+exports.sidebarCollapsed = sidebarCollapsed;
 exports.title = title;
-exports.toolbar = toolbar;
-exports.warning = warning;
 //# sourceMappingURL=index114.cjs.map

package/dist/index114.cjs.map

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

package/dist/index114.js

@@ -1,63 +1,24 @@
-const root = "krc-root-m-WU1";
-const header = "krc-header-j8Yft";
-const title = "krc-title-10Tak";
-const headerActions = "krc-headerActions-rh6MO";
-const toolbar = "krc-toolbar-6bfl-";
-const warning = "krc-warning-dISP1";
-const mapContainer = "krc-mapContainer-MKTII";
-const map = "krc-map-o-Ldd";
-const loading = "krc-loading-LE2tH";
-const empty = "krc-empty-JAoUd";
-const error = "krc-error-FkrvS";
-const retryButton = "krc-retryButton-BKn73";
-const legend = "krc-legend-c-RjE";
-const legendTitle = "krc-legendTitle-j4e4-";
-const legendList = "krc-legendList-jRukT";
-const legendItem = "krc-legendItem-X2jYA";
-const legendSwatch = "krc-legendSwatch-OTMwM";
-const compact = "krc-compact-Ha6w2";
-const srOnly = "krc-srOnly-KDwnO";
+const root = "krc-root-jkFwM";
+const sidebar = "krc-sidebar-g7vxQ";
+const sidebarCollapsed = "krc-sidebarCollapsed-Xiswa";
+const main = "krc-main-B4HyG";
+const content = "krc-content-72sFf";
+const title = "krc-title-pe-1P";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  mapContainer,
-  map,
-  loading,
-  empty,
-  error,
-  retryButton,
-  legend,
-  legendTitle,
-  legendList,
-  legendItem,
-  legendSwatch,
-  compact,
-  srOnly
+  sidebar,
+  sidebarCollapsed,
+  main,
+  content,
+  title
 };
 export {
-  compact,
+  content,
   styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  legend,
-  legendItem,
-  legendList,
-  legendSwatch,
-  legendTitle,
-  loading,
-  map,
-  mapContainer,
-  retryButton,
+  main,
   root,
-  srOnly,
-  title,
-  toolbar,
-  warning
+  sidebar,
+  sidebarCollapsed,
+  title
 };
 //# sourceMappingURL=index114.js.map

package/dist/index114.js.map

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

package/dist/index115.cjs

@@ -1,24 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pS02L";
-const sidebar = "krc-sidebar-n1HeR";
-const conversationList = "krc-conversationList-E8ODD";
-const mainArea = "krc-mainArea-E0cNf";
-const messages = "krc-messages-S9aU-";
-const input = "krc-input-HAMJ3";
+const throbber = "krc-throbber-sSMfc";
+const spinner = "krc-spinner-vmNIY";
+const loadingSpin = "krc-loading-spin-cFeV6";
+const titleRow = "krc-titleRow--Go1f";
+const titleSpinner = "krc-titleSpinner-BPUs5";
+const steps = "krc-steps-zu1EV";
+const step = "krc-step-hzz-Q";
+const pending = "krc-pending-sxbM4";
+const iconSlot = "krc-iconSlot-74ZD2";
+const stepSpinner = "krc-stepSpinner-0d1jM";
+const checkIcon = "krc-checkIcon-FhWlj";
+const nonClosable = "krc-nonClosable-7NB7j";
 const styles = {
-  root,
-  sidebar,
-  conversationList,
-  mainArea,
-  messages,
-  input
+  throbber,
+  spinner,
+  loadingSpin,
+  titleRow,
+  titleSpinner,
+  steps,
+  step,
+  pending,
+  iconSlot,
+  stepSpinner,
+  checkIcon,
+  nonClosable
 };
-exports.conversationList = conversationList;
+exports.checkIcon = checkIcon;
 exports.default = styles;
-exports.input = input;
-exports.mainArea = mainArea;
-exports.messages = messages;
-exports.root = root;
-exports.sidebar = sidebar;
+exports.iconSlot = iconSlot;
+exports.loadingSpin = loadingSpin;
+exports.nonClosable = nonClosable;
+exports.pending = pending;
+exports.spinner = spinner;
+exports.step = step;
+exports.stepSpinner = stepSpinner;
+exports.steps = steps;
+exports.throbber = throbber;
+exports.titleRow = titleRow;
+exports.titleSpinner = titleSpinner;
 //# sourceMappingURL=index115.cjs.map

package/dist/index115.cjs.map

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

package/dist/index115.js

@@ -1,24 +1,42 @@
-const root = "krc-root-pS02L";
-const sidebar = "krc-sidebar-n1HeR";
-const conversationList = "krc-conversationList-E8ODD";
-const mainArea = "krc-mainArea-E0cNf";
-const messages = "krc-messages-S9aU-";
-const input = "krc-input-HAMJ3";
+const throbber = "krc-throbber-sSMfc";
+const spinner = "krc-spinner-vmNIY";
+const loadingSpin = "krc-loading-spin-cFeV6";
+const titleRow = "krc-titleRow--Go1f";
+const titleSpinner = "krc-titleSpinner-BPUs5";
+const steps = "krc-steps-zu1EV";
+const step = "krc-step-hzz-Q";
+const pending = "krc-pending-sxbM4";
+const iconSlot = "krc-iconSlot-74ZD2";
+const stepSpinner = "krc-stepSpinner-0d1jM";
+const checkIcon = "krc-checkIcon-FhWlj";
+const nonClosable = "krc-nonClosable-7NB7j";
 const styles = {
-  root,
-  sidebar,
-  conversationList,
-  mainArea,
-  messages,
-  input
+  throbber,
+  spinner,
+  loadingSpin,
+  titleRow,
+  titleSpinner,
+  steps,
+  step,
+  pending,
+  iconSlot,
+  stepSpinner,
+  checkIcon,
+  nonClosable
 };
 export {
-  conversationList,
+  checkIcon,
   styles as default,
-  input,
-  mainArea,
-  messages,
-  root,
-  sidebar
+  iconSlot,
+  loadingSpin,
+  nonClosable,
+  pending,
+  spinner,
+  step,
+  stepSpinner,
+  steps,
+  throbber,
+  titleRow,
+  titleSpinner
 };
 //# sourceMappingURL=index115.js.map

package/dist/index115.js.map

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