@ktnpm_devops/react-component 0.12.1 → 0.13.0

package/dist/index.js

@@ -3,54 +3,56 @@ import { orbitTokens } from "./index3.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
 import { useResizeObserver } from "./index6.js";
-import { formatBytes, formatDataTimestamp, formatLocalISOString, formatNumber, generateUUID, truncateWithEllipsis } from "./index7.js";
-import { composeFilename, downloadImageDataUrl, exportTableToCsv, getChartPngDataUrl, openPrintWindowWithChart, sanitizeFilename, toStringTable } from "./index8.js";
-import { Accordion, AccordionItem } from "./index9.js";
-import { AuthLayout } from "./index10.js";
-import { Avatar } from "./index11.js";
-import { Badge } from "./index12.js";
-import { Button } from "./index13.js";
-import { Card, CardContent, CardFooter, CardHeader } from "./index14.js";
-import { ChartExpandModal } from "./index15.js";
-import { ChatLayout } from "./index16.js";
-import { Checkbox } from "./index17.js";
-import { Chip } from "./index18.js";
-import { ChipGroup } from "./index19.js";
-import { Col } from "./index20.js";
-import { ContextMenu } from "./index21.js";
-import { CounterTimeseriesChart } from "./index22.js";
-import { CountersAnalysisCard } from "./index23.js";
-import { CustomRangePicker } from "./index24.js";
-import { DashboardLayout } from "./index25.js";
-import { DatePickerDropdown } from "./index26.js";
-import { EmptyState } from "./index27.js";
-import { FilterDropdown } from "./index28.js";
-import { HeatmapMatrix } from "./index29.js";
-import { Input } from "./index30.js";
-import { LiveExplorerTable } from "./index31.js";
-import { Loading } from "./index32.js";
-import { Modal } from "./index33.js";
-import { MultiSelectDropdown } from "./index34.js";
-import { NavItem } from "./index35.js";
-import { Pagination } from "./index36.js";
-import { RangeSlider } from "./index37.js";
-import { ResizableSplitPanel } from "./index38.js";
-import { Row } from "./index39.js";
-import { SankeyChartCard } from "./index40.js";
-import { ScatterChartCard } from "./index41.js";
-import { SegmentedControl } from "./index42.js";
-import { Select } from "./index43.js";
-import { SettingsLayout } from "./index44.js";
-import { Sidebar, useSidebarContext } from "./index45.js";
-import { SingleSelectDropdown } from "./index46.js";
-import { Sparkline } from "./index47.js";
-import { StackedBarChartCard } from "./index48.js";
-import { StatCard } from "./index49.js";
-import { Table, TableContainer } from "./index50.js";
-import { TemporalTrendChartCard } from "./index51.js";
-import { Textarea } from "./index52.js";
-import { Toast } from "./index53.js";
-import { ToastProvider, useToast } from "./index54.js";
+import { useThemeMode } from "./index7.js";
+import { formatBytes, formatDataTimestamp, formatLocalISOString, formatNumber, generateUUID, truncateWithEllipsis } from "./index8.js";
+import { composeFilename, downloadImageDataUrl, exportTableToCsv, getChartPngDataUrl, openPrintWindowWithChart, sanitizeFilename, toStringTable } from "./index9.js";
+import { Accordion, AccordionItem } from "./index10.js";
+import { AuthLayout } from "./index11.js";
+import { Avatar } from "./index12.js";
+import { Badge } from "./index13.js";
+import { Button } from "./index14.js";
+import { Card, CardContent, CardFooter, CardHeader } from "./index15.js";
+import { ChartExpandModal } from "./index16.js";
+import { ChatLayout } from "./index17.js";
+import { Checkbox } from "./index18.js";
+import { Chip } from "./index19.js";
+import { ChipGroup } from "./index20.js";
+import { Col } from "./index21.js";
+import { ContextMenu } from "./index22.js";
+import { CounterTimeseriesChart } from "./index23.js";
+import { CountersAnalysisCard } from "./index24.js";
+import { CustomRangePicker } from "./index25.js";
+import { DashboardLayout } from "./index26.js";
+import { DatePickerDropdown } from "./index27.js";
+import { EmptyState } from "./index28.js";
+import { FilterDropdown } from "./index29.js";
+import { GeoMapCard } from "./index30.js";
+import { HeatmapMatrix } from "./index31.js";
+import { Input } from "./index32.js";
+import { LiveExplorerTable } from "./index33.js";
+import { Loading } from "./index34.js";
+import { Modal } from "./index35.js";
+import { MultiSelectDropdown } from "./index36.js";
+import { NavItem } from "./index37.js";
+import { Pagination } from "./index38.js";
+import { RangeSlider } from "./index39.js";
+import { ResizableSplitPanel } from "./index40.js";
+import { Row } from "./index41.js";
+import { SankeyChartCard } from "./index42.js";
+import { ScatterChartCard } from "./index43.js";
+import { SegmentedControl } from "./index44.js";
+import { Select } from "./index45.js";
+import { SettingsLayout } from "./index46.js";
+import { Sidebar, useSidebarContext } from "./index47.js";
+import { SingleSelectDropdown } from "./index48.js";
+import { Sparkline } from "./index49.js";
+import { StackedBarChartCard } from "./index50.js";
+import { StatCard } from "./index51.js";
+import { Table, TableContainer } from "./index52.js";
+import { TemporalTrendChartCard } from "./index53.js";
+import { Textarea } from "./index54.js";
+import { Toast } from "./index55.js";
+import { ToastProvider, useToast } from "./index56.js";
 export {
   Accordion,
   AccordionItem,
@@ -76,6 +78,7 @@ export {
   DatePickerDropdown,
   EmptyState,
   FilterDropdown,
+  GeoMapCard,
   HeatmapMatrix,
   Input,
   LiveExplorerTable,
@@ -121,6 +124,7 @@ export {
   useEscapeKey,
   useResizeObserver,
   useSidebarContext,
+  useThemeMode,
   useToast
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/index10.cjs

@@ -1,18 +1,49 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index55.cjs");
-const AuthLayout_module = require("./index80.cjs");
-const AuthLayout = ({
-  children,
-  logo,
-  footer,
-  maxWidth = "28rem",
-  className
-}) => /* @__PURE__ */ jsxRuntime.jsxs("main", { className: clsx.clsx(AuthLayout_module.default.root, className), children: [
-  logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: AuthLayout_module.default.logo, children: logo }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: AuthLayout_module.default.card, style: { maxWidth }, children }),
-  footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: AuthLayout_module.default.footer, children: footer })
-] });
-exports.AuthLayout = AuthLayout;
+const react = require("react");
+const clsx = require("./index57.cjs");
+const Accordion_module = require("./index69.cjs");
+const Accordion = react.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx.clsx(Accordion_module.default.root, className), ...props, children })
+);
+Accordion.displayName = "Accordion";
+const AccordionItem = react.forwardRef(
+  ({ header, open, onToggle, className, children, ...props }, ref) => {
+    const bodyId = react.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx.clsx(Accordion_module.default.item, open && Accordion_module.default.isOpen, className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: Accordion_module.default.head,
+          "aria-expanded": open,
+          "aria-controls": bodyId,
+          onClick: onToggle,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: Accordion_module.default.headContent, children: header }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: Accordion_module.default.chev,
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { id: bodyId, className: Accordion_module.default.body, role: "region", hidden: !open, children })
+    ] });
+  }
+);
+AccordionItem.displayName = "AccordionItem";
+exports.Accordion = Accordion;
+exports.AccordionItem = AccordionItem;
 //# sourceMappingURL=index10.cjs.map

package/dist/index10.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index10.cjs","sources":["../src/layouts/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { AuthLayoutProps } from './AuthLayout.types';\nimport styles from './AuthLayout.module.css';\n\nexport const AuthLayout = ({\n  children,\n  logo,\n  footer,\n  maxWidth = '28rem',\n  className,\n}: AuthLayoutProps) => (\n  <main className={clsx(styles.root, className)}>\n    {logo && <div className={styles.logo}>{logo}</div>}\n    <div className={styles.card} style={{ maxWidth }}>\n      {children}\n    </div>\n    {footer && <div className={styles.footer}>{footer}</div>}\n  </main>\n);\n"],"names":["clsx","styles","jsx"],"mappings":";;;;;AAIO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,sCACG,QAAA,EAAK,WAAWA,KAAAA,KAAKC,kBAAAA,QAAO,MAAM,SAAS,GACzC,UAAA;AAAA,EAAA,QAAQC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,kBAAAA,QAAO,MAAO,UAAA,MAAK;AAAA,EAC5CC,+BAAC,SAAI,WAAWD,kBAAAA,QAAO,MAAM,OAAO,EAAE,YACnC,UACH;AAAA,EACC,UAAUC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,kBAAAA,QAAO,QAAS,UAAA,OAAA,CAAO;AAAA,EAAA,CACpD;;"}
+{"version":3,"file":"index10.cjs","sources":["../src/composites/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\nimport clsx from 'clsx';\nimport type { AccordionItemProps, AccordionProps } from './Accordion.types';\nimport styles from './Accordion.module.css';\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, children, ...props }, ref) => (\n    <div ref={ref} className={clsx(styles.root, className)} {...props}>\n      {children}\n    </div>\n  ),\n);\n\nAccordion.displayName = 'Accordion';\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ header, open, onToggle, className, children, ...props }, ref) => {\n    const bodyId = useId();\n    return (\n      <div ref={ref} className={clsx(styles.item, open && styles.isOpen, className)} {...props}>\n        <button\n          type=\"button\"\n          className={styles.head}\n          aria-expanded={open}\n          aria-controls={bodyId}\n          onClick={onToggle}\n        >\n          <span className={styles.headContent}>{header}</span>\n          <svg\n            className={styles.chev}\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </button>\n        <div id={bodyId} className={styles.body} role=\"region\" hidden={!open}>\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n"],"names":["forwardRef","jsx","clsx","styles","useId","jsxs"],"mappings":";;;;;;AAKO,MAAM,YAAYA,MAAAA;AAAAA,EACvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAClCC,2BAAAA,IAAC,SAAI,KAAU,WAAWC,KAAAA,KAAKC,yBAAO,MAAM,SAAS,GAAI,GAAG,OACzD,SAAA,CACH;AAEJ;AAEA,UAAU,cAAc;AAEjB,MAAM,gBAAgBH,MAAAA;AAAAA,EAC3B,CAAC,EAAE,QAAQ,MAAM,UAAU,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAClE,UAAM,SAASI,MAAAA,MAAA;AACf,WACEC,2BAAAA,KAAC,OAAA,EAAI,KAAU,WAAWH,KAAAA,KAAKC,iBAAAA,QAAO,MAAM,QAAQA,iBAAAA,QAAO,QAAQ,SAAS,GAAI,GAAG,OACjF,UAAA;AAAA,MAAAE,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWF,iBAAAA,QAAO;AAAA,UAClB,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,SAAS;AAAA,UAET,UAAA;AAAA,YAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAWE,iBAAAA,QAAO,aAAc,UAAA,QAAO;AAAA,YAC7CF,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE,iBAAAA,QAAO;AAAA,gBAClB,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,gBACf,eAAY;AAAA,gBAEZ,UAAAF,2BAAAA,IAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFA,2BAAAA,IAAC,OAAA,EAAI,IAAI,QAAQ,WAAWE,iBAAAA,QAAO,MAAM,MAAK,UAAS,QAAQ,CAAC,MAC7D,SAAA,CACH;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;;;"}

package/dist/index10.js

@@ -1,18 +1,49 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { clsx } from "./index55.js";
-import styles from "./index80.js";
-const AuthLayout = ({
-  children,
-  logo,
-  footer,
-  maxWidth = "28rem",
-  className
-}) => /* @__PURE__ */ jsxs("main", { className: clsx(styles.root, className), children: [
-  logo && /* @__PURE__ */ jsx("div", { className: styles.logo, children: logo }),
-  /* @__PURE__ */ jsx("div", { className: styles.card, style: { maxWidth }, children }),
-  footer && /* @__PURE__ */ jsx("div", { className: styles.footer, children: footer })
-] });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { clsx } from "./index57.js";
+import styles from "./index69.js";
+const Accordion = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: clsx(styles.root, className), ...props, children })
+);
+Accordion.displayName = "Accordion";
+const AccordionItem = forwardRef(
+  ({ header, open, onToggle, className, children, ...props }, ref) => {
+    const bodyId = useId();
+    return /* @__PURE__ */ jsxs("div", { ref, className: clsx(styles.item, open && styles.isOpen, className), ...props, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: styles.head,
+          "aria-expanded": open,
+          "aria-controls": bodyId,
+          onClick: onToggle,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: styles.headContent, children: header }),
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: styles.chev,
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { id: bodyId, className: styles.body, role: "region", hidden: !open, children })
+    ] });
+  }
+);
+AccordionItem.displayName = "AccordionItem";
 export {
-  AuthLayout
+  Accordion,
+  AccordionItem
 };
 //# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index10.js","sources":["../src/layouts/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { AuthLayoutProps } from './AuthLayout.types';\nimport styles from './AuthLayout.module.css';\n\nexport const AuthLayout = ({\n  children,\n  logo,\n  footer,\n  maxWidth = '28rem',\n  className,\n}: AuthLayoutProps) => (\n  <main className={clsx(styles.root, className)}>\n    {logo && <div className={styles.logo}>{logo}</div>}\n    <div className={styles.card} style={{ maxWidth }}>\n      {children}\n    </div>\n    {footer && <div className={styles.footer}>{footer}</div>}\n  </main>\n);\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,2BACG,QAAA,EAAK,WAAW,KAAK,OAAO,MAAM,SAAS,GACzC,UAAA;AAAA,EAAA,QAAQ,oBAAC,OAAA,EAAI,WAAW,OAAO,MAAO,UAAA,MAAK;AAAA,EAC5C,oBAAC,SAAI,WAAW,OAAO,MAAM,OAAO,EAAE,YACnC,UACH;AAAA,EACC,UAAU,oBAAC,OAAA,EAAI,WAAW,OAAO,QAAS,UAAA,OAAA,CAAO;AAAA,EAAA,CACpD;"}
+{"version":3,"file":"index10.js","sources":["../src/composites/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\nimport clsx from 'clsx';\nimport type { AccordionItemProps, AccordionProps } from './Accordion.types';\nimport styles from './Accordion.module.css';\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, children, ...props }, ref) => (\n    <div ref={ref} className={clsx(styles.root, className)} {...props}>\n      {children}\n    </div>\n  ),\n);\n\nAccordion.displayName = 'Accordion';\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ header, open, onToggle, className, children, ...props }, ref) => {\n    const bodyId = useId();\n    return (\n      <div ref={ref} className={clsx(styles.item, open && styles.isOpen, className)} {...props}>\n        <button\n          type=\"button\"\n          className={styles.head}\n          aria-expanded={open}\n          aria-controls={bodyId}\n          onClick={onToggle}\n        >\n          <span className={styles.headContent}>{header}</span>\n          <svg\n            className={styles.chev}\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </button>\n        <div id={bodyId} className={styles.body} role=\"region\" hidden={!open}>\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n"],"names":[],"mappings":";;;;AAKO,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAClC,oBAAC,SAAI,KAAU,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,OACzD,SAAA,CACH;AAEJ;AAEA,UAAU,cAAc;AAEjB,MAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,QAAQ,MAAM,UAAU,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAClE,UAAM,SAAS,MAAA;AACf,WACE,qBAAC,OAAA,EAAI,KAAU,WAAW,KAAK,OAAO,MAAM,QAAQ,OAAO,QAAQ,SAAS,GAAI,GAAG,OACjF,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,OAAO;AAAA,UAClB,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,SAAS;AAAA,UAET,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,aAAc,UAAA,QAAO;AAAA,YAC7C;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,OAAO;AAAA,gBAClB,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,gBACf,eAAY;AAAA,gBAEZ,UAAA,oBAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,oBAAC,OAAA,EAAI,IAAI,QAAQ,WAAW,OAAO,MAAM,MAAK,UAAS,QAAQ,CAAC,MAC7D,SAAA,CACH;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;"}

package/dist/index100.cjs

@@ -1,9 +1,27 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pJYpn";
-const styles = {
-  root
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const reactLeaflet = require("react-leaflet");
+const useResizeObserver = require("./index6.cjs");
+const constants = require("./index67.cjs");
+const MapViewport = ({ bounds, fitBounds }) => {
+  const map = reactLeaflet.useMap();
+  const containerRef = react.useRef(null);
+  if (containerRef.current === null) containerRef.current = map.getContainer();
+  const { width, height } = useResizeObserver.useResizeObserver(containerRef);
+  react.useEffect(() => {
+    map.invalidateSize();
+  }, [map, width, height]);
+  react.useEffect(() => {
+    if (!fitBounds || bounds == null) return;
+    map.fitBounds(bounds, {
+      padding: [...constants.GEO_MAP.FIT_BOUNDS_PADDING],
+      // A single point makes `fitBounds` collapse to the maximum zoom level.
+      maxZoom: constants.GEO_MAP.SINGLE_POINT_ZOOM
+    });
+  }, [map, bounds, fitBounds]);
+  return null;
 };
-exports.default = styles;
-exports.root = root;
+MapViewport.displayName = "MapViewport";
+exports.MapViewport = MapViewport;
 //# sourceMappingURL=index100.cjs.map

package/dist/index100.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index100.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index100.cjs","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":["useMap","useRef","useResizeObserver","useEffect","GEO_MAP"],"mappings":";;;;;;AAgBO,MAAM,cAAc,CAAC,EAAE,QAAQ,gBAAkC;AACtE,QAAM,MAAMA,aAAAA,OAAA;AACZ,QAAM,eAAeC,MAAAA,OAA2B,IAAI;AAEpD,MAAI,aAAa,YAAY,KAAM,cAAa,UAAU,IAAI,aAAA;AAE9D,QAAM,EAAE,OAAO,WAAWC,kBAAAA,kBAAkB,YAAY;AAExDC,QAAAA,UAAU,MAAM;AACd,QAAI,eAAA;AAAA,EACN,GAAG,CAAC,KAAK,OAAO,MAAM,CAAC;AAEvBA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,aAAa,UAAU,KAAM;AAElC,QAAI,UAAU,QAAQ;AAAA,MACpB,SAAS,CAAC,GAAGC,UAAAA,QAAQ,kBAAkB;AAAA;AAAA,MAEvC,SAASA,UAAAA,QAAQ;AAAA,IAAA,CAClB;AAAA,EACH,GAAG,CAAC,KAAK,QAAQ,SAAS,CAAC;AAE3B,SAAO;AACT;AAEA,YAAY,cAAc;;"}

package/dist/index100.js

@@ -1,9 +1,27 @@
-const root = "krc-root-pJYpn";
-const styles = {
-  root
+import { useRef, useEffect } from "react";
+import { useMap } from "react-leaflet";
+import { useResizeObserver } from "./index6.js";
+import { GEO_MAP } from "./index67.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;
 };
+MapViewport.displayName = "MapViewport";
 export {
-  styles as default,
-  root
+  MapViewport
 };
 //# sourceMappingURL=index100.js.map

package/dist/index100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index100.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index100.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;"}

package/dist/index101.cjs

@@ -1,18 +1,22 @@
 "use strict";
-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;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("./index57.cjs");
+const GeoMapCard_module = require("./index103.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;
 //# sourceMappingURL=index101.cjs.map

package/dist/index101.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index101.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index101.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;;"}

package/dist/index101.js

@@ -1,18 +1,22 @@
-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
-};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "./index57.js";
+import styles from "./index103.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";
 export {
-  styles as default,
-  lg,
-  md,
-  root,
-  sm
+  MapLegend
 };
 //# sourceMappingURL=index101.js.map

package/dist/index101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index101.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index101.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;"}

package/dist/index102.cjs

@@ -1,24 +1,16 @@
 "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 styles = {
-  root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  filterBar,
-  content
-};
-exports.content = content;
-exports.default = styles;
-exports.filterBar = filterBar;
-exports.main = main;
-exports.root = root;
-exports.sidebar = sidebar;
-exports.sidebarCollapsed = sidebarCollapsed;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const GeoMapCard_module = require("./index103.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;
 //# sourceMappingURL=index102.cjs.map

package/dist/index102.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index102.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index102.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;;"}

package/dist/index102.js

@@ -1,24 +1,16 @@
-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,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  filterBar,
-  content
-};
+import { jsx } from "react/jsx-runtime";
+import styles from "./index103.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";
 export {
-  content,
-  styles as default,
-  filterBar,
-  main,
-  root,
-  sidebar,
-  sidebarCollapsed
+  PointListing
 };
 //# sourceMappingURL=index102.js.map

package/dist/index102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index102.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index102.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;"}