@ogc-maps/storybook-components 0.2.0

package/dist/BasemapSwitcher-BW7lyZ2Y.js

@@ -0,0 +1,43 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+function l({
+  basemaps: u,
+  activeBasemapId: r,
+  onSelect: m,
+  className: p
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `mapui:flex mapui:gap-2 mapui:flex-wrap ${p ?? ""}`,
+      role: "group",
+      "aria-label": "Basemap selection",
+      children: u.map((i) => {
+        const e = i.id === r;
+        return /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: () => m(i.id),
+            "aria-pressed": e,
+            className: `mapui:flex mapui:flex-col mapui:items-center mapui:gap-1 mapui:rounded-md mapui:border-2 mapui:px-3 mapui:py-2 mapui:text-sm mapui:font-medium mapui:cursor-pointer mapui:transition-colors ${e ? "mapui:border-blue-500 mapui:bg-blue-50 mapui:text-blue-700" : "mapui:border-gray-200 mapui:bg-white mapui:text-gray-700 hover:mapui:border-gray-300 hover:mapui:bg-gray-50"}`,
+            children: [
+              i.thumbnail && /* @__PURE__ */ a(
+                "img",
+                {
+                  src: i.thumbnail,
+                  alt: "",
+                  className: "mapui:h-12 mapui:w-16 mapui:rounded mapui:object-cover"
+                }
+              ),
+              /* @__PURE__ */ a("span", { children: i.label })
+            ]
+          },
+          i.id
+        );
+      })
+    }
+  );
+}
+export {
+  l as B
+};

package/dist/CollapsibleControl-Dz11KBrL.js

@@ -0,0 +1,53 @@
+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";
+function x({
+  icon: t,
+  label: i,
+  defaultCollapsed: l = !0,
+  collapsed: p,
+  onToggle: u,
+  children: o,
+  className: n = ""
+}) {
+  const [c, d] = h(l), m = p !== void 0 ? p : c, s = () => {
+    const r = !m;
+    u ? u(r) : d(r);
+  };
+  return /* @__PURE__ */ e("div", { className: `mapui:relative mapui:w-10 mapui:h-10 ${n}`, children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        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"}`,
+        children: /* @__PURE__ */ a(t, { size: 20, className: "mapui:text-gray-700" })
+      }
+    ),
+    !m && /* @__PURE__ */ e("div", { className: "mapui:absolute mapui:top-0 mapui:right-full mapui:mr-2 mapui:z-10 mapui:bg-white mapui:rounded-lg mapui:shadow-lg mapui:overflow-hidden", children: [
+      /* @__PURE__ */ e("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:p-2 mapui:border-b mapui:border-gray-200", children: [
+        /* @__PURE__ */ e("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
+          /* @__PURE__ */ a(t, { size: 18, className: "mapui:text-gray-700" }),
+          /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-700", children: i })
+        ] }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            onClick: s,
+            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" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { children: o })
+    ] })
+  ] });
+}
+export {
+  x as C
+};

package/dist/CoordinateDisplay-PxPmVjpm.js

@@ -0,0 +1,47 @@
+import { jsxs as f, jsx as d } from "react/jsx-runtime";
+function h(t, e) {
+  return `${t.toFixed(6)}, ${e.toFixed(6)}`;
+}
+function $(t, e) {
+  const a = (i, n, m) => {
+    const r = i >= 0 ? n : m, s = Math.abs(i), c = Math.floor(s), l = (s - c) * 60, p = Math.floor(l), x = ((l - p) * 60).toFixed(1);
+    return `${c}°${p}'${x}"${r}`;
+  }, o = a(t, "N", "S"), u = a(e, "E", "W");
+  return `${o} ${u}`;
+}
+function C({
+  latitude: t,
+  longitude: e,
+  activeFormat: a,
+  formats: o,
+  onFormatChange: u,
+  className: i = ""
+}) {
+  const n = o.find((r) => r.id === a), m = () => {
+    const s = (o.findIndex((c) => c.id === a) + 1) % o.length;
+    u(o[s].id);
+  };
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: `mapui:bg-black/60 mapui:text-white mapui:text-xs mapui:px-3 mapui:py-1 mapui:flex mapui:items-center mapui:gap-2 mapui:rounded ${i}`,
+      children: [
+        /* @__PURE__ */ d(
+          "button",
+          {
+            onClick: m,
+            className: "mapui:text-blue-300 hover:mapui:text-blue-200 mapui:cursor-pointer mapui:border-none mapui:bg-transparent mapui:p-0",
+            title: "Click to cycle coordinate format",
+            children: (n == null ? void 0 : n.label) ?? "Unknown"
+          }
+        ),
+        /* @__PURE__ */ d("span", { className: "mapui:font-mono", children: t !== null && e !== null && n ? n.format(t, e) : "—" })
+      ]
+    }
+  );
+}
+export {
+  C,
+  h as a,
+  $ as f
+};

package/dist/LayerPanel-K00X2QUj.js

@@ -0,0 +1,83 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { useState as g, useCallback as u } from "react";
+function w({
+  layers: l,
+  activeLayerIds: f,
+  onToggleVisibility: v,
+  onReorder: i,
+  className: x = ""
+}) {
+  const [n, r] = g(null), [h, m] = g(null), D = u(
+    (a, e) => {
+      r(e), a.dataTransfer.effectAllowed = "move", a.dataTransfer.setData("text/plain", e);
+    },
+    []
+  ), b = u(
+    (a, e) => {
+      a.preventDefault(), a.dataTransfer.dropEffect = "move", m(e);
+    },
+    []
+  ), N = u(() => {
+    m(null);
+  }, []), O = u(
+    (a, e) => {
+      if (a.preventDefault(), m(null), r(null), !i || !n || n === e) return;
+      const p = l.map((L) => L.id), c = p.indexOf(n), t = p.indexOf(e);
+      if (c === -1 || t === -1) return;
+      const d = [...p];
+      d.splice(c, 1), d.splice(t, 0, n), i(d);
+    },
+    [n, l, i]
+  ), I = u(() => {
+    r(null), m(null);
+  }, []);
+  return /* @__PURE__ */ o("div", { className: `mapui:flex mapui:flex-col mapui:gap-1 ${x}`.trim(), children: [
+    /* @__PURE__ */ s("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Layers" }),
+    /* @__PURE__ */ s("ul", { className: "mapui:m-0 mapui:list-none mapui:p-0", children: l.map((a) => {
+      const e = f.includes(a.id), p = n === a.id, c = h === a.id;
+      return /* @__PURE__ */ o(
+        "li",
+        {
+          draggable: !!i,
+          onDragStart: i ? (t) => D(t, a.id) : void 0,
+          onDragOver: i ? (t) => b(t, a.id) : void 0,
+          onDragLeave: i ? N : void 0,
+          onDrop: i ? (t) => O(t, a.id) : void 0,
+          onDragEnd: i ? I : void 0,
+          className: [
+            "mapui:flex mapui:items-center mapui:gap-2 mapui:rounded mapui:px-2 mapui:py-1.5",
+            "mapui:select-none mapui:transition-colors",
+            c ? "mapui:bg-blue-100" : "mapui:bg-transparent hover:mapui:bg-gray-100",
+            p ? "mapui:opacity-50" : "mapui:opacity-100"
+          ].join(" "),
+          children: [
+            i && /* @__PURE__ */ s(
+              "span",
+              {
+                className: "mapui:cursor-grab mapui:text-gray-400 active:mapui:cursor-grabbing",
+                "aria-hidden": "true",
+                children: "⠿"
+              }
+            ),
+            /* @__PURE__ */ o("label", { className: "mapui:flex mapui:flex-1 mapui:cursor-pointer mapui:items-center mapui:gap-2", children: [
+              /* @__PURE__ */ s(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: e,
+                  onChange: () => v(a.id),
+                  className: "mapui:h-4 mapui:w-4 mapui:cursor-pointer mapui:accent-blue-600"
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: "mapui:text-sm mapui:text-gray-800", children: a.label })
+            ] })
+          ]
+        },
+        a.id
+      );
+    }) })
+  ] });
+}
+export {
+  w as L
+};

package/dist/Legend-D4cc1JzQ.js

@@ -0,0 +1,94 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+function t(i) {
+  switch (i.type) {
+    case "fill":
+      return i.paint["fill-color"];
+    case "line":
+      return i.paint["line-color"];
+    case "circle":
+      return i.paint["circle-color"];
+  }
+}
+function o(i) {
+  switch (i.type) {
+    case "fill":
+      return "square";
+    case "line":
+      return "line";
+    case "circle":
+      return "circle";
+  }
+}
+function d(i) {
+  return i.style ? [
+    {
+      label: i.label,
+      color: t(i.style),
+      shape: o(i.style)
+    }
+  ] : null;
+}
+function s({ color: i, shape: p }) {
+  const n = p ?? "square";
+  return n === "circle" ? /* @__PURE__ */ e(
+    "span",
+    {
+      className: "mapui:inline-block mapui:h-3 mapui:w-3 mapui:rounded-full mapui:shrink-0",
+      style: { backgroundColor: i }
+    }
+  ) : n === "line" ? /* @__PURE__ */ e(
+    "span",
+    {
+      className: "mapui:inline-block mapui:h-0.5 mapui:w-4 mapui:rounded-full mapui:shrink-0",
+      style: { backgroundColor: i }
+    }
+  ) : /* @__PURE__ */ e(
+    "span",
+    {
+      className: "mapui:inline-block mapui:h-3 mapui:w-3 mapui:rounded-sm mapui:shrink-0",
+      style: { backgroundColor: i }
+    }
+  );
+}
+function g({ layers: i, visibleLayerIds: p, className: n }) {
+  const r = i.filter((a) => p.includes(a.id)).map((a) => {
+    var u;
+    const l = ((u = a.legend) == null ? void 0 : u.entries) ?? d(a);
+    return l ? { layer: a, entries: l } : null;
+  }).filter(Boolean);
+  return r.length === 0 ? null : /* @__PURE__ */ m(
+    "div",
+    {
+      className: `mapui:rounded-lg mapui:bg-white mapui:p-3 mapui:shadow-md mapui:text-sm${n ? ` ${n}` : ""}`,
+      children: [
+        /* @__PURE__ */ e("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-xs mapui:font-semibold mapui:uppercase mapui:tracking-wide mapui:text-gray-500", children: "Legend" }),
+        /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:space-y-2 mapui:p-0", children: r.map(({ layer: a, entries: l }) => /* @__PURE__ */ e("li", { children: l.length === 1 ? /* @__PURE__ */ m("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
+          /* @__PURE__ */ e(
+            s,
+            {
+              color: l[0].color,
+              shape: l[0].shape
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "mapui:text-gray-700", children: l[0].label })
+        ] }) : /* @__PURE__ */ m("div", { children: [
+          /* @__PURE__ */ e("div", { className: "mapui:mb-1 mapui:text-xs mapui:font-medium mapui:text-gray-600", children: a.label }),
+          /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:space-y-1 mapui:p-0 mapui:pl-1", children: l.map((u, c) => /* @__PURE__ */ m(
+            "li",
+            {
+              className: "mapui:flex mapui:items-center mapui:gap-2",
+              children: [
+                /* @__PURE__ */ e(s, { color: u.color, shape: u.shape }),
+                /* @__PURE__ */ e("span", { className: "mapui:text-gray-700", children: u.label })
+              ]
+            },
+            `${u.label}-${c}`
+          )) })
+        ] }) }, a.id)) })
+      ]
+    }
+  );
+}
+export {
+  g as L
+};

package/dist/SearchPanel-CFVQV6JJ.js

@@ -0,0 +1,135 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useMemo as x, useState as C, useEffect as Q, useCallback as l } from "react";
+import { b as $ } from "./ogcApi-BuXSs9i0.js";
+function E({
+  layers: c,
+  sources: d = [],
+  activeFilters: g,
+  onFilterChange: s,
+  onClearFilters: y,
+  className: b = ""
+}) {
+  const o = x(
+    () => c.filter((e) => {
+      var i;
+      return (i = e.search) == null ? void 0 : i.fields.length;
+    }),
+    [c]
+  ), [f, v] = C({}), N = x(
+    () => o.map((e) => e.id).join(","),
+    [o]
+  );
+  Q(() => {
+    o.forEach(async (e) => {
+      var a;
+      const i = d.find((p) => p.id === e.sourceId);
+      if (!i) return;
+      if ((a = e.search) == null ? void 0 : a.fields.some(
+        (p) => p.type === "select" && (!p.options || p.options.length === 0)
+      ))
+        try {
+          const p = await $(i.url, e.collection);
+          v((m) => ({
+            ...m,
+            [e.id]: p.properties
+          }));
+        } catch (p) {
+          console.error(`Failed to fetch queryables for layer ${e.id}`, p);
+        }
+    });
+  }, [N, o, d]);
+  const h = l(
+    (e, i, t) => {
+      s(e, i, t || void 0);
+    },
+    [s]
+  ), S = l(
+    (e, i, t) => {
+      s(e, i, t === "" ? void 0 : Number(t));
+    },
+    [s]
+  ), j = l(
+    (e, i, t) => {
+      s(e, i, t || void 0);
+    },
+    [s]
+  );
+  return o.length === 0 ? /* @__PURE__ */ n("div", { className: `mapui:flex mapui:flex-col mapui:gap-1 ${b}`.trim(), children: [
+    /* @__PURE__ */ r("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Search & Filter" }),
+    /* @__PURE__ */ r("p", { className: "mapui:m-0 mapui:text-xs mapui:text-gray-500", children: "No searchable layers configured." })
+  ] }) : /* @__PURE__ */ n("div", { className: `mapui:flex mapui:flex-col mapui:gap-3 ${b}`.trim(), children: [
+    /* @__PURE__ */ r("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Search & Filter" }),
+    o.map((e) => {
+      const i = g[e.id] ?? {}, t = Object.values(i).some((a) => a !== void 0);
+      return /* @__PURE__ */ n("div", { className: "mapui:flex mapui:flex-col mapui:gap-2 mapui:border-b mapui:border-gray-100 mapui:pb-2 last:mapui:border-0", children: [
+        /* @__PURE__ */ n("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
+          /* @__PURE__ */ r("span", { className: "mapui:text-xs mapui:font-medium mapui:text-gray-600", children: e.label }),
+          t && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              onClick: () => y(e.id),
+              className: "mapui:cursor-pointer mapui:border-none mapui:bg-transparent mapui:p-0 mapui:text-xs mapui:text-blue-600 hover:mapui:text-blue-800",
+              children: "Clear"
+            }
+          )
+        ] }),
+        e.search.fields.map((a) => {
+          const p = i[a.property];
+          let m = a.options;
+          if (a.type === "select" && (!m || m.length === 0)) {
+            const u = f[e.id];
+            u && u[a.property] && (m = u[a.property].enum);
+          }
+          return /* @__PURE__ */ n("div", { className: "mapui:flex mapui:flex-col mapui:gap-0.5", children: [
+            /* @__PURE__ */ r("label", { className: "mapui:text-xs mapui:text-gray-500", children: a.label }),
+            a.type === "text" && /* @__PURE__ */ r(
+              "input",
+              {
+                type: "text",
+                value: p ?? "",
+                placeholder: a.placeholder ?? "",
+                onChange: (u) => h(e.id, a.property, u.target.value),
+                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
+              }
+            ),
+            a.type === "number" && /* @__PURE__ */ r(
+              "input",
+              {
+                type: "number",
+                value: p ?? "",
+                placeholder: a.placeholder ?? "",
+                onChange: (u) => S(e.id, a.property, u.target.value),
+                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
+              }
+            ),
+            a.type === "datetime" && /* @__PURE__ */ r(
+              "input",
+              {
+                type: "datetime-local",
+                value: p ?? "",
+                onChange: (u) => h(e.id, a.property, u.target.value),
+                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
+              }
+            ),
+            a.type === "select" && /* @__PURE__ */ n(
+              "select",
+              {
+                value: p ?? "",
+                onChange: (u) => j(e.id, a.property, u.target.value),
+                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500",
+                children: [
+                  /* @__PURE__ */ r("option", { value: "", children: a.placeholder ?? "Select..." }),
+                  m == null ? void 0 : m.map((u) => /* @__PURE__ */ r("option", { value: u, children: u }, u))
+                ]
+              }
+            )
+          ] }, a.property);
+        })
+      ] }, e.id);
+    })
+  ] });
+}
+export {
+  E as S
+};

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

@@ -0,0 +1,2 @@
+export * from '../../src/components/BasemapSwitcher/index'
+export {}

package/dist/components/BasemapSwitcher/index.js

@@ -0,0 +1,4 @@
+import { B as r } from "../../BasemapSwitcher-BW7lyZ2Y.js";
+export {
+  r as BasemapSwitcher
+};

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

@@ -0,0 +1,2 @@
+export * from '../../src/components/CollapsibleControl/index'
+export {}

package/dist/components/CollapsibleControl/index.js

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

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

@@ -0,0 +1,2 @@
+export * from '../../src/components/CoordinateDisplay/index'
+export {}

package/dist/components/CoordinateDisplay/index.js

@@ -0,0 +1,6 @@
+import { C as r, f, a as m } from "../../CoordinateDisplay-PxPmVjpm.js";
+export {
+  r as CoordinateDisplay,
+  f as formatDMS,
+  m as formatDecimal
+};

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

@@ -0,0 +1,2 @@
+export * from '../../src/components/LayerPanel/index'
+export {}

package/dist/components/LayerPanel/index.js

@@ -0,0 +1,4 @@
+import { L as r } from "../../LayerPanel-K00X2QUj.js";
+export {
+  r as LayerPanel
+};

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

@@ -0,0 +1,2 @@
+export * from '../../src/components/Legend/index'
+export {}

package/dist/components/Legend/index.js

@@ -0,0 +1,4 @@
+import { L as r } from "../../Legend-D4cc1JzQ.js";
+export {
+  r as Legend
+};

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

@@ -0,0 +1,2 @@
+export * from '../../src/components/SearchPanel/index'
+export {}

package/dist/components/SearchPanel/index.js

@@ -0,0 +1,4 @@
+import { S as r } from "../../SearchPanel-CFVQV6JJ.js";
+export {
+  r as SearchPanel
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/hooks/index'
+export {}

package/dist/hooks/index.js

@@ -0,0 +1,12 @@
+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";
+export {
+  l as fetchCollections,
+  o as fetchFeatures,
+  c as fetchQueryables,
+  f as getFilteredVectorTileUrl,
+  g as getTileJsonUrl,
+  i as getVectorTileUrl,
+  t as useOgcCollections,
+  a as useOgcFeatures
+};

package/dist/main.d.ts

@@ -0,0 +1,2 @@
+export * from './src/main'
+export {}

package/dist/main.js

@@ -0,0 +1,47 @@
+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,
+  o as BasemapSwitcher,
+  b as CirclePaintSchema,
+  B 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,
+  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
+};

package/dist/ogcApi-BuXSs9i0.js

@@ -0,0 +1,48 @@
+function c(t) {
+  return t.endsWith("/") ? t.slice(0, -1) : t;
+}
+async function f(t) {
+  const n = await fetch(t);
+  if (!n.ok)
+    throw new Error(`OGC API request failed: ${n.status} ${n.statusText} (${t})`);
+  return n.json();
+}
+async function u(t) {
+  const n = `${c(t)}/collections?f=json`;
+  return (await f(n)).collections;
+}
+async function b(t, n, e = {}) {
+  var r;
+  const o = c(t), s = new URLSearchParams({ f: "geojson" });
+  if (e.limit != null && s.set("limit", String(e.limit)), e.offset != null && s.set("offset", String(e.offset)), e.bbox && s.set("bbox", e.bbox.join(",")), (r = e.properties) != null && r.length && s.set("properties", e.properties.join(",")), e.datetime && s.set("datetime", e.datetime), e.filter)
+    for (const [i, l] of Object.entries(e.filter))
+      s.set(i, String(l));
+  const a = `${o}/collections/${encodeURIComponent(n)}/items?${s}`;
+  return f(a);
+}
+async function d(t, n) {
+  const o = `${c(t)}/collections/${encodeURIComponent(n)}/queryables?f=json`;
+  return f(o);
+}
+function $(t, n, e = "WebMercatorQuad") {
+  return `${c(t)}/collections/${encodeURIComponent(n)}/tiles/${encodeURIComponent(e)}/tilejson.json`;
+}
+function m(t, n, e = "WebMercatorQuad") {
+  return `${c(t)}/collections/${encodeURIComponent(n)}/tiles/${encodeURIComponent(e)}/{z}/{x}/{y}`;
+}
+function U(t, n, e, o = "WebMercatorQuad") {
+  const a = `${c(t)}/collections/${encodeURIComponent(n)}/tiles/${encodeURIComponent(o)}/{z}/{x}/{y}`;
+  if (!e || Object.keys(e).length === 0) return a;
+  const r = new URLSearchParams();
+  for (const [i, l] of Object.entries(e))
+    r.set(i, String(l));
+  return `${a}?${r}`;
+}
+export {
+  b as a,
+  d as b,
+  $ as c,
+  m as d,
+  u as f,
+  U as g
+};

package/dist/schemas/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/schemas/index'
+export {}