@ogc-maps/storybook-components 0.5.1 → 0.5.2

package/dist/main.js

@@ -1,18 +1,18 @@
-import { B as He } from "./BasemapSwitcher-BW7lyZ2Y.js";
-import { C as Ze } from "./CollapsibleControl-VFUTWb_5.js";
-import { C as Xe, f as ea, a as aa } from "./CoordinateDisplay-PxPmVjpm.js";
-import { E as ta } from "./ExportButton-CLsWoW4m.js";
-import { F as ra } from "./FeatureDetailPanel-CkFpdEKW.js";
-import { F as ua } from "./FeatureTooltip-Db1LgLQV.js";
-import { L as na } from "./LayerPanel-SCdJ8948.js";
+import { B as Ke } from "./BasemapSwitcher-BW7lyZ2Y.js";
+import { C as Ye } from "./CollapsibleControl-VFUTWb_5.js";
+import { C as ea, f as aa, a as ia } from "./CoordinateDisplay-PxPmVjpm.js";
+import { E as pa } from "./ExportButton-CLsWoW4m.js";
+import { F as la } from "./FeatureDetailPanel-CkFpdEKW.js";
+import { F as ma } from "./FeatureTooltip-Db1LgLQV.js";
+import { L as oa } from "./LayerPanel-SCdJ8948.js";
 import { L as sa } from "./Legend-BMrkY-rw.js";
-import { S as da } from "./SearchPanel-DCY01Wa-.js";
+import { S as ha } from "./SearchPanel-DCY01Wa-.js";
 import { jsxs as t, jsx as e, Fragment as E } from "react/jsx-runtime";
-import { useState as w, useRef as X, useEffect as ee } from "react";
-import { I as le, j as he, i as ue, K as be } from "./cql2-Dhe6Ny6v.js";
-import { a as ba, b as ga, L as xa, e as fa, M as ya, f as Na, c as va, d as wa, g as Ca, h as ka, k as Sa, l as La, m as Fa, n as Da, o as Ea, p as Ta, q as Ma, r as Ia, s as ja, t as Aa, u as Oa, v as Pa, w as $a, x as Ba, y as qa, z as Ra, A as Ua, B as Va, C as Ga, D as _a, E as Qa, F as za, G as Wa, H as Ja, J as Ha } from "./cql2-Dhe6Ny6v.js";
-import { s as ge } from "./index-Bw9lUiuL.js";
-import { B as Za, C as Ya, a as Xa, D as ei, F as ai, b as ii, c as ti, L as pi, d as ri, e as li, f as ui, g as mi, M as ni, N as oi, O as si, P as ci, h as di, S as hi, i as bi, j as gi, k as xi, T as fi, U as yi, V as Ni, v as vi } from "./index-Bw9lUiuL.js";
+import { useState as w, useEffect as J, useRef as ee } from "react";
+import { I as ue, j as be, i as me, K as ge } from "./cql2-Dhe6Ny6v.js";
+import { a as ga, b as xa, L as fa, e as ya, M as Na, f as va, c as wa, d as Ca, g as ka, h as Sa, k as La, l as Fa, m as Da, n as Ea, o as Ta, p as Ma, q as Ia, r as ja, s as Aa, t as Oa, u as Pa, v as $a, w as Ba, x as Ra, y as qa, z as Ua, A as Va, B as Ga, C as _a, D as Qa, E as za, F as Wa, G as Ja, H as Ha, J as Ka } from "./cql2-Dhe6Ny6v.js";
+import { s as xe } from "./index-Bw9lUiuL.js";
+import { B as Ya, C as Xa, a as ei, D as ai, F as ii, b as ti, c as pi, L as ri, d as li, e as ui, f as mi, g as ni, M as oi, N as ci, O as si, P as di, h as hi, S as bi, i as gi, j as xi, k as fi, T as yi, U as Ni, V as vi, v as wi } from "./index-Bw9lUiuL.js";
 import './style.css';function x({ label: a, error: i, required: p, htmlFor: r, children: m }) {
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: [
     /* @__PURE__ */ t("label", { htmlFor: r, className: "mapui:text-xs mapui:font-medium mapui:text-gray-700", children: [
@@ -38,7 +38,7 @@ function A({ value: a, onChange: i, label: p }) {
     /* @__PURE__ */ e("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-600", children: a })
   ] });
 }
-function H({
+function K({
   open: a,
   title: i,
   description: p,
@@ -102,14 +102,14 @@ function ae({
   testStatus: r = "idle",
   testError: m
 }) {
-  const u = (g) => i({ ...a, ...g });
+  const u = (l) => i({ ...a, ...l });
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ e(x, { label: "ID", required: !0, children: /* @__PURE__ */ e(
       "input",
       {
         type: "text",
         value: a.id,
-        onChange: (g) => u({ id: g.target.value }),
+        onChange: (l) => u({ id: l.target.value }),
         placeholder: "my-source",
         className: U
       }
@@ -121,7 +121,7 @@ function ae({
           {
             type: "url",
             value: a.url,
-            onChange: (g) => u({ url: g.target.value }),
+            onChange: (l) => u({ url: l.target.value }),
             placeholder: "https://example.com/ogcapi",
             className: `${U} mapui:flex-1`
           }
@@ -145,7 +145,7 @@ function ae({
       {
         type: "text",
         value: a.label ?? "",
-        onChange: (g) => u({ label: g.target.value || void 0 }),
+        onChange: (l) => u({ label: l.target.value || void 0 }),
         placeholder: "My OGC API Source",
         className: U
       }
@@ -155,7 +155,7 @@ function ae({
       {
         type: "text",
         value: a.tileMatrixSetId ?? "WebMercatorQuad",
-        onChange: (g) => u({ tileMatrixSetId: g.target.value || void 0 }),
+        onChange: (l) => u({ tileMatrixSetId: l.target.value || void 0 }),
         placeholder: "WebMercatorQuad",
         className: U
       }
@@ -168,19 +168,19 @@ const _ = () => ({
   label: void 0,
   tileMatrixSetId: "WebMercatorQuad"
 });
-function Be({ sources: a, onChange: i }) {
-  const [p, r] = w(null), [m, u] = w(null), [g, n] = w(!1), [l, N] = w(_()), [h, c] = w({}), [C, o] = w({}), [b, y] = w(null), D = async (f, S) => {
-    c((L) => ({ ...L, [f]: "loading" }));
+function Re({ sources: a, onChange: i }) {
+  const [p, r] = w(null), [m, u] = w(null), [l, n] = w(!1), [d, v] = w(_()), [g, b] = w({}), [C, o] = w({}), [h, y] = w(null), D = async (f, S) => {
+    b((L) => ({ ...L, [f]: "loading" }));
     try {
       const L = await fetch(`${S}/conformance`);
-      L.ok ? c((k) => ({ ...k, [f]: "success" })) : (c((k) => ({ ...k, [f]: "error" })), o((k) => ({ ...k, [f]: `HTTP ${L.status}` })));
+      L.ok ? b((k) => ({ ...k, [f]: "success" })) : (b((k) => ({ ...k, [f]: "error" })), o((k) => ({ ...k, [f]: `HTTP ${L.status}` })));
     } catch (L) {
-      c((k) => ({ ...k, [f]: "error" })), o((k) => ({ ...k, [f]: L instanceof Error ? L.message : "Network error" }));
+      b((k) => ({ ...k, [f]: "error" })), o((k) => ({ ...k, [f]: L instanceof Error ? L.message : "Network error" }));
     }
-  }, s = () => {
+  }, c = () => {
     m && (i(a.map((f) => f.id === p ? m : f)), r(null), u(null));
   }, T = () => {
-    i([...a, l]), n(!1), N(_());
+    i([...a, d]), n(!1), v(_());
   }, M = (f) => {
     i(a.filter((S) => S.id !== f)), y(null);
   };
@@ -192,14 +192,14 @@ function Be({ sources: a, onChange: i }) {
         {
           type: "button",
           onClick: () => {
-            n(!0), N(_());
+            n(!0), v(_());
           },
           className: "mapui:cursor-pointer mapui:rounded mapui:bg-blue-600 mapui:px-3 mapui:py-1 mapui:text-xs mapui:font-medium mapui:text-white hover:mapui:bg-blue-700",
           children: "+ Add Source"
         }
       )
     ] }),
-    a.length === 0 && !g && /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No sources configured." }),
+    a.length === 0 && !l && /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No sources configured." }),
     /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: a.map((f) => /* @__PURE__ */ e(
       "li",
       {
@@ -211,7 +211,7 @@ function Be({ sources: a, onChange: i }) {
               value: m ?? f,
               onChange: u,
               onTestConnection: (S) => D(`edit-${f.id}`, S),
-              testStatus: h[`edit-${f.id}`],
+              testStatus: g[`edit-${f.id}`],
               testError: C[`edit-${f.id}`]
             }
           ),
@@ -220,7 +220,7 @@ function Be({ sources: a, onChange: i }) {
               "button",
               {
                 type: "button",
-                onClick: s,
+                onClick: c,
                 disabled: !(m != null && m.id) || !(m != null && m.url),
                 className: "mapui:cursor-pointer mapui:rounded mapui:bg-blue-600 mapui:px-3 mapui:py-1 mapui:text-xs mapui:font-medium mapui:text-white hover:mapui:bg-blue-700 disabled:mapui:cursor-not-allowed disabled:mapui:opacity-50",
                 children: "Save"
@@ -273,15 +273,15 @@ function Be({ sources: a, onChange: i }) {
       },
       f.id
     )) }),
-    g && /* @__PURE__ */ t("div", { className: "mapui:rounded-lg mapui:border mapui:border-blue-200 mapui:bg-blue-50 mapui:p-3", children: [
+    l && /* @__PURE__ */ t("div", { className: "mapui:rounded-lg mapui:border mapui:border-blue-200 mapui:bg-blue-50 mapui:p-3", children: [
       /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:mb-3 mapui:text-xs mapui:font-semibold mapui:text-blue-700", children: "New Source" }),
       /* @__PURE__ */ e(
         ae,
         {
-          value: l,
-          onChange: N,
+          value: d,
+          onChange: v,
           onTestConnection: (f) => D("new", f),
-          testStatus: h.new,
+          testStatus: g.new,
           testError: C.new
         }
       ),
@@ -291,7 +291,7 @@ function Be({ sources: a, onChange: i }) {
           {
             type: "button",
             onClick: T,
-            disabled: !l.id || !l.url,
+            disabled: !d.id || !d.url,
             className: "mapui:cursor-pointer mapui:rounded mapui:bg-blue-600 mapui:px-3 mapui:py-1 mapui:text-xs mapui:font-medium mapui:text-white hover:mapui:bg-blue-700 disabled:mapui:cursor-not-allowed disabled:mapui:opacity-50",
             children: "Save"
           }
@@ -308,12 +308,12 @@ function Be({ sources: a, onChange: i }) {
       ] })
     ] }),
     /* @__PURE__ */ e(
-      H,
+      K,
       {
-        open: b !== null,
+        open: h !== null,
         title: "Remove Source",
         description: "Are you sure you want to remove this source? Any layers using it will be affected.",
-        onConfirm: () => b && M(b),
+        onConfirm: () => h && M(h),
         onCancel: () => y(null)
       }
     )
@@ -325,15 +325,15 @@ function qe({
   onSelect: p,
   onDeselect: r
 }) {
-  const { collections: m, loading: u, error: g } = le(a || null);
+  const { collections: m, loading: u, error: l } = ue(a || null);
   return u ? /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:gap-2 mapui:py-4 mapui:text-sm mapui:text-gray-500", children: [
     /* @__PURE__ */ e("span", { className: "mapui:inline-block mapui:h-4 mapui:w-4 mapui:animate-spin mapui:rounded-full mapui:border-2 mapui:border-gray-300 mapui:border-t-blue-600" }),
     "Loading collections…"
-  ] }) : g ? /* @__PURE__ */ t("div", { className: "mapui:rounded mapui:bg-red-50 mapui:p-3 mapui:text-sm mapui:text-red-700", children: [
+  ] }) : l ? /* @__PURE__ */ t("div", { className: "mapui:rounded mapui:bg-red-50 mapui:p-3 mapui:text-sm mapui:text-red-700", children: [
     "Failed to load collections: ",
-    g.message
+    l.message
   ] }) : m.length === 0 ? /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No collections found at this source." }) : /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-1 mapui:p-0", children: m.map((n) => {
-    const l = i.includes(n.id);
+    const d = i.includes(n.id);
     return /* @__PURE__ */ t(
       "li",
       {
@@ -344,8 +344,8 @@ function qe({
             {
               type: "checkbox",
               id: `collection-${n.id}`,
-              checked: l,
-              onChange: () => l ? r(n.id) : p(n.id),
+              checked: d,
+              onChange: () => d ? r(n.id) : p(n.id),
               className: "mapui:mt-0.5 mapui:h-4 mapui:w-4 mapui:cursor-pointer mapui:accent-blue-600"
             }
           ),
@@ -367,17 +367,17 @@ function qe({
     );
   }) });
 }
-const J = {
+const H = {
   type: "fill",
   paint: { "fill-color": "#4a90d9", "fill-opacity": 0.6, "fill-outline-color": "transparent" }
-}, me = {
+}, ne = {
   type: "line",
   paint: { "line-color": "#2980b9", "line-width": 2, "line-opacity": 1 }
-}, ne = {
+}, oe = {
   type: "circle",
   paint: { "circle-color": "#e74c3c", "circle-radius": 5, "circle-opacity": 0.9 }
-}, q = "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";
-function xe({ style: a }) {
+}, R = "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";
+function fe({ style: a }) {
   return a.type === "fill" ? /* @__PURE__ */ e(
     "div",
     {
@@ -427,10 +427,10 @@ function xe({ style: a }) {
     }
   );
 }
-function fe({ value: a, onChange: i, suggestedType: p }) {
+function ye({ value: a, onChange: i, suggestedType: p }) {
   var m;
   const r = (u) => {
-    i(u === "fill" ? J : u === "line" ? me : ne);
+    i(u === "fill" ? H : u === "line" ? ne : oe);
   };
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     p && p !== a.type && /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:rounded mapui:border mapui:border-blue-200 mapui:bg-blue-50 mapui:px-3 mapui:py-2 mapui:text-sm mapui:text-blue-800", children: [
@@ -454,7 +454,7 @@ function fe({ value: a, onChange: i, suggestedType: p }) {
       {
         value: a.type,
         onChange: (u) => r(u.target.value),
-        className: q,
+        className: R,
         children: [
           /* @__PURE__ */ e("option", { value: "fill", children: "Fill" }),
           /* @__PURE__ */ e("option", { value: "line", children: "Line" }),
@@ -464,7 +464,7 @@ function fe({ value: a, onChange: i, suggestedType: p }) {
     ) }),
     /* @__PURE__ */ t("div", { className: "mapui:rounded mapui:border mapui:border-gray-100 mapui:p-2", children: [
       /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:mb-1 mapui:text-xs mapui:text-gray-500", children: "Preview" }),
-      /* @__PURE__ */ e(xe, { style: a })
+      /* @__PURE__ */ e(fe, { style: a })
     ] }),
     a.type === "fill" && /* @__PURE__ */ t(E, { children: [
       /* @__PURE__ */ e(x, { label: "Fill Color", children: /* @__PURE__ */ e(
@@ -542,7 +542,7 @@ function fe({ value: a, onChange: i, suggestedType: p }) {
             ...a,
             paint: { ...a.paint, "line-width": parseFloat(u.target.value) || 0 }
           }),
-          className: q
+          className: R
         }
       ) }),
       /* @__PURE__ */ e(x, { label: "Line Opacity", children: /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
@@ -569,14 +569,14 @@ function fe({ value: a, onChange: i, suggestedType: p }) {
           type: "text",
           value: ((m = a.paint["line-dasharray"]) == null ? void 0 : m.join(", ")) ?? "",
           onChange: (u) => {
-            const g = u.target.value.trim(), n = g ? g.split(",").map((l) => parseFloat(l.trim())).filter((l) => !isNaN(l)) : void 0;
+            const l = u.target.value.trim(), n = l ? l.split(",").map((d) => parseFloat(d.trim())).filter((d) => !isNaN(d)) : void 0;
             i({
               ...a,
               paint: { ...a.paint, "line-dasharray": n }
             });
           },
           placeholder: "e.g. 2, 4",
-          className: q
+          className: R
         }
       ) })
     ] }),
@@ -603,7 +603,7 @@ function fe({ value: a, onChange: i, suggestedType: p }) {
               "circle-radius": parseFloat(u.target.value) || 0
             }
           }),
-          className: q
+          className: R
         }
       ) }),
       /* @__PURE__ */ e(x, { label: "Circle Opacity", children: /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
@@ -670,14 +670,14 @@ function fe({ value: a, onChange: i, suggestedType: p }) {
               "circle-stroke-width": parseFloat(u.target.value) || 0
             }
           }),
-          className: q
+          className: R
         }
       ) })
     ] })
   ] });
 }
 const ie = "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";
-function ye({ value: a, onChange: i }) {
+function Ne({ value: a, onChange: i }) {
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
     /* @__PURE__ */ e(x, { label: "Label", children: /* @__PURE__ */ e(
       "input",
@@ -713,16 +713,16 @@ function ye({ value: a, onChange: i }) {
   ] });
 }
 const te = () => ({ label: "", color: "#4a90d9", shape: "square" });
-function Ne({ value: a, onChange: i }) {
+function ve({ value: a, onChange: i }) {
   const p = (a == null ? void 0 : a.entries) ?? [], r = () => {
     i({ entries: [...p, te()] });
-  }, m = (n, l) => {
-    const N = p.map((h, c) => c === n ? l : h);
-    i({ entries: N });
+  }, m = (n, d) => {
+    const v = p.map((g, b) => b === n ? d : g);
+    i({ entries: v });
   }, u = (n) => {
-    const l = p.filter((N, h) => h !== n);
-    i(l.length > 0 ? { entries: l } : void 0);
-  }, g = (n) => {
+    const d = p.filter((v, g) => g !== n);
+    i(d.length > 0 ? { entries: d } : void 0);
+  }, l = (n) => {
     i(n ? { entries: [te()] } : void 0);
   };
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
@@ -733,14 +733,14 @@ function Ne({ value: a, onChange: i }) {
           type: "checkbox",
           id: "legend-enabled",
           checked: a !== void 0,
-          onChange: (n) => g(n.target.checked),
+          onChange: (n) => l(n.target.checked),
           className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
         }
       ),
       /* @__PURE__ */ e("label", { htmlFor: "legend-enabled", className: "mapui:text-sm mapui:font-medium mapui:text-gray-700", children: "Enable Legend" })
     ] }),
     a !== void 0 && /* @__PURE__ */ t(E, { children: [
-      /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: p.map((n, l) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: p.map((n, d) => /* @__PURE__ */ t(
         "li",
         {
           className: "mapui:rounded mapui:border mapui:border-gray-200 mapui:p-3",
@@ -748,28 +748,28 @@ function Ne({ value: a, onChange: i }) {
             /* @__PURE__ */ t("div", { className: "mapui:mb-2 mapui:flex mapui:items-center mapui:justify-between", children: [
               /* @__PURE__ */ t("span", { className: "mapui:text-xs mapui:font-medium mapui:text-gray-600", children: [
                 "Entry ",
-                l + 1
+                d + 1
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: () => u(l),
+                  onClick: () => u(d),
                   className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-red-200 mapui:bg-white mapui:px-2 mapui:py-0.5 mapui:text-xs mapui:text-red-600 hover:mapui:bg-red-50",
                   children: "Remove"
                 }
               )
             ] }),
             /* @__PURE__ */ e(
-              ye,
+              Ne,
               {
                 value: n,
-                onChange: (N) => m(l, N)
+                onChange: (v) => m(d, v)
               }
             )
           ]
         },
-        l
+        d
       )) }),
       /* @__PURE__ */ e(
         "button",
@@ -783,16 +783,39 @@ function Ne({ value: a, onChange: i }) {
     ] })
   ] });
 }
-const F = "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", ve = {
+function pe({
+  options: a,
+  onChange: i,
+  placeholder: p,
+  className: r
+}) {
+  const [m, u] = w(() => (a == null ? void 0 : a.join(", ")) ?? "");
+  return J(() => {
+    u((a == null ? void 0 : a.join(", ")) ?? "");
+  }, [a == null ? void 0 : a.join(",")]), /* @__PURE__ */ e(
+    "input",
+    {
+      type: "text",
+      value: m,
+      onChange: (n) => u(n.target.value),
+      onBlur: () => {
+        const n = m.trim(), d = n ? n.split(",").map((v) => v.trim()).filter(Boolean) : void 0;
+        i(d), u((d == null ? void 0 : d.join(", ")) ?? "");
+      },
+      placeholder: p,
+      className: r
+    }
+  );
+}
+const F = "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", we = {
   text: { type: "text", property: "", label: "", autocomplete: !1 },
   number: { type: "number", property: "", label: "", inputMode: "input", operator: "eq" },
   datetime: { type: "datetime", property: "", label: "", range: !1 },
   select: { type: "select", property: "", label: "" }
 };
-function we({ value: a, onChange: i, availableProperties: p }) {
-  var g, n;
+function Ce({ value: a, onChange: i, availableProperties: p }) {
   const r = (l) => {
-    i({ ...ve[l], property: a.property, label: a.label });
+    i({ ...we[l], property: a.property, label: a.label });
   }, m = (l) => i({ ...a, ...l }), u = p && p.length > 0;
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ e(x, { label: "Field Type", children: /* @__PURE__ */ t(
@@ -878,14 +901,10 @@ function we({ value: a, onChange: i, availableProperties: p }) {
         /* @__PURE__ */ e("label", { htmlFor: "text-prefetch", className: "mapui:text-sm mapui:text-gray-700", children: "Prefetch Options" })
       ] }),
       /* @__PURE__ */ e(x, { label: "Static Options (comma-separated)", children: /* @__PURE__ */ e(
-        "input",
+        pe,
         {
-          type: "text",
-          value: ((g = a.options) == null ? void 0 : g.join(", ")) ?? "",
-          onChange: (l) => {
-            const N = l.target.value.trim(), h = N ? N.split(",").map((c) => c.trim()).filter(Boolean) : void 0;
-            i({ ...a, options: h });
-          },
+          options: a.options,
+          onChange: (l) => i({ ...a, options: l }),
           placeholder: "option1, option2",
           className: F
         }
@@ -993,14 +1012,10 @@ function we({ value: a, onChange: i, availableProperties: p }) {
         /* @__PURE__ */ e("label", { htmlFor: "select-prefetch", className: "mapui:text-sm mapui:text-gray-700", children: "Prefetch Options" })
       ] }),
       /* @__PURE__ */ e(x, { label: "Static Options (comma-separated)", children: /* @__PURE__ */ e(
-        "input",
+        pe,
         {
-          type: "text",
-          value: ((n = a.options) == null ? void 0 : n.join(", ")) ?? "",
-          onChange: (l) => {
-            const N = l.target.value.trim(), h = N ? N.split(",").map((c) => c.trim()).filter(Boolean) : void 0;
-            i({ ...a, options: h });
-          },
+          options: a.options,
+          onChange: (l) => i({ ...a, options: l }),
           placeholder: "option1, option2",
           className: F
         }
@@ -1008,40 +1023,40 @@ function we({ value: a, onChange: i, availableProperties: p }) {
     ] })
   ] });
 }
-const Ce = () => ({
+const ke = () => ({
   type: "text",
   property: "",
   label: "",
   autocomplete: !1
 });
-function ke({ fields: a, onChange: i, availableProperties: p }) {
+function Se({ fields: a, onChange: i, availableProperties: p }) {
   const [r, m] = w(null), u = () => {
-    const h = [...a, Ce()];
-    i(h), m(h.length - 1);
-  }, g = (h, c) => {
-    i(a.map((C, o) => o === h ? c : C));
-  }, n = (h) => {
-    i(a.filter((c, C) => C !== h)), m(null);
-  }, l = (h) => {
-    if (h === 0) return;
-    const c = [...a];
-    [c[h - 1], c[h]] = [c[h], c[h - 1]], i(c), m(h - 1);
-  }, N = (h) => {
-    if (h === a.length - 1) return;
-    const c = [...a];
-    [c[h], c[h + 1]] = [c[h + 1], c[h]], i(c), m(h + 1);
+    const g = [...a, ke()];
+    i(g), m(g.length - 1);
+  }, l = (g, b) => {
+    i(a.map((C, o) => o === g ? b : C));
+  }, n = (g) => {
+    i(a.filter((b, C) => C !== g)), m(null);
+  }, d = (g) => {
+    if (g === 0) return;
+    const b = [...a];
+    [b[g - 1], b[g]] = [b[g], b[g - 1]], i(b), m(g - 1);
+  }, v = (g) => {
+    if (g === a.length - 1) return;
+    const b = [...a];
+    [b[g], b[g + 1]] = [b[g + 1], b[g]], i(b), m(g + 1);
   };
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
     a.length === 0 && /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No search fields configured." }),
-    /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: a.map((h, c) => /* @__PURE__ */ t("li", { className: "mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white", children: [
+    /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: a.map((g, b) => /* @__PURE__ */ t("li", { className: "mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white", children: [
       /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:gap-1 mapui:px-3 mapui:py-2", children: [
         /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-0.5", children: [
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: () => l(c),
-              disabled: c === 0,
+              onClick: () => d(b),
+              disabled: b === 0,
               "aria-label": "Move up",
               className: "mapui:cursor-pointer mapui:rounded mapui:border-none mapui:bg-transparent mapui:px-1 mapui:text-xs mapui:text-gray-400 hover:mapui:text-gray-600 disabled:mapui:opacity-30",
               children: "▲"
@@ -1051,8 +1066,8 @@ function ke({ fields: a, onChange: i, availableProperties: p }) {
             "button",
             {
               type: "button",
-              onClick: () => N(c),
-              disabled: c === a.length - 1,
+              onClick: () => v(b),
+              disabled: b === a.length - 1,
               "aria-label": "Move down",
               className: "mapui:cursor-pointer mapui:rounded mapui:border-none mapui:bg-transparent mapui:px-1 mapui:text-xs mapui:text-gray-400 hover:mapui:text-gray-600 disabled:mapui:opacity-30",
               children: "▼"
@@ -1063,11 +1078,11 @@ function ke({ fields: a, onChange: i, availableProperties: p }) {
           "button",
           {
             type: "button",
-            onClick: () => m(r === c ? null : c),
+            onClick: () => m(r === b ? null : b),
             className: "mapui:flex-1 mapui:cursor-pointer mapui:border-none mapui:bg-transparent mapui:text-left mapui:text-sm mapui:font-medium mapui:text-gray-800",
             children: [
-              /* @__PURE__ */ e("span", { className: "mapui:mr-1 mapui:rounded mapui:bg-gray-100 mapui:px-1 mapui:py-0.5 mapui:text-xs mapui:font-mono mapui:text-gray-500", children: h.type }),
-              h.label || h.property || "Untitled field"
+              /* @__PURE__ */ e("span", { className: "mapui:mr-1 mapui:rounded mapui:bg-gray-100 mapui:px-1 mapui:py-0.5 mapui:text-xs mapui:font-mono mapui:text-gray-500", children: g.type }),
+              g.label || g.property || "Untitled field"
             ]
           }
         ),
@@ -1075,22 +1090,22 @@ function ke({ fields: a, onChange: i, availableProperties: p }) {
           "button",
           {
             type: "button",
-            onClick: () => n(c),
+            onClick: () => n(b),
             "aria-label": "Remove field",
             className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-red-200 mapui:bg-white mapui:px-2 mapui:py-0.5 mapui:text-xs mapui:text-red-600 hover:mapui:bg-red-50",
             children: "Remove"
           }
         )
       ] }),
-      r === c && /* @__PURE__ */ e("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ e(
-        we,
+      r === b && /* @__PURE__ */ e("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ e(
+        Ce,
         {
-          value: h,
-          onChange: (C) => g(c, C),
+          value: g,
+          onChange: (C) => l(b, C),
           availableProperties: p
         }
       ) })
-    ] }, c)) }),
+    ] }, b)) }),
     /* @__PURE__ */ e(
       "button",
       {
@@ -1102,14 +1117,14 @@ function ke({ fields: a, onChange: i, availableProperties: p }) {
     )
   ] });
 }
-function Se(a) {
+function Le(a) {
   return Object.entries(a).map(([i, p]) => ({
     key: i,
     label: p.label ?? "",
     visible: p.visible ?? !0
   }));
 }
-function Le(a) {
+function Fe(a) {
   const i = {};
   for (const p of a)
     i[p.key] = {
@@ -1119,29 +1134,29 @@ function Le(a) {
   return i;
 }
 const Q = "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";
-function Fe({ value: a, onChange: i, availableProperties: p }) {
-  const r = Se(a), m = p && p.length > 0, u = (o) => i(Le(o)), g = () => {
+function De({ value: a, onChange: i, availableProperties: p }) {
+  const r = Le(a), m = p && p.length > 0, u = (o) => i(Fe(o)), l = () => {
     u([...r, { key: "", label: "", visible: !0 }]);
   }, n = (o) => {
-    u(r.filter((b, y) => y !== o));
-  }, l = (o, b) => {
-    u(r.map((y, D) => D === o ? { ...y, ...b } : y));
-  }, N = (o, b) => {
-    const y = p == null ? void 0 : p.find((s) => s.name === b), D = (y == null ? void 0 : y.title) ?? r[o].label;
-    u(r.map((s, T) => T === o ? { ...s, key: b, label: D } : s));
-  }, h = (o) => {
+    u(r.filter((h, y) => y !== o));
+  }, d = (o, h) => {
+    u(r.map((y, D) => D === o ? { ...y, ...h } : y));
+  }, v = (o, h) => {
+    const y = p == null ? void 0 : p.find((c) => c.name === h), D = (y == null ? void 0 : y.title) ?? r[o].label;
+    u(r.map((c, T) => T === o ? { ...c, key: h, label: D } : c));
+  }, g = (o) => {
     if (o === 0) return;
-    const b = [...r];
-    [b[o - 1], b[o]] = [b[o], b[o - 1]], u(b);
-  }, c = (o) => {
+    const h = [...r];
+    [h[o - 1], h[o]] = [h[o], h[o - 1]], u(h);
+  }, b = (o) => {
     if (o === r.length - 1) return;
-    const b = [...r];
-    [b[o], b[o + 1]] = [b[o + 1], b[o]], u(b);
+    const h = [...r];
+    [h[o], h[o + 1]] = [h[o + 1], h[o]], u(h);
   }, C = () => {
     if (!p) return;
-    const o = p.map((b) => ({
-      key: b.name,
-      label: b.title ?? "",
+    const o = p.map((h) => ({
+      key: h.name,
+      label: h.title ?? "",
       visible: !0
     }));
     u(o);
@@ -1164,14 +1179,14 @@ function Fe({ value: a, onChange: i, availableProperties: p }) {
         /* @__PURE__ */ e(x, { label: "Display Label", children: /* @__PURE__ */ e("span", {}) }),
         /* @__PURE__ */ e("span", { className: "mapui:text-xs mapui:font-medium mapui:text-gray-600", children: "Visible" })
       ] }),
-      /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-1.5 mapui:p-0", children: r.map((o, b) => /* @__PURE__ */ t("li", { className: "mapui:flex mapui:items-center mapui:gap-1 mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:px-2 mapui:py-1.5", children: [
+      /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-1.5 mapui:p-0", children: r.map((o, h) => /* @__PURE__ */ t("li", { className: "mapui:flex mapui:items-center mapui:gap-1 mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:px-2 mapui:py-1.5", children: [
         /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-0.5", children: [
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: () => h(b),
-              disabled: b === 0,
+              onClick: () => g(h),
+              disabled: h === 0,
               "aria-label": "Move up",
               className: "mapui:cursor-pointer mapui:rounded mapui:border-none mapui:bg-transparent mapui:px-1 mapui:text-xs mapui:text-gray-400 hover:mapui:text-gray-600 disabled:mapui:opacity-30",
               children: "▲"
@@ -1181,8 +1196,8 @@ function Fe({ value: a, onChange: i, availableProperties: p }) {
             "button",
             {
               type: "button",
-              onClick: () => c(b),
-              disabled: b === r.length - 1,
+              onClick: () => b(h),
+              disabled: h === r.length - 1,
               "aria-label": "Move down",
               className: "mapui:cursor-pointer mapui:rounded mapui:border-none mapui:bg-transparent mapui:px-1 mapui:text-xs mapui:text-gray-400 hover:mapui:text-gray-600 disabled:mapui:opacity-30",
               children: "▼"
@@ -1194,7 +1209,7 @@ function Fe({ value: a, onChange: i, availableProperties: p }) {
             "select",
             {
               value: o.key,
-              onChange: (y) => N(b, y.target.value),
+              onChange: (y) => v(h, y.target.value),
               "aria-label": "Property key",
               className: Q,
               children: [
@@ -1207,7 +1222,7 @@ function Fe({ value: a, onChange: i, availableProperties: p }) {
             {
               type: "text",
               value: o.key,
-              onChange: (y) => l(b, { key: y.target.value }),
+              onChange: (y) => d(h, { key: y.target.value }),
               placeholder: "property_name",
               "aria-label": "Property key",
               className: Q
@@ -1218,7 +1233,7 @@ function Fe({ value: a, onChange: i, availableProperties: p }) {
             {
               type: "text",
               value: o.label,
-              onChange: (y) => l(b, { label: y.target.value }),
+              onChange: (y) => d(h, { label: y.target.value }),
               placeholder: "Friendly name",
               "aria-label": "Display label",
               className: Q
@@ -1229,7 +1244,7 @@ function Fe({ value: a, onChange: i, availableProperties: p }) {
             {
               type: "checkbox",
               checked: o.visible,
-              onChange: (y) => l(b, { visible: y.target.checked }),
+              onChange: (y) => d(h, { visible: y.target.checked }),
               "aria-label": "Visible",
               className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
             }
@@ -1238,48 +1253,48 @@ function Fe({ value: a, onChange: i, availableProperties: p }) {
             "button",
             {
               type: "button",
-              onClick: () => n(b),
+              onClick: () => n(h),
               "aria-label": "Remove property",
               className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-red-200 mapui:bg-white mapui:px-2 mapui:py-0.5 mapui:text-xs mapui:text-red-600 hover:mapui:bg-red-50",
               children: "Remove"
             }
           )
         ] })
-      ] }, b)) })
+      ] }, h)) })
     ] }),
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        onClick: g,
+        onClick: l,
         className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-dashed mapui:border-gray-300 mapui:px-3 mapui:py-2 mapui:text-sm mapui:text-gray-600 hover:mapui:border-blue-400 hover:mapui:text-blue-600",
         children: "+ Add Property"
       }
     )
   ] });
 }
-const oe = /geojson\.org\/schema\/(\w+)\.json/;
-function De(a) {
-  return !!a.$ref && oe.test(a.$ref);
-}
+const ce = /geojson\.org\/schema\/(\w+)\.json/;
 function Ee(a) {
-  const i = oe.exec(a);
+  return !!a.$ref && ce.test(a.$ref);
+}
+function Te(a) {
+  const i = ce.exec(a);
   return i ? i[1] : null;
 }
-function K(a) {
+function Z(a) {
   const i = a.toLowerCase();
   return i.includes("polygon") ? "fill" : i.includes("linestring") ? "line" : i.includes("point") ? "circle" : null;
 }
 function se(a) {
   for (const i of Object.values(a.properties))
     if (i.$ref) {
-      const p = Ee(i.$ref);
-      if (p) return K(p);
+      const p = Te(i.$ref);
+      if (p) return Z(p);
     }
   return null;
 }
-function Te(a) {
-  return Object.entries(a.properties).filter(([, i]) => !De(i)).map(([i, p]) => ({
+function Me(a) {
+  return Object.entries(a.properties).filter(([, i]) => !Ee(i)).map(([i, p]) => ({
     name: i,
     title: p.title,
     type: p.type,
@@ -1289,24 +1304,24 @@ function Te(a) {
     maximum: p.maximum
   }));
 }
-async function Re(a, i) {
+async function Ue(a, i) {
   var p, r;
   try {
-    const m = await he(a, i), u = se(m);
+    const m = await be(a, i), u = se(m);
     if (u) return u;
   } catch {
   }
   try {
-    const u = (r = (p = (await ue(a, i, { limit: 1 })).features[0]) == null ? void 0 : p.geometry) == null ? void 0 : r.type;
-    if (typeof u == "string") return K(u);
+    const u = (r = (p = (await me(a, i, { limit: 1 })).features[0]) == null ? void 0 : p.geometry) == null ? void 0 : r.type;
+    if (typeof u == "string") return Z(u);
   } catch {
   }
   return null;
 }
-function Ue(a) {
+function Ve(a) {
   return a.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (i) => i.toUpperCase());
 }
-const R = "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";
+const q = "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";
 function V({
   title: a,
   children: i
@@ -1328,57 +1343,57 @@ function V({
     p && /* @__PURE__ */ e("div", { className: "mapui:p-3", children: i })
   ] });
 }
-function pe({ value: a, onChange: i, availableSources: p }) {
+function re({ value: a, onChange: i, availableSources: p }) {
   var D;
-  const r = (s) => i({ ...a, ...s }), m = X(a);
+  const r = (c) => i({ ...a, ...c }), m = ee(a);
   m.current = a;
-  const u = X(i);
+  const u = ee(i);
   u.current = i;
-  const g = p.find((s) => s.id === a.sourceId), n = (g == null ? void 0 : g.url) ?? null, l = a.collection || null, { collections: N, loading: h } = le(n), { queryables: c, loading: C } = be(n, l), o = c ? Te(c) : [], [b, y] = w(
+  const l = p.find((c) => c.id === a.sourceId), n = (l == null ? void 0 : l.url) ?? null, d = a.collection || null, { collections: v, loading: g } = ue(n), { queryables: b, loading: C } = ge(n, d), o = b ? Me(b) : [], [h, y] = w(
     null
   );
-  return ee(() => {
-    if (!c) {
+  return J(() => {
+    if (!b) {
       y(null);
       return;
     }
-    const s = (f) => {
+    const c = (f) => {
       if (y(f), f && !m.current.style) {
-        const S = f === "fill" ? J : f === "line" ? me : ne;
+        const S = f === "fill" ? H : f === "line" ? ne : oe;
         u.current({ ...m.current, style: S });
       }
-    }, T = se(c);
+    }, T = se(b);
     if (T) {
-      s(T);
+      c(T);
       return;
     }
-    if (!n || !l) {
+    if (!n || !d) {
       y(null);
       return;
     }
     let M = !1;
-    return ue(n, l, { limit: 1 }).then((f) => {
+    return me(n, d, { limit: 1 }).then((f) => {
       var L, k;
       if (M) return;
       const S = (k = (L = f.features[0]) == null ? void 0 : L.geometry) == null ? void 0 : k.type;
-      s(typeof S == "string" ? K(S) : null);
+      c(typeof S == "string" ? Z(S) : null);
     }).catch(() => {
       M || y(null);
     }), () => {
       M = !0;
     };
-  }, [c, n, l]), ee(() => {
+  }, [b, n, d]), J(() => {
     y(null);
-  }, [n, l]), /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
+  }, [n, d]), /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ t("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: [
       /* @__PURE__ */ e(x, { label: "Layer ID", required: !0, children: /* @__PURE__ */ e(
         "input",
         {
           type: "text",
           value: a.id,
-          onChange: (s) => r({ id: s.target.value }),
+          onChange: (c) => r({ id: c.target.value }),
           placeholder: "my-layer",
-          className: R
+          className: q
         }
       ) }),
       /* @__PURE__ */ e(x, { label: "Label", children: /* @__PURE__ */ e(
@@ -1386,9 +1401,9 @@ function pe({ value: a, onChange: i, availableSources: p }) {
         {
           type: "text",
           value: a.label,
-          onChange: (s) => r({ label: s.target.value }),
+          onChange: (c) => r({ label: c.target.value }),
           placeholder: "My Layer",
-          className: R
+          className: q
         }
       ) })
     ] }),
@@ -1396,24 +1411,24 @@ function pe({ value: a, onChange: i, availableSources: p }) {
       "select",
       {
         value: a.sourceId,
-        onChange: (s) => r({ sourceId: s.target.value }),
-        className: R,
+        onChange: (c) => r({ sourceId: c.target.value }),
+        className: q,
         children: [
           /* @__PURE__ */ e("option", { value: "", children: "Select a source…" }),
-          p.map((s) => /* @__PURE__ */ e("option", { value: s.id, children: s.label ?? s.id }, s.id))
+          p.map((c) => /* @__PURE__ */ e("option", { value: c.id, children: c.label ?? c.id }, c.id))
         ]
       }
     ) }),
     /* @__PURE__ */ t(x, { label: "Collection", required: !0, children: [
-      N.length > 0 ? /* @__PURE__ */ t(
+      v.length > 0 ? /* @__PURE__ */ t(
         "select",
         {
           value: a.collection,
-          onChange: (s) => r({ collection: s.target.value }),
-          className: R,
+          onChange: (c) => r({ collection: c.target.value }),
+          className: q,
           children: [
             /* @__PURE__ */ e("option", { value: "", children: "Select a collection…" }),
-            N.map((s) => /* @__PURE__ */ e("option", { value: s.id, children: s.title ?? s.id }, s.id))
+            v.map((c) => /* @__PURE__ */ e("option", { value: c.id, children: c.title ?? c.id }, c.id))
           ]
         }
       ) : /* @__PURE__ */ e(
@@ -1421,27 +1436,27 @@ function pe({ value: a, onChange: i, availableSources: p }) {
         {
           type: "text",
           value: a.collection,
-          onChange: (s) => r({ collection: s.target.value }),
-          placeholder: h ? "Loading collections…" : "collection-id",
-          className: R
+          onChange: (c) => r({ collection: c.target.value }),
+          placeholder: g ? "Loading collections…" : "collection-id",
+          className: q
         }
       ),
       C && /* @__PURE__ */ e("span", { className: "mapui:mt-0.5 mapui:block mapui:text-xs mapui:text-gray-400", children: "Loading properties…" })
     ] }),
-    /* @__PURE__ */ e(x, { label: "Data Mode", children: /* @__PURE__ */ e("div", { className: "mapui:flex mapui:gap-4", children: ["vector-tiles", "geojson"].map((s) => /* @__PURE__ */ t("label", { className: "mapui:flex mapui:cursor-pointer mapui:items-center mapui:gap-1.5", children: [
+    /* @__PURE__ */ e(x, { label: "Data Mode", children: /* @__PURE__ */ e("div", { className: "mapui:flex mapui:gap-4", children: ["vector-tiles", "geojson"].map((c) => /* @__PURE__ */ t("label", { className: "mapui:flex mapui:cursor-pointer mapui:items-center mapui:gap-1.5", children: [
       /* @__PURE__ */ e(
         "input",
         {
           type: "radio",
           name: `data-mode-${a.id}`,
-          value: s,
-          checked: a.dataMode === s,
-          onChange: () => r({ dataMode: s }),
+          value: c,
+          checked: a.dataMode === c,
+          onChange: () => r({ dataMode: c }),
           className: "mapui:accent-blue-600"
         }
       ),
-      /* @__PURE__ */ e("span", { className: "mapui:text-sm mapui:text-gray-700", children: s })
-    ] }, s)) }) }),
+      /* @__PURE__ */ e("span", { className: "mapui:text-sm mapui:text-gray-700", children: c })
+    ] }, c)) }) }),
     /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
       /* @__PURE__ */ e(
         "input",
@@ -1449,40 +1464,40 @@ function pe({ value: a, onChange: i, availableSources: p }) {
           type: "checkbox",
           id: "layer-visible",
           checked: a.visible,
-          onChange: (s) => r({ visible: s.target.checked }),
+          onChange: (c) => r({ visible: c.target.checked }),
           className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
         }
       ),
       /* @__PURE__ */ e("label", { htmlFor: "layer-visible", className: "mapui:text-sm mapui:text-gray-700", children: "Visible by default" })
     ] }),
     /* @__PURE__ */ e(V, { title: "Style", children: /* @__PURE__ */ e(
-      fe,
+      ye,
       {
-        value: a.style ?? J,
-        onChange: (s) => r({ style: s }),
-        suggestedType: b
+        value: a.style ?? H,
+        onChange: (c) => r({ style: c }),
+        suggestedType: h
       }
     ) }),
     /* @__PURE__ */ e(V, { title: "Legend", children: /* @__PURE__ */ e(
-      Ne,
+      ve,
       {
         value: a.legend,
-        onChange: (s) => r({ legend: s })
+        onChange: (c) => r({ legend: c })
       }
     ) }),
     /* @__PURE__ */ e(V, { title: "Search Fields", children: /* @__PURE__ */ e(
-      ke,
+      Se,
       {
         fields: ((D = a.search) == null ? void 0 : D.fields) ?? [],
-        onChange: (s) => r({ search: s.length > 0 ? { fields: s } : void 0 }),
+        onChange: (c) => r({ search: c.length > 0 ? { fields: c } : void 0 }),
         availableProperties: o
       }
     ) }),
     /* @__PURE__ */ e(V, { title: "Property Display", children: /* @__PURE__ */ e(
-      Fe,
+      De,
       {
         value: a.propertyDisplay ?? {},
-        onChange: (s) => r({ propertyDisplay: Object.keys(s).length > 0 ? s : void 0 }),
+        onChange: (c) => r({ propertyDisplay: Object.keys(c).length > 0 ? c : void 0 }),
         availableProperties: o
       }
     ) })
@@ -1496,37 +1511,37 @@ const z = () => ({
   visible: !0,
   dataMode: "vector-tiles"
 });
-function Ve({ layers: a, onChange: i, availableSources: p }) {
-  const [r, m] = w(null), [u, g] = w(!1), [n, l] = w(z()), [N, h] = w(null), [c, C] = w(null), [o, b] = w(null), y = () => {
-    i([...a, n]), g(!1), l(z());
-  }, D = (d) => {
-    i(a.map((v) => v.id === r ? d : v));
-  }, s = (d) => {
-    i(a.filter((v) => v.id !== d)), h(null), r === d && m(null);
-  }, T = (d) => {
-    if (d === 0) return;
-    const v = [...a];
-    [v[d - 1], v[d]] = [v[d], v[d - 1]], i(v);
-  }, M = (d) => {
-    if (d === a.length - 1) return;
-    const v = [...a];
-    [v[d], v[d + 1]] = [v[d + 1], v[d]], i(v);
-  }, f = (d, v) => {
-    C(v), d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", v);
-  }, S = (d, v) => {
-    d.preventDefault(), d.dataTransfer.dropEffect = "move", b(v);
+function Ge({ layers: a, onChange: i, availableSources: p }) {
+  const [r, m] = w(null), [u, l] = w(!1), [n, d] = w(z()), [v, g] = w(null), [b, C] = w(null), [o, h] = w(null), y = () => {
+    i([...a, n]), l(!1), d(z());
+  }, D = (s) => {
+    i(a.map((N) => N.id === r ? s : N));
+  }, c = (s) => {
+    i(a.filter((N) => N.id !== s)), g(null), r === s && m(null);
+  }, T = (s) => {
+    if (s === 0) return;
+    const N = [...a];
+    [N[s - 1], N[s]] = [N[s], N[s - 1]], i(N);
+  }, M = (s) => {
+    if (s === a.length - 1) return;
+    const N = [...a];
+    [N[s], N[s + 1]] = [N[s + 1], N[s]], i(N);
+  }, f = (s, N) => {
+    C(N), s.dataTransfer.effectAllowed = "move", s.dataTransfer.setData("text/plain", N);
+  }, S = (s, N) => {
+    s.preventDefault(), s.dataTransfer.dropEffect = "move", h(N);
   }, L = () => {
-    b(null);
-  }, k = (d, v) => {
-    d.preventDefault(), b(null);
-    const O = c;
-    if (C(null), !O || O === v) return;
-    const P = a.findIndex((j) => j.id === O), $ = a.findIndex((j) => j.id === v);
+    h(null);
+  }, k = (s, N) => {
+    s.preventDefault(), h(null);
+    const O = b;
+    if (C(null), !O || O === N) return;
+    const P = a.findIndex((j) => j.id === O), $ = a.findIndex((j) => j.id === N);
     if (P === -1 || $ === -1) return;
     const I = [...a];
     I.splice(P, 1), I.splice($, 0, a[P]), i(I);
-  }, de = () => {
-    C(null), b(null);
+  }, he = () => {
+    C(null), h(null);
   };
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
@@ -1536,7 +1551,7 @@ function Ve({ layers: a, onChange: i, availableSources: p }) {
         {
           type: "button",
           onClick: () => {
-            g(!0), l(z());
+            l(!0), d(z());
           },
           className: "mapui:cursor-pointer mapui:rounded mapui:bg-blue-600 mapui:px-3 mapui:py-1 mapui:text-xs mapui:font-medium mapui:text-white hover:mapui:bg-blue-700",
           children: "+ Add Layer"
@@ -1544,18 +1559,18 @@ function Ve({ layers: a, onChange: i, availableSources: p }) {
       )
     ] }),
     a.length === 0 && !u && /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No layers configured." }),
-    /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: a.map((d, v) => {
-      var I, j, Z, Y;
-      const O = c === d.id, P = o === d.id, $ = r === d.id;
+    /* @__PURE__ */ e("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: a.map((s, N) => {
+      var I, j, Y, X;
+      const O = b === s.id, P = o === s.id, $ = r === s.id;
       return /* @__PURE__ */ t(
         "li",
         {
           draggable: !$,
-          onDragStart: $ ? void 0 : (B) => f(B, d.id),
-          onDragOver: (B) => S(B, d.id),
+          onDragStart: $ ? void 0 : (B) => f(B, s.id),
+          onDragOver: (B) => S(B, s.id),
           onDragLeave: L,
-          onDrop: (B) => k(B, d.id),
-          onDragEnd: de,
+          onDrop: (B) => k(B, s.id),
+          onDragEnd: he,
           className: [
             "mapui:rounded-lg mapui:border mapui:bg-white mapui:transition-colors",
             P ? "mapui:border-blue-400 mapui:bg-blue-50" : "mapui:border-gray-200",
@@ -1569,8 +1584,8 @@ function Ve({ layers: a, onChange: i, availableSources: p }) {
                     "button",
                     {
                       type: "button",
-                      onClick: () => T(v),
-                      disabled: v === 0,
+                      onClick: () => T(N),
+                      disabled: N === 0,
                       "aria-label": "Move layer up",
                       className: "mapui:cursor-pointer mapui:rounded mapui:border-none mapui:bg-transparent mapui:px-1 mapui:text-xs mapui:text-gray-400 hover:mapui:text-gray-600 disabled:mapui:opacity-30",
                       children: "▲"
@@ -1580,8 +1595,8 @@ function Ve({ layers: a, onChange: i, availableSources: p }) {
                     "button",
                     {
                       type: "button",
-                      onClick: () => M(v),
-                      disabled: v === a.length - 1,
+                      onClick: () => M(N),
+                      disabled: N === a.length - 1,
                       "aria-label": "Move layer down",
                       className: "mapui:cursor-pointer mapui:rounded mapui:border-none mapui:bg-transparent mapui:px-1 mapui:text-xs mapui:text-gray-400 hover:mapui:text-gray-600 disabled:mapui:opacity-30",
                       children: "▼"
@@ -1597,18 +1612,18 @@ function Ve({ layers: a, onChange: i, availableSources: p }) {
                   }
                 ),
                 /* @__PURE__ */ t("div", { className: "mapui:flex mapui:min-w-0 mapui:flex-col mapui:gap-0.5", children: [
-                  /* @__PURE__ */ e("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-800", children: d.label || d.id }),
-                  /* @__PURE__ */ e("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: d.collection }),
+                  /* @__PURE__ */ e("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-800", children: s.label || s.id }),
+                  /* @__PURE__ */ e("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: s.collection }),
                   /* @__PURE__ */ t("div", { className: "mapui:mt-1 mapui:flex mapui:flex-wrap mapui:gap-1", children: [
-                    /* @__PURE__ */ e("span", { className: "mapui:rounded mapui:bg-slate-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-slate-700", children: d.dataMode }),
-                    d.style && /* @__PURE__ */ e("span", { className: "mapui:rounded mapui:bg-purple-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-purple-700", children: d.style.type }),
-                    d.visible === !1 && /* @__PURE__ */ e("span", { className: "mapui:rounded mapui:bg-amber-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-amber-700", children: "hidden" }),
-                    (((j = (I = d.search) == null ? void 0 : I.fields) == null ? void 0 : j.length) ?? 0) > 0 && /* @__PURE__ */ t("span", { className: "mapui:rounded mapui:bg-blue-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-blue-700", children: [
-                      d.search.fields.length,
+                    /* @__PURE__ */ e("span", { className: "mapui:rounded mapui:bg-slate-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-slate-700", children: s.dataMode }),
+                    s.style && /* @__PURE__ */ e("span", { className: "mapui:rounded mapui:bg-purple-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-purple-700", children: s.style.type }),
+                    s.visible === !1 && /* @__PURE__ */ e("span", { className: "mapui:rounded mapui:bg-amber-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-amber-700", children: "hidden" }),
+                    (((j = (I = s.search) == null ? void 0 : I.fields) == null ? void 0 : j.length) ?? 0) > 0 && /* @__PURE__ */ t("span", { className: "mapui:rounded mapui:bg-blue-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-blue-700", children: [
+                      s.search.fields.length,
                       " search fields"
                     ] }),
-                    (((Y = (Z = d.legend) == null ? void 0 : Z.entries) == null ? void 0 : Y.length) ?? 0) > 0 && /* @__PURE__ */ t("span", { className: "mapui:rounded mapui:bg-green-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-green-700", children: [
-                      d.legend.entries.length,
+                    (((X = (Y = s.legend) == null ? void 0 : Y.entries) == null ? void 0 : X.length) ?? 0) > 0 && /* @__PURE__ */ t("span", { className: "mapui:rounded mapui:bg-green-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-green-700", children: [
+                      s.legend.entries.length,
                       " legend entries"
                     ] })
                   ] })
@@ -1619,42 +1634,42 @@ function Ve({ layers: a, onChange: i, availableSources: p }) {
                   "button",
                   {
                     type: "button",
-                    onClick: () => m(r === d.id ? null : d.id),
+                    onClick: () => m(r === s.id ? null : s.id),
                     className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:px-2 mapui:py-1 mapui:text-xs mapui:text-gray-600 hover:mapui:bg-gray-50",
-                    children: r === d.id ? "Close" : "Edit"
+                    children: r === s.id ? "Close" : "Edit"
                   }
                 ),
                 /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: () => h(d.id),
+                    onClick: () => g(s.id),
                     className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-red-200 mapui:bg-white mapui:px-2 mapui:py-1 mapui:text-xs mapui:text-red-600 hover:mapui:bg-red-50",
                     children: "Remove"
                   }
                 )
               ] })
             ] }),
-            r === d.id && /* @__PURE__ */ e("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ e(
-              pe,
+            r === s.id && /* @__PURE__ */ e("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ e(
+              re,
               {
-                value: d,
+                value: s,
                 onChange: D,
                 availableSources: p
               }
             ) })
           ]
         },
-        d.id
+        s.id
       );
     }) }),
     u && /* @__PURE__ */ t("div", { className: "mapui:rounded-lg mapui:border mapui:border-blue-200 mapui:bg-blue-50 mapui:p-3", children: [
       /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:mb-3 mapui:text-xs mapui:font-semibold mapui:text-blue-700", children: "New Layer" }),
       /* @__PURE__ */ e(
-        pe,
+        re,
         {
           value: n,
-          onChange: l,
+          onChange: d,
           availableSources: p
         }
       ),
@@ -1673,7 +1688,7 @@ function Ve({ layers: a, onChange: i, availableSources: p }) {
           "button",
           {
             type: "button",
-            onClick: () => g(!1),
+            onClick: () => l(!1),
             className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-gray-300 mapui:bg-white mapui:px-3 mapui:py-1 mapui:text-xs mapui:text-gray-700 hover:mapui:bg-gray-50",
             children: "Cancel"
           }
@@ -1681,19 +1696,19 @@ function Ve({ layers: a, onChange: i, availableSources: p }) {
       ] })
     ] }),
     /* @__PURE__ */ e(
-      H,
+      K,
       {
-        open: N !== null,
+        open: v !== null,
         title: "Remove Layer",
         description: "Are you sure you want to remove this layer from the configuration?",
-        onConfirm: () => N && s(N),
-        onCancel: () => h(null)
+        onConfirm: () => v && c(v),
+        onCancel: () => g(null)
       }
     )
   ] });
 }
 const G = "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";
-function re({ value: a, onChange: i }) {
+function le({ value: a, onChange: i }) {
   const p = (r) => i({ ...a, ...r });
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ e(x, { label: "ID", required: !0, children: /* @__PURE__ */ e(
@@ -1749,13 +1764,13 @@ function re({ value: a, onChange: i }) {
   ] });
 }
 const W = () => ({ id: "", label: "", url: "" });
-function Ge({ basemaps: a, onChange: i }) {
-  const [p, r] = w(null), [m, u] = w(!1), [g, n] = w(W()), [l, N] = w(null), h = (o) => {
-    i(a.map((b) => b.id === p ? o : b));
-  }, c = () => {
-    i([...a, g]), u(!1), n(W());
+function _e({ basemaps: a, onChange: i }) {
+  const [p, r] = w(null), [m, u] = w(!1), [l, n] = w(W()), [d, v] = w(null), g = (o) => {
+    i(a.map((h) => h.id === p ? o : h));
+  }, b = () => {
+    i([...a, l]), u(!1), n(W());
   }, C = (o) => {
-    i(a.filter((b) => b.id !== o)), N(null);
+    i(a.filter((h) => h.id !== o)), v(null);
   };
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
@@ -1805,28 +1820,28 @@ function Ge({ basemaps: a, onChange: i }) {
                 "button",
                 {
                   type: "button",
-                  onClick: () => N(o.id),
+                  onClick: () => v(o.id),
                   className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-red-200 mapui:bg-white mapui:px-2 mapui:py-1 mapui:text-xs mapui:text-red-600 hover:mapui:bg-red-50",
                   children: "Remove"
                 }
               )
             ] })
           ] }),
-          p === o.id && /* @__PURE__ */ e("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ e(re, { value: o, onChange: h }) })
+          p === o.id && /* @__PURE__ */ e("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ e(le, { value: o, onChange: g }) })
         ]
       },
       o.id
     )) }),
     m && /* @__PURE__ */ t("div", { className: "mapui:rounded-lg mapui:border mapui:border-blue-200 mapui:bg-blue-50 mapui:p-3", children: [
       /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:mb-3 mapui:text-xs mapui:font-semibold mapui:text-blue-700", children: "New Basemap" }),
-      /* @__PURE__ */ e(re, { value: g, onChange: n }),
+      /* @__PURE__ */ e(le, { value: l, onChange: n }),
       /* @__PURE__ */ t("div", { className: "mapui:mt-3 mapui:flex mapui:gap-2", children: [
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: c,
-            disabled: !g.id || !g.url,
+            onClick: b,
+            disabled: !l.id || !l.url,
             className: "mapui:cursor-pointer mapui:rounded mapui:bg-blue-600 mapui:px-3 mapui:py-1 mapui:text-xs mapui:font-medium mapui:text-white hover:mapui:bg-blue-700 disabled:mapui:cursor-not-allowed disabled:mapui:opacity-50",
             children: "Save"
           }
@@ -1843,18 +1858,18 @@ function Ge({ basemaps: a, onChange: i }) {
       ] })
     ] }),
     /* @__PURE__ */ e(
-      H,
+      K,
       {
-        open: l !== null,
+        open: d !== null,
         title: "Remove Basemap",
         description: "Are you sure you want to remove this basemap from the configuration?",
-        onConfirm: () => l && C(l),
-        onCancel: () => N(null)
+        onConfirm: () => d && C(d),
+        onCancel: () => v(null)
       }
     )
   ] });
 }
-const Me = [
+const Ie = [
   { key: "showLayerPanel", label: "Layer Panel", description: "Toggle layer visibility" },
   { key: "showLegend", label: "Legend", description: "Map legend" },
   { key: "showBasemapSwitcher", label: "Basemap Switcher", description: "Switch basemap styles" },
@@ -1864,14 +1879,14 @@ const Me = [
   { key: "showFeatureTooltip", label: "Feature Tooltip", description: "Hover tooltip on features" },
   { key: "showExportButton", label: "Export Button", description: "Export data as CSV" }
 ];
-function _e({ value: a, onChange: i }) {
+function Qe({ value: a, onChange: i }) {
   const p = (r, m) => {
     i({ ...a, [r]: m });
   };
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: [
     /* @__PURE__ */ e("p", { className: "mapui:m-0 mapui:mb-2 mapui:text-xs mapui:text-gray-500", children: "Enable or disable UI panels and controls." }),
-    /* @__PURE__ */ e("div", { className: "mapui:grid mapui:grid-cols-1 mapui:gap-2 sm:mapui:grid-cols-2", children: Me.map(({ key: r, label: m, description: u }) => {
-      const g = a[r];
+    /* @__PURE__ */ e("div", { className: "mapui:grid mapui:grid-cols-1 mapui:gap-2 sm:mapui:grid-cols-2", children: Ie.map(({ key: r, label: m, description: u }) => {
+      const l = a[r];
       return /* @__PURE__ */ t(
         "label",
         {
@@ -1886,7 +1901,7 @@ function _e({ value: a, onChange: i }) {
                 "input",
                 {
                   type: "checkbox",
-                  checked: g,
+                  checked: l,
                   onChange: (n) => p(r, n.target.checked),
                   className: "mapui:sr-only",
                   "aria-label": m
@@ -1897,14 +1912,14 @@ function _e({ value: a, onChange: i }) {
                 {
                   className: [
                     "mapui:relative mapui:h-5 mapui:w-9 mapui:rounded-full mapui:transition-colors",
-                    g ? "mapui:bg-blue-600" : "mapui:bg-gray-300"
+                    l ? "mapui:bg-blue-600" : "mapui:bg-gray-300"
                   ].join(" "),
                   children: /* @__PURE__ */ e(
                     "div",
                     {
                       className: [
                         "mapui:absolute mapui:top-0.5 mapui:h-4 mapui:w-4 mapui:rounded-full mapui:bg-white mapui:shadow mapui:transition-transform",
-                        g ? "mapui:translate-x-4" : "mapui:translate-x-0.5"
+                        l ? "mapui:translate-x-4" : "mapui:translate-x-0.5"
                       ].join(" ")
                     }
                   )
@@ -1918,46 +1933,46 @@ function _e({ value: a, onChange: i }) {
     }) })
   ] });
 }
-const ce = [
+const de = [
   { key: "latitude", label: "Latitude", min: -90, max: 90, step: 1e-6, placeholder: "0" },
   { key: "longitude", label: "Longitude", min: -180, max: 180, step: 1e-6, placeholder: "0" },
   { key: "zoom", label: "Zoom", min: 0, max: 24, step: 0.1, placeholder: "2" },
   { key: "pitch", label: "Pitch (°)", min: 0, max: 85, step: 1, placeholder: "0" },
   { key: "bearing", label: "Bearing (°)", min: -180, max: 180, step: 1, placeholder: "0" }
 ];
-function Ie(a, i) {
-  const p = ce.find((r) => r.key === a);
+function je(a, i) {
+  const p = de.find((r) => r.key === a);
   if (p) {
     if (isNaN(i)) return "Must be a number";
     if (i < p.min) return `Must be at least ${p.min}`;
     if (i > p.max) return `Must be at most ${p.max}`;
   }
 }
-const je = "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";
-function Qe({ value: a, onChange: i }) {
+const Ae = "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";
+function ze({ value: a, onChange: i }) {
   const p = (r, m) => {
     const u = parseFloat(m);
     i({ ...a, [r]: isNaN(u) ? 0 : u });
   };
-  return /* @__PURE__ */ e("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: ce.map(({ key: r, label: m, min: u, max: g, step: n, placeholder: l }) => {
-    const N = Ie(r, a[r]);
-    return /* @__PURE__ */ e(x, { label: m, error: N, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: de.map(({ key: r, label: m, min: u, max: l, step: n, placeholder: d }) => {
+    const v = je(r, a[r]);
+    return /* @__PURE__ */ e(x, { label: m, error: v, children: /* @__PURE__ */ e(
       "input",
       {
         type: "number",
         min: u,
-        max: g,
+        max: l,
         step: n,
         value: a[r],
-        placeholder: l,
-        onChange: (h) => p(r, h.target.value),
-        className: `${je} ${N ? "mapui:border-red-400" : ""}`
+        placeholder: d,
+        onChange: (g) => p(r, g.target.value),
+        className: `${Ae} ${v ? "mapui:border-red-400" : ""}`
       }
     ) }, r);
   }) });
 }
-function ze({ config: a }) {
-  const i = ge(a);
+function We({ config: a }) {
+  const i = xe(a);
   return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
       /* @__PURE__ */ e(
@@ -1983,109 +1998,109 @@ function ze({ config: a }) {
   ] });
 }
 export {
-  Za as BasemapConfigSchema,
-  re as BasemapEditor,
-  Ge as BasemapList,
-  He as BasemapSwitcher,
-  Ya as CirclePaintSchema,
-  Xa as CircleStyleSchema,
-  Ze as CollapsibleControl,
+  Ya as BasemapConfigSchema,
+  le as BasemapEditor,
+  _e as BasemapList,
+  Ke as BasemapSwitcher,
+  Xa as CirclePaintSchema,
+  ei as CircleStyleSchema,
+  Ye as CollapsibleControl,
   qe as CollectionBrowser,
   A as ColorPicker,
-  ze as ConfigPreview,
-  H as ConfirmDialog,
-  Xe as CoordinateDisplay,
-  ei as DatetimeSearchFieldSchema,
-  ta as ExportButton,
-  ra as FeatureDetailPanel,
-  ua as FeatureTooltip,
-  ai as FillPaintSchema,
-  ii as FillStyleSchema,
-  ti as FilterConfigSchema,
+  We as ConfigPreview,
+  K as ConfirmDialog,
+  ea as CoordinateDisplay,
+  ai as DatetimeSearchFieldSchema,
+  pa as ExportButton,
+  la as FeatureDetailPanel,
+  ma as FeatureTooltip,
+  ii as FillPaintSchema,
+  ti as FillStyleSchema,
+  pi as FilterConfigSchema,
   x as FormField,
-  pi as LayerConfigSchema,
-  pe as LayerEditor,
-  Ve as LayerList,
-  na as LayerPanel,
+  ri as LayerConfigSchema,
+  re as LayerEditor,
+  Ge as LayerList,
+  oa as LayerPanel,
   sa as Legend,
-  ri as LegendConfigSchema,
-  Ne as LegendEditor,
-  ye as LegendEntryEditor,
-  li as LegendEntrySchema,
-  ui as LinePaintSchema,
-  mi as LineStyleSchema,
-  ni as MapConfigSchema,
-  oi as NumberSearchFieldSchema,
+  li as LegendConfigSchema,
+  ve as LegendEditor,
+  Ne as LegendEntryEditor,
+  ui as LegendEntrySchema,
+  mi as LinePaintSchema,
+  ni as LineStyleSchema,
+  oi as MapConfigSchema,
+  ci as NumberSearchFieldSchema,
   si as OgcApiSourceSchema,
-  ci as PropertyDisplayConfigSchema,
-  Fe as PropertyDisplayEditor,
-  di as PropertyDisplaySchema,
-  hi as SearchConfigSchema,
-  we as SearchFieldEditor,
-  ke as SearchFieldList,
-  bi as SearchFieldSchema,
-  da as SearchPanel,
-  gi as SelectSearchFieldSchema,
+  di as PropertyDisplayConfigSchema,
+  De as PropertyDisplayEditor,
+  hi as PropertyDisplaySchema,
+  bi as SearchConfigSchema,
+  Ce as SearchFieldEditor,
+  Se as SearchFieldList,
+  gi as SearchFieldSchema,
+  ha as SearchPanel,
+  xi as SelectSearchFieldSchema,
   ae as SourceEditor,
-  Be as SourceList,
-  xi as StyleConfigSchema,
-  fe as StyleEditor,
-  fi as TextSearchFieldSchema,
-  _e as UIConfigEditor,
-  yi as UIConfigSchema,
-  Ni as ViewConfigSchema,
-  Qe as ViewEditor,
-  ba as and,
-  ga as between,
-  ne as defaultCircle,
-  J as defaultFill,
-  me as defaultLine,
+  Re as SourceList,
+  fi as StyleConfigSchema,
+  ye as StyleEditor,
+  yi as TextSearchFieldSchema,
+  Qe as UIConfigEditor,
+  Ni as UIConfigSchema,
+  vi as ViewConfigSchema,
+  ze as ViewEditor,
+  ga as and,
+  xa as between,
+  oe as defaultCircle,
+  H as defaultFill,
+  ne as defaultLine,
   se as detectGeometryTypeFromQueryables,
-  Re as detectStyleTypeForCollection,
-  xa as downloadCsv,
-  fa as eq,
-  Ee as extractGeometryType,
-  ya as featuresToCsv,
-  Na as fetchCollectionDetail,
-  va as fetchCollections,
-  wa as fetchConformance,
-  Ca as fetchDistinctValues,
-  ka as fetchFeatureCount,
-  ue as fetchFeatures,
-  he as fetchQueryables,
-  Sa as fetchTileJson,
-  ea as formatDMS,
-  aa as formatDecimal,
-  La as fromSimpleFilters,
-  Fa as fromStructuredFilters,
-  K as geometryTypeToStyleType,
-  Da as getCql2FilteredVectorTileUrl,
-  Ea as getFilteredVectorTileUrl,
-  Ta as getTileJsonUrl,
-  Ma as getVectorTileUrl,
-  Ia as gt,
-  ja as gte,
-  Ue as humanizePropertyName,
-  Aa as inList,
-  De as isGeometryProperty,
-  Oa as isNull,
-  Pa as like,
-  $a as lt,
-  Ba as lte,
+  Ue as detectStyleTypeForCollection,
+  fa as downloadCsv,
+  ya as eq,
+  Te as extractGeometryType,
+  Na as featuresToCsv,
+  va as fetchCollectionDetail,
+  wa as fetchCollections,
+  Ca as fetchConformance,
+  ka as fetchDistinctValues,
+  Sa as fetchFeatureCount,
+  me as fetchFeatures,
+  be as fetchQueryables,
+  La as fetchTileJson,
+  aa as formatDMS,
+  ia as formatDecimal,
+  Fa as fromSimpleFilters,
+  Da as fromStructuredFilters,
+  Z as geometryTypeToStyleType,
+  Ea as getCql2FilteredVectorTileUrl,
+  Ta as getFilteredVectorTileUrl,
+  Ma as getTileJsonUrl,
+  Ia as getVectorTileUrl,
+  ja as gt,
+  Aa as gte,
+  Ve as humanizePropertyName,
+  Oa as inList,
+  Ee as isGeometryProperty,
+  Pa as isNull,
+  $a as like,
+  Ba as lt,
+  Ra as lte,
   qa as neq,
-  Ra as not,
-  Ua as or,
-  Va as resolvePropertyDisplay,
-  ge as safeValidateMapConfig,
-  Ga as serializeCql2,
-  _a as tAfter,
-  Qa as tBefore,
-  za as tDuring,
-  Te as toAvailableProperties,
-  Wa as useCsvExport,
-  Ja as useOgcCollectionDetail,
-  le as useOgcCollections,
-  Ha as useOgcFeatures,
-  be as useOgcQueryables,
-  vi as validateMapConfig
+  Ua as not,
+  Va as or,
+  Ga as resolvePropertyDisplay,
+  xe as safeValidateMapConfig,
+  _a as serializeCql2,
+  Qa as tAfter,
+  za as tBefore,
+  Wa as tDuring,
+  Me as toAvailableProperties,
+  Ja as useCsvExport,
+  Ha as useOgcCollectionDetail,
+  ue as useOgcCollections,
+  Ka as useOgcFeatures,
+  ge as useOgcQueryables,
+  wi as validateMapConfig
 };