@ogc-maps/storybook-components 0.2.3 → 0.4.0

package/README.md

@@ -54,7 +54,7 @@ Default styles use the `mapui:` Tailwind prefix so they won't clash with your ap
 
 - [Getting Started](../../docs/GETTING-STARTED.md) — Installation, minimal config, first render
 - [Configuration](../../docs/CONFIGURATION.md) — Full `MapConfig` schema reference
-- [Components](../../docs/COMPONENTS.md) — All 6 component APIs with props tables and examples
+- [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
 

package/dist/{CollapsibleControl-Dz11KBrL.js → CollapsibleControl-VFUTWb_5.js}

@@ -1,18 +1,18 @@
 import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { LuX as f } from "react-icons/lu";
+import { LuX as g } from "react-icons/lu";
 function x({
   icon: t,
   label: i,
   defaultCollapsed: l = !0,
-  collapsed: p,
-  onToggle: u,
+  collapsed: u,
+  onToggle: p,
   children: o,
   className: n = ""
 }) {
-  const [c, d] = h(l), m = p !== void 0 ? p : c, s = () => {
+  const [c, d] = h(l), m = u !== void 0 ? u : c, s = () => {
     const r = !m;
-    u ? u(r) : d(r);
+    p ? p(r) : d(r);
   };
   return /* @__PURE__ */ e("div", { className: `mapui:relative mapui:w-10 mapui:h-10 ${n}`, children: [
     /* @__PURE__ */ a(
@@ -22,7 +22,7 @@ function x({
         onClick: s,
         title: i,
         "aria-label": i,
-        className: `mapui:flex mapui:items-center mapui:justify-center mapui:w-10 mapui:h-10 mapui:bg-white mapui:rounded mapui:shadow-md hover:mapui:bg-gray-50 mapui:transition-colors ${m ? "" : "mapui:opacity-0 mapui:pointer-events-none"}`,
+        className: `mapui:flex mapui:items-center mapui:justify-center mapui:w-10 mapui:h-10 mapui:bg-white mapui:rounded mapui:shadow-md hover:mapui:bg-gray-50 mapui:transition-colors ${m ? "" : "mapui:bg-gray-100"}`,
         children: /* @__PURE__ */ a(t, { size: 20, className: "mapui:text-gray-700" })
       }
     ),
@@ -40,7 +40,7 @@ function x({
             title: `Collapse ${i}`,
             "aria-label": `Collapse ${i}`,
             className: "mapui:flex mapui:items-center mapui:justify-center mapui:w-6 mapui:h-6 mapui:rounded hover:mapui:bg-gray-100 mapui:transition-colors",
-            children: /* @__PURE__ */ a(f, { size: 16, className: "mapui:text-gray-600" })
+            children: /* @__PURE__ */ a(g, { size: 16, className: "mapui:text-gray-600" })
           }
         )
       ] }),

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/CollapsibleControl/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../../CollapsibleControl-Dz11KBrL.js";
+import { C as r } from "../../CollapsibleControl-VFUTWb_5.js";
 export {
   r as CollapsibleControl
 };

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.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";
+import { C as t } from "./CollapsibleControl-VFUTWb_5.js";
+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 {
-  V as BasemapConfigSchema,
+  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
 };