@ogc-maps/storybook-components 0.2.2 → 0.3.0

package/README.md

@@ -1,6 +1,6 @@
 # @ogc-maps/storybook-components
 
-A reuseable, config-driven map component library built on OGC API standards. Designed for building interactive web maps with React, MapLibre GL JS, and `tipg`.
+A reusable, config-driven map component library built on OGC API standards. Designed for building interactive web maps with React, MapLibre GL JS, and `tipg`.
 
 ## Features
 
@@ -20,69 +20,43 @@ npm install @ogc-maps/storybook-components
 yarn add @ogc-maps/storybook-components
 ```
 
-## Usage
+Peer dependencies: `react`, `react-dom`, `react-icons`
 
-### 1. Import Styles
-
-Import the library's CSS in your main entry point (e.g., `main.tsx` or `App.tsx`):
+## Quick Start
 
 ```tsx
-import '@ogc-maps/storybook-components/dist/style.css';
-```
+// 1. Import styles in your entry point (default styles use the mapui: prefix; you can override with your own Tailwind/CSS)
+import '@ogc-maps/storybook-components/style.css';
 
-### 2. Use Components
+// 2. Define and validate your config
+import { safeValidateMapConfig } from '@ogc-maps/storybook-components/schemas';
 
-Components are exported as named exports. Example using the `LayerPanel`:
+const result = safeValidateMapConfig(myConfig);
+if (!result.success) throw new Error('Invalid config');
 
-```tsx
+// 3. Render components with your state
 import { LayerPanel } from '@ogc-maps/storybook-components/components/LayerPanel';
+import { Legend }     from '@ogc-maps/storybook-components/components/Legend';
 
-function MyMapUI() {
-  const [activeLayers, setActiveLayers] = useState<string[]>(['my-layer-1']);
-
+function MapUI({ layers, visibleIds, onToggle }) {
   return (
-    <div className="absolute top-4 right-4 bg-white p-4 rounded shadow">
-      <LayerPanel 
-        layers={myLayerConfig}
-        activeLayerIds={activeLayers}
-        onToggleVisibility={(layerId) => {
-          // toggle logic
-        }}
-      />
-    </div>
+    <>
+      <LayerPanel layers={layers} activeLayerIds={visibleIds} onToggleVisibility={onToggle} />
+      <Legend layers={layers} visibleLayerIds={visibleIds} />
+    </>
   );
 }
 ```
 
-### 3. Use Hooks
-
-Data fetching hooks for OGC API endpoints:
-
-```tsx
-import { useOgcFeatures } from '@ogc-maps/storybook-components/hooks';
-
-function FeatureList() {
-  const { data, loading } = useOgcFeatures({
-    collectionId: 'public.my_collection',
-    limit: 10
-  });
-
-  if (loading) return <div>Loading...</div>;
-
-  return (
-    <ul>
-      {data.features.map(f => (
-        <li key={f.id}>{f.properties.name}</li>
-      ))}
-    </ul>
-  );
-}
-```
+Default styles use the `mapui:` Tailwind prefix so they won't clash with your app's utility classes; override them with your own CSS or Tailwind as needed.
 
 ## Documentation
 
-Full documentation and component playground available at:
-[https://<YOUR_GITHUB_USERNAME>.github.io/ogc-maps](https://<YOUR_GITHUB_USERNAME>.github.io/ogc-maps) (Replace with actual URL once deployed)
+- [Getting Started](../../docs/GETTING-STARTED.md) — Installation, minimal config, first render
+- [Configuration](../../docs/CONFIGURATION.md) — Full `MapConfig` schema reference
+- [Components](../../docs/COMPONENTS.md) — All 9 component APIs with props tables and examples
+- [Hooks & Utilities](../../docs/HOOKS.md) — OGC API hooks and utility functions
+- [Publishing](../../docs/PUBLISHING.md) — Versioning and release guide
 
 ## License
 

package/dist/ExportButton-D2xn4G74.js

@@ -0,0 +1,77 @@
+import { jsx as p, jsxs as f } from "react/jsx-runtime";
+import { useState as m, useRef as y, useEffect as E } from "react";
+function H({
+  layers: i,
+  onExport: s,
+  loading: o = !1,
+  disabled: g = !1,
+  className: l = ""
+}) {
+  const [n, u] = m(!1), [h, x] = m(!1), [w, v] = m(void 0), t = y(null);
+  E(() => {
+    if (!n) return;
+    if (t.current) {
+      const r = t.current.getBoundingClientRect(), d = r.bottom > window.innerHeight / 2;
+      x(d);
+      const b = 12;
+      v(d ? r.top - b : window.innerHeight - r.bottom - b);
+    }
+    function e(r) {
+      t.current && !t.current.contains(r.target) && u(!1);
+    }
+    return document.addEventListener("click", e), () => document.removeEventListener("click", e);
+  }, [n]);
+  const a = g || o || i.length === 0, c = [
+    "mapui:inline-flex mapui:items-center mapui:gap-1.5 mapui:rounded mapui:border mapui:border-gray-300",
+    "mapui:bg-white mapui:px-3 mapui:py-1.5 mapui:text-sm mapui:text-gray-700 mapui:transition-colors",
+    a ? "mapui:cursor-not-allowed mapui:opacity-50" : "mapui:cursor-pointer hover:mapui:bg-gray-50 hover:mapui:border-gray-400"
+  ].join(" ");
+  return i.length === 1 ? /* @__PURE__ */ p(
+    "button",
+    {
+      className: `${c} ${l}`.trim(),
+      disabled: a,
+      onClick: () => !a && s(i[0]),
+      children: o ? "Exporting..." : `Export ${i[0].label}`
+    }
+  ) : /* @__PURE__ */ f("div", { ref: t, className: `mapui:relative mapui:inline-block ${l}`.trim(), children: [
+    /* @__PURE__ */ f(
+      "button",
+      {
+        className: c,
+        disabled: a,
+        onClick: () => !a && u((e) => !e),
+        "aria-haspopup": "listbox",
+        "aria-expanded": n,
+        children: [
+          o ? "Exporting..." : "Export",
+          !o && /* @__PURE__ */ p("span", { "aria-hidden": "true", className: "mapui:text-gray-400", children: "▾" })
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ p(
+      "ul",
+      {
+        role: "listbox",
+        className: `mapui:absolute mapui:left-0 mapui:z-10 mapui:min-w-[160px] mapui:overflow-y-auto mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:py-1 mapui:shadow-lg ${h ? "mapui:bottom-full mapui:mb-1" : "mapui:top-full mapui:mt-1"}`,
+        style: { maxHeight: w },
+        children: i.map((e) => /* @__PURE__ */ p(
+          "li",
+          {
+            role: "option",
+            "aria-selected": !1,
+            className: "mapui:cursor-pointer mapui:px-3 mapui:py-1.5 mapui:text-sm mapui:text-gray-700 hover:mapui:bg-gray-100",
+            onClick: () => {
+              s(e), u(!1);
+            },
+            children: e.label
+          },
+          e.id
+        ))
+      }
+    )
+  ] });
+}
+export {
+  H as E
+};

package/dist/FeatureDetailPanel-DpcaTS9I.js

@@ -0,0 +1,50 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { P as s } from "./PropertyList-BH_DTkcU.js";
+function x({
+  isOpen: r,
+  onClose: m,
+  properties: i,
+  title: t = "Feature Properties",
+  fields: l,
+  variant: e = "panel",
+  className: o = ""
+}) {
+  if (!r) return null;
+  const u = /* @__PURE__ */ p(
+    "div",
+    {
+      className: [
+        "mapui:flex mapui:flex-col mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:shadow-md",
+        e === "modal" ? "mapui:max-h-[80vh] mapui:w-full mapui:max-w-lg" : "mapui:max-h-[calc(100vh-4rem)] mapui:w-72",
+        o
+      ].filter(Boolean).join(" ").trim(),
+      onClick: e === "modal" ? (n) => n.stopPropagation() : void 0,
+      children: [
+        /* @__PURE__ */ p("div", { className: "mapui:flex mapui:shrink-0 mapui:items-center mapui:justify-between mapui:border-b mapui:border-gray-200 mapui:px-4 mapui:py-3", children: [
+          /* @__PURE__ */ a("h3", { className: "mapui:m-0 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: t }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              onClick: m,
+              className: "mapui:flex mapui:h-6 mapui:w-6 mapui:cursor-pointer mapui:items-center mapui:justify-center mapui:rounded mapui:border-0 mapui:bg-transparent mapui:text-lg mapui:leading-none mapui:text-gray-400 mapui:transition-colors hover:mapui:bg-gray-100 hover:mapui:text-gray-700",
+              "aria-label": "Close",
+              children: "×"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "mapui:overflow-y-auto mapui:px-4 mapui:py-3", children: i && Object.keys(i).length > 0 ? /* @__PURE__ */ a(s, { properties: i, fields: l, density: "default" }) : /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-400", children: "No properties available." }) })
+      ]
+    }
+  );
+  return e === "modal" ? /* @__PURE__ */ a(
+    "div",
+    {
+      className: "mapui:fixed mapui:inset-0 mapui:z-50 mapui:flex mapui:items-center mapui:justify-center mapui:bg-black/40 mapui:p-4",
+      onClick: m,
+      children: u
+    }
+  ) : u;
+}
+export {
+  x as F
+};

package/dist/FeatureTooltip-CM0ZTudi.js

@@ -0,0 +1,45 @@
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { P as s } from "./PropertyList-BH_DTkcU.js";
+function x({
+  title: p,
+  properties: m,
+  fields: t,
+  maxItems: i = 4,
+  className: u = ""
+}) {
+  if (!m)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: `mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:px-3 mapui:py-2 mapui:shadow-md ${u}`.trim(),
+        children: /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-xs mapui:text-gray-400", children: "No data" })
+      }
+    );
+  const r = t ?? Object.keys(m), o = r.length > i, d = r.length - i;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `mapui:min-w-[140px] mapui:max-w-[240px] mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:px-3 mapui:py-2 mapui:shadow-md ${u}`.trim(),
+      children: [
+        p && /* @__PURE__ */ a("p", { className: "mapui:mb-1.5 mapui:mt-0 mapui:text-xs mapui:font-semibold mapui:text-gray-700", children: p }),
+        /* @__PURE__ */ a(
+          s,
+          {
+            properties: m,
+            fields: t,
+            maxItems: i,
+            density: "compact"
+          }
+        ),
+        o && /* @__PURE__ */ e("p", { className: "mapui:mb-0 mapui:mt-1 mapui:text-xs mapui:text-gray-400", children: [
+          "+",
+          d,
+          " more"
+        ] })
+      ]
+    }
+  );
+}
+export {
+  x as F
+};

package/dist/PropertyList-BH_DTkcU.js

@@ -0,0 +1,32 @@
+import { jsx as m, jsxs as r } from "react/jsx-runtime";
+function t(i) {
+  return i == null ? "--" : typeof i == "boolean" ? i ? "Yes" : "No" : Array.isArray(i) ? i.map(t).join(", ") : typeof i == "object" ? JSON.stringify(i) : String(i);
+}
+function o({
+  properties: i,
+  fields: u,
+  maxItems: p,
+  density: c = "default",
+  className: e = ""
+}) {
+  const n = u ?? Object.keys(i), s = p != null ? n.slice(0, p) : n;
+  return c === "compact" ? /* @__PURE__ */ m("dl", { className: `mapui:m-0 mapui:text-xs ${e}`.trim(), children: s.map((a) => /* @__PURE__ */ r("div", { className: "mapui:flex mapui:gap-1 mapui:py-0.5", children: [
+    /* @__PURE__ */ r("dt", { className: "mapui:shrink-0 mapui:font-medium mapui:text-gray-500", children: [
+      a,
+      ":"
+    ] }),
+    /* @__PURE__ */ m("dd", { className: "mapui:m-0 mapui:truncate mapui:text-gray-800", children: t(i[a]) })
+  ] }, a)) }) : /* @__PURE__ */ m(
+    "dl",
+    {
+      className: `mapui:m-0 mapui:grid mapui:grid-cols-2 mapui:gap-x-4 mapui:gap-y-2 mapui:text-sm ${e}`.trim(),
+      children: s.map((a) => /* @__PURE__ */ r("div", { className: "mapui:contents", children: [
+        /* @__PURE__ */ m("dt", { className: "mapui:break-words mapui:font-medium mapui:text-gray-500", children: a }),
+        /* @__PURE__ */ m("dd", { className: "mapui:m-0 mapui:break-words mapui:text-gray-800", children: t(i[a]) })
+      ] }, a))
+    }
+  );
+}
+export {
+  o as P
+};

package/dist/components/ExportButton/ExportButton.d.ts

@@ -0,0 +1,14 @@
+export interface ExportableLayer {
+    id: string;
+    label: string;
+    collection: string;
+}
+export interface ExportButtonProps {
+    layers: ExportableLayer[];
+    onExport: (layer: ExportableLayer) => void;
+    loading?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function ExportButton({ layers, onExport, loading, disabled, className, }: ExportButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportButton.d.ts.map

package/dist/components/ExportButton/ExportButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportButton.d.ts","sourceRoot":"","sources":["../../../src/components/ExportButton/ExportButton.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,OAAe,EACf,QAAgB,EAChB,SAAc,GACf,EAAE,iBAAiB,2CAsFnB"}

package/dist/components/ExportButton/index.d.ts

@@ -0,0 +1,3 @@
+export { ExportButton } from './ExportButton';
+export type { ExportButtonProps, ExportableLayer } from './ExportButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ExportButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExportButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/ExportButton/index.js

@@ -0,0 +1,4 @@
+import { E as r } from "../../ExportButton-D2xn4G74.js";
+export {
+  r as ExportButton
+};

package/dist/components/FeatureDetailPanel/FeatureDetailPanel.d.ts

@@ -0,0 +1,11 @@
+export interface FeatureDetailPanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+    properties: Record<string, unknown> | null;
+    title?: string;
+    fields?: string[];
+    variant?: 'panel' | 'modal';
+    className?: string;
+}
+export declare function FeatureDetailPanel({ isOpen, onClose, properties, title, fields, variant, className, }: FeatureDetailPanelProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FeatureDetailPanel.d.ts.map

package/dist/components/FeatureDetailPanel/FeatureDetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureDetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureDetailPanel/FeatureDetailPanel.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAA4B,EAC5B,MAAM,EACN,OAAiB,EACjB,SAAc,GACf,EAAE,uBAAuB,kDAmDzB"}

package/dist/components/FeatureDetailPanel/index.d.ts

@@ -0,0 +1,3 @@
+export { FeatureDetailPanel } from './FeatureDetailPanel';
+export type { FeatureDetailPanelProps } from './FeatureDetailPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FeatureDetailPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureDetailPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/FeatureDetailPanel/index.js

@@ -0,0 +1,4 @@
+import { F as r } from "../../FeatureDetailPanel-DpcaTS9I.js";
+export {
+  r as FeatureDetailPanel
+};

package/dist/components/FeatureTooltip/FeatureTooltip.d.ts

@@ -0,0 +1,9 @@
+export interface FeatureTooltipProps {
+    title?: string;
+    properties: Record<string, unknown> | null;
+    fields?: string[];
+    maxItems?: number;
+    className?: string;
+}
+export declare function FeatureTooltip({ title, properties, fields, maxItems, className, }: FeatureTooltipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeatureTooltip.d.ts.map

package/dist/components/FeatureTooltip/FeatureTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureTooltip/FeatureTooltip.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAY,EACZ,SAAc,GACf,EAAE,mBAAmB,2CAmCrB"}

package/dist/components/FeatureTooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { FeatureTooltip } from './FeatureTooltip';
+export type { FeatureTooltipProps } from './FeatureTooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FeatureTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/FeatureTooltip/index.js

@@ -0,0 +1,4 @@
+import { F as r } from "../../FeatureTooltip-CM0ZTudi.js";
+export {
+  r as FeatureTooltip
+};

package/dist/components/_shared/PropertyList.d.ts

@@ -0,0 +1,12 @@
+export type PropertyListDensity = 'compact' | 'default';
+interface PropertyListProps {
+    properties: Record<string, unknown>;
+    fields?: string[];
+    maxItems?: number;
+    density?: PropertyListDensity;
+    className?: string;
+}
+export declare function formatPropertyValue(value: unknown): string;
+export declare function PropertyList({ properties, fields, maxItems, density, className, }: PropertyListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PropertyList.d.ts.map

package/dist/components/_shared/PropertyList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../../../src/components/_shared/PropertyList.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,UAAU,iBAAiB;IACzB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAM1D;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,SAAc,GACf,EAAE,iBAAiB,2CAiCnB"}

package/dist/components/index.d.ts

@@ -4,6 +4,12 @@ export { CollapsibleControl } from './CollapsibleControl';
 export type { CollapsibleControlProps } from './CollapsibleControl';
 export { CoordinateDisplay, formatDecimal, formatDMS, } from './CoordinateDisplay';
 export type { CoordinateDisplayProps, CoordinateFormatOption, } from './CoordinateDisplay';
+export { ExportButton } from './ExportButton';
+export type { ExportButtonProps, ExportableLayer } from './ExportButton';
+export { FeatureDetailPanel } from './FeatureDetailPanel';
+export type { FeatureDetailPanelProps } from './FeatureDetailPanel';
+export { FeatureTooltip } from './FeatureTooltip';
+export type { FeatureTooltipProps } from './FeatureTooltip';
 export { LayerPanel } from './LayerPanel';
 export type { LayerPanelProps } from './LayerPanel';
 export { Legend } from './Legend';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,SAAS,GACV,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,SAAS,GACV,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/hooks/index.d.ts

@@ -1,6 +1,7 @@
 import { SearchField } from '../types';
 export { useOgcCollections, type UseOgcCollectionsResult } from './useOgcCollections';
 export { useOgcFeatures, type UseOgcFeaturesResult } from './useOgcFeatures';
+export { useCsvExport, type UseCsvExportOptions, type UseCsvExportResult } from './useCsvExport';
 export type { OgcApiSource, LayerConfig, MapConfig, UIConfig, ViewConfig, StyleConfig, FilterConfig, LegendConfig, SearchConfig, SearchField, } from '../types';
 export type SearchFieldType = SearchField['type'];
 export { fetchCollections, fetchFeatures, fetchQueryables, getFilteredVectorTileUrl, getTileJsonUrl, getVectorTileUrl, type OgcCollection, type OgcCollectionsResponse, type GeoJsonFeature, type OgcFeatureCollection, type OgcQueryables, type QueryableProperty, type FetchFeaturesOptions, } from '../utils/ogcApi';

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,YAAY,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,wBAAwB,EACxB,cAAc,EACd,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEjG,YAAY,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,wBAAwB,EACxB,cAAc,EACd,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,iBAAiB,CAAC"}

package/dist/hooks/index.js

@@ -1,12 +1,13 @@
-import { u as t, a } from "../useOgcFeatures-CmJxErv4.js";
-import { f as l, a as o, b as c, g as f, c as g, d as i } from "../ogcApi-BuXSs9i0.js";
+import { u as t, a, b as r } from "../useCsvExport-wr7hy0P-.js";
+import { f as o, a as c, b as u, g as f, c as g, d as i } from "../ogcApi-BuXSs9i0.js";
 export {
-  l as fetchCollections,
-  o as fetchFeatures,
-  c as fetchQueryables,
+  o as fetchCollections,
+  c as fetchFeatures,
+  u as fetchQueryables,
   f as getFilteredVectorTileUrl,
   g as getTileJsonUrl,
   i as getVectorTileUrl,
-  t as useOgcCollections,
-  a as useOgcFeatures
+  t as useCsvExport,
+  a as useOgcCollections,
+  r as useOgcFeatures
 };

package/dist/hooks/useCsvExport.d.ts

@@ -0,0 +1,13 @@
+import { CsvExportOptions } from '../utils/csvExport';
+export interface UseCsvExportOptions {
+    baseUrl: string;
+    limit?: number;
+    csvOptions?: CsvExportOptions;
+}
+export interface UseCsvExportResult {
+    exportCsv: (collectionId: string, filename?: string) => Promise<void>;
+    loading: boolean;
+    error: Error | null;
+}
+export declare function useCsvExport({ baseUrl, limit, csvOptions, }: UseCsvExportOptions): UseCsvExportResult;
+//# sourceMappingURL=useCsvExport.d.ts.map

package/dist/hooks/useCsvExport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCsvExport.d.ts","sourceRoot":"","sources":["../../src/hooks/useCsvExport.ts"],"names":[],"mappings":"AAEA,OAAO,EAA8B,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEvF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAY,EACZ,UAAU,GACX,EAAE,mBAAmB,GAAG,kBAAkB,CA2C1C"}

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AACA,OAAO,iBAAiB,CAAC;AAGzB,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC"}

package/dist/main.js

@@ -1,47 +1,56 @@
 import { B as o } from "./BasemapSwitcher-BW7lyZ2Y.js";
 import { C as t } from "./CollapsibleControl-Dz11KBrL.js";
-import { C as i, f as l, a as m } from "./CoordinateDisplay-PxPmVjpm.js";
-import { L as S } from "./LayerPanel-K00X2QUj.js";
-import { L as n } from "./Legend-D4cc1JzQ.js";
-import { S as g } from "./SearchPanel-CFVQV6JJ.js";
-import { u as p, a as d } from "./useOgcFeatures-CmJxErv4.js";
-import { f as y, a as L, b as u, g as F, c as P, d as M } from "./ogcApi-BuXSs9i0.js";
-import { BasemapConfigSchema as V, CirclePaintSchema as b, CircleStyleSchema as B, FillPaintSchema as D, FillStyleSchema as O, FilterConfigSchema as T, LayerConfigSchema as w, LegendConfigSchema as v, LegendEntrySchema as A, LinePaintSchema as E, LineStyleSchema as I, MapConfigSchema as J, OgcApiSourceSchema as Q, SearchConfigSchema as j, SearchFieldSchema as k, StyleConfigSchema as q, UIConfigSchema as z, ViewConfigSchema as G, safeValidateMapConfig as H, validateMapConfig as K } from "./schemas/index.js";
-export {
-  V as BasemapConfigSchema,
+import { C as i, f as l, a as c } from "./CoordinateDisplay-PxPmVjpm.js";
+import { E as f } from "./ExportButton-D2xn4G74.js";
+import { F as S } from "./FeatureDetailPanel-DpcaTS9I.js";
+import { F as p } from "./FeatureTooltip-CM0ZTudi.js";
+import { L as g } from "./LayerPanel-K00X2QUj.js";
+import { L as d } from "./Legend-D4cc1JzQ.js";
+import { S as F } from "./SearchPanel-CFVQV6JJ.js";
+import { d as L, f as P, u as T, a as b, b as v } from "./useCsvExport-wr7hy0P-.js";
+import { f as D, a as E, b as M, g as U, c as V, d as w } from "./ogcApi-BuXSs9i0.js";
+import { BasemapConfigSchema as A, CirclePaintSchema as I, CircleStyleSchema as J, FillPaintSchema as Q, FillStyleSchema as j, FilterConfigSchema as k, LayerConfigSchema as q, LegendConfigSchema as z, LegendEntrySchema as G, LinePaintSchema as H, LineStyleSchema as K, MapConfigSchema as N, OgcApiSourceSchema as R, SearchConfigSchema as W, SearchFieldSchema as X, StyleConfigSchema as Y, UIConfigSchema as Z, ViewConfigSchema as _, safeValidateMapConfig as $, validateMapConfig as ee } from "./schemas/index.js";
+import './style.css';export {
+  A as BasemapConfigSchema,
   o as BasemapSwitcher,
-  b as CirclePaintSchema,
-  B as CircleStyleSchema,
+  I as CirclePaintSchema,
+  J as CircleStyleSchema,
   t as CollapsibleControl,
   i as CoordinateDisplay,
-  D as FillPaintSchema,
-  O as FillStyleSchema,
-  T as FilterConfigSchema,
-  w as LayerConfigSchema,
-  S as LayerPanel,
-  n as Legend,
-  v as LegendConfigSchema,
-  A as LegendEntrySchema,
-  E as LinePaintSchema,
-  I as LineStyleSchema,
-  J as MapConfigSchema,
-  Q as OgcApiSourceSchema,
-  j as SearchConfigSchema,
-  k as SearchFieldSchema,
-  g as SearchPanel,
-  q as StyleConfigSchema,
-  z as UIConfigSchema,
-  G as ViewConfigSchema,
-  y as fetchCollections,
-  L as fetchFeatures,
-  u as fetchQueryables,
+  f as ExportButton,
+  S as FeatureDetailPanel,
+  p as FeatureTooltip,
+  Q as FillPaintSchema,
+  j as FillStyleSchema,
+  k as FilterConfigSchema,
+  q as LayerConfigSchema,
+  g as LayerPanel,
+  d as Legend,
+  z as LegendConfigSchema,
+  G as LegendEntrySchema,
+  H as LinePaintSchema,
+  K as LineStyleSchema,
+  N as MapConfigSchema,
+  R as OgcApiSourceSchema,
+  W as SearchConfigSchema,
+  X as SearchFieldSchema,
+  F as SearchPanel,
+  Y as StyleConfigSchema,
+  Z as UIConfigSchema,
+  _ as ViewConfigSchema,
+  L as downloadCsv,
+  P as featuresToCsv,
+  D as fetchCollections,
+  E as fetchFeatures,
+  M as fetchQueryables,
   l as formatDMS,
-  m as formatDecimal,
-  F as getFilteredVectorTileUrl,
-  P as getTileJsonUrl,
-  M as getVectorTileUrl,
-  H as safeValidateMapConfig,
-  p as useOgcCollections,
-  d as useOgcFeatures,
-  K as validateMapConfig
+  c as formatDecimal,
+  U as getFilteredVectorTileUrl,
+  V as getTileJsonUrl,
+  w as getVectorTileUrl,
+  $ as safeValidateMapConfig,
+  T as useCsvExport,
+  b as useOgcCollections,
+  v as useOgcFeatures,
+  ee as validateMapConfig
 };