@ogc-maps/storybook-components 0.11.0 → 0.12.1

package/dist/main.js

@@ -1,37 +1,37 @@
-import { B as $t } from "./BasemapSwitcher-BW7lyZ2Y.js";
-import { C as Bt } from "./CollapsibleControl-qo9daiD8.js";
-import { C as Ut, f as qt, a as Gt } from "./CoordinateDisplay-PxPmVjpm.js";
-import { E as _t } from "./ExportButton-BsNrOvRE.js";
+import { B as $i } from "./BasemapSwitcher-BW7lyZ2Y.js";
+import { C as Bi } from "./CollapsibleControl-qo9daiD8.js";
+import { C as Ui, f as Gi, a as qi } from "./CoordinateDisplay-PxPmVjpm.js";
+import { E as _i } from "./ExportButton-BsNrOvRE.js";
 import { jsx as a, jsxs as l, Fragment as z } from "react/jsx-runtime";
-import { useState as T, useEffect as G, useRef as V, useCallback as Be, useId as ze, useMemo as Ue } from "react";
-import { F as Ht } from "./FeatureDetailPanel-CkFpdEKW.js";
-import { F as Xt } from "./FeatureTooltip-DxzN-jnp.js";
-import { L as Kt } from "./LayerPanel-SCdJ8948.js";
-import { L as Zt } from "./Legend-BLWBzD7Y.js";
-import { LuRuler as Qe, LuPentagon as Ze, LuTrash2 as be, LuMousePointer2 as ea, LuSquareDashedMousePointer as aa, LuList as ta, LuGripHorizontal as ia, LuDownload as ra, LuX as la, LuInfo as pa } from "react-icons/lu";
-import { W as na, X as ua, Y as xe, S as qe, n as Ge, m as ye, U as oa, j as ma } from "./geo-CyDCsiW-.js";
-import { a as ai, b as ti, c as ii, Z as ri, _ as li, $ as pi, a0 as ni, a1 as ui, a2 as oi, d as mi, a3 as si, e as ci, f as di, g as hi, h as gi, i as bi, k as yi, l as fi, a4 as xi, a5 as wi, o as Ni, p as vi, q as ki, r as Ci, s as Si, t as Ti, u as Di, v as Li, w as Ai, x as Ei, y as Ii, z as Mi, A as Fi, B as Pi, C as ji, D as Oi, E as $i, a6 as Ri, F as Bi, G as zi, H as Ui, I as qi, J as Gi, a7 as Wi, K as _i, L as Vi, M as Hi, N as Yi, O as Xi, P as Ji, Q as Ki, R as Qi, T as Zi, V as er } from "./geo-CyDCsiW-.js";
-import { S as tr } from "./SearchPanel-4Y12jfuP.js";
-import { s as sa } from "./index-BrphSJJ2.js";
-import { B as rr, C as lr, a as pr, b as nr, D as ur, F as or, c as mr, d as sr, e as cr, G as dr, L as hr, f as gr, g as br, h as yr, i as fr, j as xr, M as wr, N as Nr, O as vr, P as kr, k as Cr, S as Sr, l as Tr, m as Dr, n as Lr, o as Ar, p as Er, q as Ir, r as Mr, T as Fr, U as Pr, V as jr, v as Or } from "./index-BrphSJJ2.js";
-import './style.css';function xt({
+import { useState as T, useEffect as q, useRef as H, useCallback as Be, useId as ze, useMemo as Ue } from "react";
+import { F as Hi } from "./FeatureDetailPanel-CkFpdEKW.js";
+import { F as Xi } from "./FeatureTooltip-DxzN-jnp.js";
+import { L as Ji } from "./LayerPanel-SCdJ8948.js";
+import { L as Qi } from "./Legend-BLWBzD7Y.js";
+import { LuRuler as Ke, LuPentagon as Qe, LuTrash2 as be, LuMousePointer2 as ea, LuSquareDashedMousePointer as aa, LuList as ia, LuGripHorizontal as ta, LuDownload as ra, LuX as la, LuInfo as pa } from "react-icons/lu";
+import { Y as na, Z as ua, _ as xe, U as Ge, o as qe, n as ye, W as oa, k as ma } from "./geo--Ta-t__y.js";
+import { a as at, b as it, c as tt, d as rt, $ as lt, a0 as pt, a1 as nt, a2 as ut, a3 as ot, a4 as mt, e as st, a5 as ct, f as dt, g as ht, h as gt, i as bt, j as yt, l as ft, m as xt, a6 as wt, a7 as Nt, p as vt, q as kt, r as Ct, s as St, t as Tt, u as Dt, v as Lt, w as At, x as Et, y as It, z as Mt, A as Ft, B as Pt, C as Ot, D as jt, E as $t, F as Rt, G as Bt, a8 as zt, H as Ut, I as Gt, J as qt, K as Wt, L as _t, a9 as Vt, M as Ht, N as Yt, O as Xt, P as Zt, Q as Jt, R as Kt, S as Qt, T as er, V as ar, X as ir } from "./geo--Ta-t__y.js";
+import { S as rr } from "./SearchPanel-4Y12jfuP.js";
+import { s as sa } from "./index-CtbLVsqD.js";
+import { B as pr, a as nr, C as ur, b as or, c as mr, D as sr, d as cr, F as dr, e as hr, f as gr, g as br, G as yr, L as fr, h as xr, i as wr, j as Nr, k as vr, l as kr, M as Cr, N as Sr, O as Tr, P as Dr, m as Lr, S as Ar, n as Er, o as Ir, p as Mr, q as Fr, r as Pr, t as Or, u as jr, T as $r, U as Rr, V as Br, v as zr } from "./index-CtbLVsqD.js";
+import './style.css';function xi({
   open: e,
-  layers: t,
-  availableFormats: i,
+  layers: i,
+  availableFormats: t,
   hasActiveFilter: r,
   loading: p = !1,
   progress: u,
   error: n,
-  onExport: f,
+  onExport: x,
   onClose: s
 }) {
-  const [g, d] = T(""), [x, c] = T(""), [o, h] = T(!0);
-  if (G(() => {
-    e && (d(t.length === 1 ? t[0].id : ""), c(i.length > 0 ? i[0].id : ""), h(!0));
-  }, [e, t, i]), !e) return null;
-  const w = t.find((m) => m.id === g), v = i.find((m) => m.id === x), C = w != null && r(w.id), A = w != null && v != null && !p, j = () => {
-    !w || !v || f({
-      layer: w,
+  const [g, d] = T(""), [w, c] = T(""), [o, h] = T(!0);
+  if (q(() => {
+    e && (d(i.length === 1 ? i[0].id : ""), c(t.length > 0 ? t[0].id : ""), h(!0));
+  }, [e, i, t]), !e) return null;
+  const N = i.find((m) => m.id === g), v = t.find((m) => m.id === w), C = N != null && r(N.id), E = N != null && v != null && !p, O = () => {
+    !N || !v || x({
+      layer: N,
       format: v,
       filtered: C ? o : !1
     });
@@ -61,7 +61,7 @@ import './style.css';function xt({
               children: "Layer"
             }
           ),
-          t.length === 1 ? /* @__PURE__ */ a("div", { className: "mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-gray-50 mapui:px-3 mapui:py-2 mapui:text-sm mapui:text-gray-700", children: t[0].label }) : /* @__PURE__ */ l(
+          i.length === 1 ? /* @__PURE__ */ a("div", { className: "mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-gray-50 mapui:px-3 mapui:py-2 mapui:text-sm mapui:text-gray-700", children: i[0].label }) : /* @__PURE__ */ l(
             "select",
             {
               id: "export-layer-select",
@@ -70,14 +70,14 @@ import './style.css';function xt({
               className: "mapui:w-full mapui:rounded mapui:border mapui:border-gray-300 mapui:bg-white mapui:px-3 mapui:py-2 mapui:text-sm mapui:text-gray-700",
               children: [
                 /* @__PURE__ */ a("option", { value: "", disabled: !0, children: "Select a layer..." }),
-                t.map((m) => /* @__PURE__ */ a("option", { value: m.id, children: m.label }, m.id))
+                i.map((m) => /* @__PURE__ */ a("option", { value: m.id, children: m.label }, m.id))
               ]
             }
           )
         ] }),
         /* @__PURE__ */ l("fieldset", { className: "mapui:mb-4", children: [
           /* @__PURE__ */ a("legend", { className: "mapui:mb-1 mapui:text-sm mapui:font-medium mapui:text-gray-700", children: "Format" }),
-          /* @__PURE__ */ a("div", { className: "mapui:space-y-1", children: i.map((m) => /* @__PURE__ */ l(
+          /* @__PURE__ */ a("div", { className: "mapui:space-y-1", children: t.map((m) => /* @__PURE__ */ l(
             "label",
             {
               className: "mapui:flex mapui:cursor-pointer mapui:items-center mapui:gap-2 mapui:rounded mapui:px-2 mapui:py-1.5 hover:mapui:bg-gray-50",
@@ -88,7 +88,7 @@ import './style.css';function xt({
                     type: "radio",
                     name: "export-format",
                     value: m.id,
-                    checked: x === m.id,
+                    checked: w === m.id,
                     onChange: () => c(m.id),
                     className: "mapui:accent-blue-600"
                   }
@@ -134,11 +134,11 @@ import './style.css';function xt({
             "button",
             {
               type: "button",
-              onClick: j,
-              disabled: !A,
+              onClick: O,
+              disabled: !E,
               className: [
                 "mapui:rounded mapui:border mapui:border-transparent mapui:px-3 mapui:py-1.5 mapui:text-sm mapui:font-medium mapui:text-white",
-                A ? "mapui:cursor-pointer mapui:bg-blue-600 hover:mapui:bg-blue-700" : "mapui:cursor-not-allowed mapui:bg-blue-400"
+                E ? "mapui:cursor-pointer mapui:bg-blue-600 hover:mapui:bg-blue-700" : "mapui:cursor-not-allowed mapui:bg-blue-400"
               ].join(" "),
               children: p ? "Exporting..." : "Export"
             }
@@ -149,32 +149,32 @@ import './style.css';function xt({
   );
 }
 const ca = [
-  { mode: "distance", icon: Qe, label: "Distance" },
-  { mode: "area", icon: Ze, label: "Area" }
+  { mode: "distance", icon: Ke, label: "Distance" },
+  { mode: "area", icon: Qe, label: "Area" }
 ];
-function da(e, t) {
-  return e ? t === 0 ? "Click on the map to start measuring" : e === "distance" ? "Click to add points, double-click to finish" : t < 3 ? "Click to add points (min 3 for area)" : "Click to add points, double-click to close" : "Select a measurement mode";
+function da(e, i) {
+  return e ? i === 0 ? "Click on the map to start measuring" : e === "distance" ? "Click to add points, double-click to finish" : i < 3 ? "Click to add points (min 3 for area)" : "Click to add points, double-click to close" : "Select a measurement mode";
 }
-function wt({
+function wi({
   mode: e,
-  onModeChange: t,
-  points: i,
+  onModeChange: i,
+  points: t,
   measurement: r,
   unit: p,
   onUnitChange: u,
   onClear: n,
-  className: f
+  className: x
 }) {
   const s = e ? na[e] : [];
-  return /* @__PURE__ */ l("div", { className: `mapui:flex mapui:flex-col mapui:gap-3 ${f ?? ""}`, children: [
-    /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: ca.map(({ mode: g, icon: d, label: x }) => {
+  return /* @__PURE__ */ l("div", { className: `mapui:flex mapui:flex-col mapui:gap-3 ${x ?? ""}`, children: [
+    /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: ca.map(({ mode: g, icon: d, label: w }) => {
       const c = e === g;
       return /* @__PURE__ */ l(
         "button",
         {
           type: "button",
-          onClick: () => t(c ? null : g),
-          "aria-label": x,
+          onClick: () => i(c ? null : g),
+          "aria-label": w,
           "aria-pressed": c,
           className: [
             "mapui:flex mapui:flex-1 mapui:items-center mapui:justify-center mapui:gap-1.5 mapui:rounded mapui:px-3 mapui:py-1.5 mapui:text-sm mapui:font-medium mapui:transition-colors",
@@ -182,7 +182,7 @@ function wt({
           ].join(" "),
           children: [
             /* @__PURE__ */ a(d, { size: 16 }),
-            x
+            w
           ]
         },
         g
@@ -207,8 +207,8 @@ function wt({
           g
         );
       }) }),
-      /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-center mapui:text-xs mapui:text-gray-500", children: da(e, i.length) }),
-      i.length > 0 && /* @__PURE__ */ l(
+      /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-center mapui:text-xs mapui:text-gray-500", children: da(e, t.length) }),
+      t.length > 0 && /* @__PURE__ */ l(
         "button",
         {
           type: "button",
@@ -227,21 +227,21 @@ const ha = [
   { mode: "click", icon: ea, label: "Click" },
   { mode: "box", icon: aa, label: "Box" }
 ];
-function ga(e, t, i) {
-  return t ? e ? i === 0 ? e === "click" ? "Click on features to select them" : "Click and drag to draw a selection box" : `${i} feature${i !== 1 ? "s" : ""} selected` : "Choose a selection mode" : "Select a layer to begin";
+function ga(e, i, t) {
+  return i ? e ? t === 0 ? e === "click" ? "Click on features to select them" : "Click and drag to draw a selection box" : `${t} feature${t !== 1 ? "s" : ""} selected` : "Choose a selection mode" : "Select a layer to begin";
 }
-function Nt({
+function Ni({
   mode: e,
-  onModeChange: t,
-  layers: i,
+  onModeChange: i,
+  layers: t,
   activeLayerId: r,
   onActiveLayerChange: p,
   selectedCount: u,
   onClear: n,
-  onViewResults: f,
+  onViewResults: x,
   className: s
 }) {
-  const g = i.filter((d) => d.visible);
+  const g = t.filter((d) => d.visible);
   return /* @__PURE__ */ l("div", { className: `mapui:flex mapui:flex-col mapui:gap-3 ${s ?? ""}`, children: [
     /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: [
       /* @__PURE__ */ a("label", { className: "mapui:text-xs mapui:font-medium mapui:text-gray-600", children: "Layer" }),
@@ -259,13 +259,13 @@ function Nt({
       )
     ] }),
     r && /* @__PURE__ */ l(z, { children: [
-      /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: ha.map(({ mode: d, icon: x, label: c }) => {
+      /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: ha.map(({ mode: d, icon: w, label: c }) => {
         const o = e === d;
         return /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: () => t(o ? null : d),
+            onClick: () => i(o ? null : d),
             "aria-label": c,
             "aria-pressed": o,
             className: [
@@ -273,7 +273,7 @@ function Nt({
               o ? "mapui:bg-blue-600 mapui:text-white" : "mapui:bg-gray-100 mapui:text-gray-700 hover:mapui:bg-gray-200"
             ].join(" "),
             children: [
-              /* @__PURE__ */ a(x, { size: 16 }),
+              /* @__PURE__ */ a(w, { size: 16 }),
               c
             ]
           },
@@ -286,10 +286,10 @@ function Nt({
           "button",
           {
             type: "button",
-            onClick: f,
+            onClick: x,
             className: "mapui:flex mapui:flex-1 mapui:items-center mapui:justify-center mapui:gap-1.5 mapui:rounded mapui:bg-blue-600 mapui:px-3 mapui:py-1.5 mapui:text-xs mapui:font-medium mapui:text-white hover:mapui:bg-blue-700",
             children: [
-              /* @__PURE__ */ a(ta, { size: 14 }),
+              /* @__PURE__ */ a(ia, { size: 14 }),
               "View Results"
             ]
           }
@@ -314,33 +314,33 @@ function ba(e) {
   return e == null ? "--" : typeof e == "boolean" ? e ? "Yes" : "No" : typeof e == "object" ? JSON.stringify(e) : String(e);
 }
 const ya = 200, fa = 0.6, xa = 300;
-function vt({
+function vi({
   open: e,
-  features: t,
-  columns: i,
+  features: i,
+  columns: t,
   title: r = "Results",
   onClose: p,
   onExport: u,
   onFeatureClick: n,
-  onClearSelection: f
+  onClearSelection: x
 }) {
-  const [s, g] = T(xa), d = V(!1), x = V(0), c = V(0), o = Be((w) => {
-    w.preventDefault(), d.current = !0, x.current = w.clientY, c.current = s;
+  const [s, g] = T(xa), d = H(!1), w = H(0), c = H(0), o = Be((N) => {
+    N.preventDefault(), d.current = !0, w.current = N.clientY, c.current = s;
   }, [s]);
-  if (G(() => {
+  if (q(() => {
     if (!e) return;
-    const w = (C) => {
+    const N = (C) => {
       if (!d.current) return;
-      const A = window.innerHeight * fa, j = x.current - C.clientY, m = Math.min(A, Math.max(ya, c.current + j));
+      const E = window.innerHeight * fa, O = w.current - C.clientY, m = Math.min(E, Math.max(ya, c.current + O));
       g(m);
     }, v = () => {
       d.current = !1;
     };
-    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", v), () => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", v);
+    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", v), () => {
+      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", v);
     };
   }, [e]), !e) return null;
-  const h = i ?? (t.length > 0 ? Object.keys(t[0].properties).filter((w) => w !== "geometry") : []);
+  const h = t ?? (i.length > 0 ? Object.keys(i[0].properties).filter((N) => N !== "geometry") : []);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -352,13 +352,13 @@ function vt({
           {
             className: "mapui:flex mapui:items-center mapui:justify-center mapui:h-3 mapui:cursor-ns-resize mapui:bg-gray-100 mapui:border-b mapui:border-gray-200 hover:mapui:bg-gray-200",
             onMouseDown: o,
-            children: /* @__PURE__ */ a(ia, { size: 14, className: "mapui:text-gray-400" })
+            children: /* @__PURE__ */ a(ta, { size: 14, className: "mapui:text-gray-400" })
           }
         ),
         /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:px-4 mapui:py-2 mapui:border-b mapui:border-gray-200 mapui:shrink-0", children: [
           /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
             /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:font-semibold mapui:text-gray-800", children: r }),
-            /* @__PURE__ */ a("span", { className: "mapui:rounded-full mapui:bg-blue-100 mapui:px-2 mapui:py-0.5 mapui:text-xs mapui:font-medium mapui:text-blue-700", children: t.length })
+            /* @__PURE__ */ a("span", { className: "mapui:rounded-full mapui:bg-blue-100 mapui:px-2 mapui:py-0.5 mapui:text-xs mapui:font-medium mapui:text-blue-700", children: i.length })
           ] }),
           /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-1", children: [
             u && /* @__PURE__ */ a(
@@ -371,11 +371,11 @@ function vt({
                 children: /* @__PURE__ */ a(ra, { size: 16 })
               }
             ),
-            f && /* @__PURE__ */ a(
+            x && /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
-                onClick: f,
+                onClick: x,
                 title: "Clear selection",
                 className: "mapui:flex mapui:items-center mapui:justify-center mapui:w-7 mapui:h-7 mapui:rounded hover:mapui:bg-gray-100 mapui:text-gray-500",
                 children: /* @__PURE__ */ a(be, { size: 16 })
@@ -393,19 +393,19 @@ function vt({
             )
           ] })
         ] }),
-        /* @__PURE__ */ a("div", { className: "mapui:overflow-auto mapui:flex-1", children: t.length === 0 ? /* @__PURE__ */ a("div", { className: "mapui:flex mapui:items-center mapui:justify-center mapui:h-full mapui:text-sm mapui:text-gray-400", children: "No features to display" }) : /* @__PURE__ */ l("table", { className: "mapui:w-full mapui:text-xs mapui:border-collapse", children: [
+        /* @__PURE__ */ a("div", { className: "mapui:overflow-auto mapui:flex-1", children: i.length === 0 ? /* @__PURE__ */ a("div", { className: "mapui:flex mapui:items-center mapui:justify-center mapui:h-full mapui:text-sm mapui:text-gray-400", children: "No features to display" }) : /* @__PURE__ */ l("table", { className: "mapui:w-full mapui:text-xs mapui:border-collapse", children: [
           /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ l("tr", { className: "mapui:bg-gray-50 mapui:sticky mapui:top-0", children: [
             /* @__PURE__ */ a("th", { className: "mapui:px-3 mapui:py-2 mapui:text-left mapui:font-medium mapui:text-gray-600 mapui:border-b mapui:border-gray-200", children: "#" }),
-            h.map((w) => /* @__PURE__ */ a(
+            h.map((N) => /* @__PURE__ */ a(
               "th",
               {
                 className: "mapui:px-3 mapui:py-2 mapui:text-left mapui:font-medium mapui:text-gray-600 mapui:border-b mapui:border-gray-200 mapui:whitespace-nowrap",
-                children: w
+                children: N
               },
-              w
+              N
             ))
           ] }) }),
-          /* @__PURE__ */ a("tbody", { children: t.map((w, v) => /* @__PURE__ */ l(
+          /* @__PURE__ */ a("tbody", { children: i.map((N, v) => /* @__PURE__ */ l(
             "tr",
             {
               onClick: () => n == null ? void 0 : n(v),
@@ -420,7 +420,7 @@ function vt({
                   "td",
                   {
                     className: "mapui:px-3 mapui:py-1.5 mapui:text-gray-700 mapui:border-b mapui:border-gray-100 mapui:whitespace-nowrap",
-                    children: ba(w.properties[C])
+                    children: ba(N.properties[C])
                   },
                   C
                 ))
@@ -433,8 +433,8 @@ function vt({
     }
   );
 }
-function wa({ text: e, id: t }) {
-  const i = ze(), r = t ?? i;
+function wa({ text: e, id: i }) {
+  const t = ze(), r = i ?? t;
   return /* @__PURE__ */ l("span", { className: "mapui:relative mapui:inline-flex mapui:group", children: [
     /* @__PURE__ */ a(
       "span",
@@ -460,28 +460,28 @@ function wa({ text: e, id: t }) {
     )
   ] });
 }
-function S({ label: e, error: t, required: i, description: r, htmlFor: p, children: u }) {
+function S({ label: e, error: i, required: t, description: r, htmlFor: p, children: u }) {
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: [
     /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-1", children: [
       /* @__PURE__ */ l("label", { htmlFor: p, className: "mapui:flex mapui:items-center mapui:gap-1 mapui:text-xs mapui:font-medium mapui:text-gray-700", children: [
         e,
-        i && /* @__PURE__ */ a("span", { className: "mapui:ml-0.5 mapui:text-red-500", "aria-hidden": "true", children: "*" })
+        t && /* @__PURE__ */ a("span", { className: "mapui:ml-0.5 mapui:text-red-500", "aria-hidden": "true", children: "*" })
       ] }),
       r && /* @__PURE__ */ a(wa, { text: r })
     ] }),
     u,
-    t && /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-xs mapui:text-red-600", role: "alert", children: t })
+    i && /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-xs mapui:text-red-600", role: "alert", children: i })
   ] });
 }
-function J({ value: e, onChange: t, label: i }) {
+function Z({ value: e, onChange: i, label: t }) {
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
     /* @__PURE__ */ a(
       "input",
       {
         type: "color",
         value: e,
-        onChange: (r) => t(r.target.value),
-        "aria-label": i ?? "Color",
+        onChange: (r) => i(r.target.value),
+        "aria-label": t ?? "Color",
         className: "mapui:h-8 mapui:w-10 mapui:cursor-pointer mapui:rounded mapui:border mapui:border-gray-300 mapui:p-0.5"
       }
     ),
@@ -490,8 +490,8 @@ function J({ value: e, onChange: t, label: i }) {
 }
 function re({
   open: e,
-  title: t,
-  description: i,
+  title: i,
+  description: t,
   onConfirm: r,
   onCancel: p
 }) {
@@ -509,7 +509,7 @@ function re({
           {
             id: "confirm-dialog-title",
             className: "mapui:m-0 mapui:mb-2 mapui:text-base mapui:font-semibold mapui:text-gray-900",
-            children: t
+            children: i
           }
         ),
         /* @__PURE__ */ a(
@@ -517,7 +517,7 @@ function re({
           {
             id: "confirm-dialog-description",
             className: "mapui:m-0 mapui:mb-6 mapui:text-sm mapui:text-gray-600",
-            children: i
+            children: t
           }
         ),
         /* @__PURE__ */ l("div", { className: "mapui:flex mapui:justify-end mapui:gap-2", children: [
@@ -546,11 +546,11 @@ function re({
 }
 function X({
   title: e,
-  children: t,
-  defaultOpen: i = !1,
+  children: i,
+  defaultOpen: t = !1,
   badge: r
 }) {
-  const [p, u] = T(i);
+  const [p, u] = T(t);
   return /* @__PURE__ */ l("div", { className: "mapui:rounded mapui:border mapui:border-gray-200", children: [
     /* @__PURE__ */ l(
       "button",
@@ -567,18 +567,18 @@ function X({
         ]
       }
     ),
-    p && /* @__PURE__ */ a("div", { className: "mapui:p-3", children: t })
+    p && /* @__PURE__ */ a("div", { className: "mapui:p-3", children: i })
   ] });
 }
 const ee = "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 we({
   value: e,
-  onChange: t,
-  onTestConnection: i,
+  onChange: i,
+  onTestConnection: t,
   testStatus: r = "idle",
   testError: p
 }) {
-  const u = (n) => t({ ...e, ...n });
+  const u = (n) => i({ ...e, ...n });
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ a(S, { label: "ID", required: !0, children: /* @__PURE__ */ a(
       "input",
@@ -602,11 +602,11 @@ function we({
             className: `${ee} mapui:flex-1`
           }
         ),
-        i && /* @__PURE__ */ a(
+        t && /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: () => i(e.url),
+            onClick: () => t(e.url),
             disabled: r === "loading" || !e.url,
             className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-blue-500 mapui:bg-white mapui:px-3 mapui:py-1 mapui:text-sm mapui:text-blue-600 hover:mapui:bg-blue-50 disabled:mapui:cursor-not-allowed disabled:mapui:opacity-50",
             children: r === "loading" ? "Testing…" : "Test Connection"
@@ -644,21 +644,21 @@ const le = () => ({
   label: void 0,
   tileMatrixSetId: "WebMercatorQuad"
 });
-function kt({ sources: e, onChange: t }) {
-  const [i, r] = T(null), [p, u] = T(null), [n, f] = T(!1), [s, g] = T(le()), [d, x] = T({}), [c, o] = T({}), [h, w] = T(null), v = async (m, I) => {
-    x((F) => ({ ...F, [m]: "loading" }));
+function ki({ sources: e, onChange: i }) {
+  const [t, r] = T(null), [p, u] = T(null), [n, x] = T(!1), [s, g] = T(le()), [d, w] = T({}), [c, o] = T({}), [h, N] = T(null), v = async (m, L) => {
+    w((F) => ({ ...F, [m]: "loading" }));
     try {
-      const F = await fetch(`${I}/conformance`);
-      F.ok ? x((b) => ({ ...b, [m]: "success" })) : (x((b) => ({ ...b, [m]: "error" })), o((b) => ({ ...b, [m]: `HTTP ${F.status}` })));
+      const F = await fetch(`${L}/conformance`);
+      F.ok ? w((b) => ({ ...b, [m]: "success" })) : (w((b) => ({ ...b, [m]: "error" })), o((b) => ({ ...b, [m]: `HTTP ${F.status}` })));
     } catch (F) {
-      x((b) => ({ ...b, [m]: "error" })), o((b) => ({ ...b, [m]: F instanceof Error ? F.message : "Network error" }));
+      w((b) => ({ ...b, [m]: "error" })), o((b) => ({ ...b, [m]: F instanceof Error ? F.message : "Network error" }));
     }
   }, C = () => {
-    p && (t(e.map((m) => m.id === i ? p : m)), r(null), u(null));
-  }, A = () => {
-    t([...e, s]), f(!1), g(le());
-  }, j = (m) => {
-    t(e.filter((I) => I.id !== m)), w(null);
+    p && (i(e.map((m) => m.id === t ? p : m)), r(null), u(null));
+  }, E = () => {
+    i([...e, s]), x(!1), g(le());
+  }, O = (m) => {
+    i(e.filter((L) => L.id !== m)), N(null);
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
@@ -668,7 +668,7 @@ function kt({ sources: e, onChange: t }) {
         {
           type: "button",
           onClick: () => {
-            f(!0), g(le());
+            x(!0), g(le());
           },
           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"
@@ -680,13 +680,13 @@ function kt({ sources: e, onChange: t }) {
       "li",
       {
         className: "mapui:rounded-lg mapui:border mapui:border-gray-200 mapui:bg-white mapui:p-3",
-        children: i === m.id ? /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
+        children: t === m.id ? /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
           /* @__PURE__ */ a(
             we,
             {
               value: p ?? m,
               onChange: u,
-              onTestConnection: (I) => v(`edit-${m.id}`, I),
+              onTestConnection: (L) => v(`edit-${m.id}`, L),
               testStatus: d[`edit-${m.id}`],
               testError: c[`edit-${m.id}`]
             }
@@ -739,7 +739,7 @@ function kt({ sources: e, onChange: t }) {
               "button",
               {
                 type: "button",
-                onClick: () => w(m.id),
+                onClick: () => N(m.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"
               }
@@ -766,7 +766,7 @@ function kt({ sources: e, onChange: t }) {
           "button",
           {
             type: "button",
-            onClick: A,
+            onClick: E,
             disabled: !s.id || !s.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"
@@ -776,7 +776,7 @@ function kt({ sources: e, onChange: t }) {
           "button",
           {
             type: "button",
-            onClick: () => f(!1),
+            onClick: () => x(!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"
           }
@@ -789,27 +789,27 @@ function kt({ sources: e, onChange: t }) {
         open: h !== null,
         title: "Remove Source",
         description: "Are you sure you want to remove this source? Any layers using it will be affected.",
-        onConfirm: () => h && j(h),
-        onCancel: () => w(null)
+        onConfirm: () => h && O(h),
+        onCancel: () => N(null)
       }
     )
   ] });
 }
-function Ct({
+function Ci({
   sourceUrl: e,
-  selectedCollectionIds: t,
-  onSelect: i,
+  selectedCollectionIds: i,
+  onSelect: t,
   onDeselect: r
 }) {
-  const { collections: p, loading: u, error: n } = qe(e || null);
+  const { collections: p, loading: u, error: n } = Ge(e || null);
   return u ? /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2 mapui:py-4 mapui:text-sm mapui:text-gray-500", children: [
     /* @__PURE__ */ a("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…"
   ] }) : n ? /* @__PURE__ */ l("div", { className: "mapui:rounded mapui:bg-red-50 mapui:p-3 mapui:text-sm mapui:text-red-700", children: [
     "Failed to load collections: ",
     n.message
-  ] }) : p.length === 0 ? /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No collections found at this source." }) : /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-1 mapui:p-0", children: p.map((f) => {
-    const s = t.includes(f.id);
+  ] }) : p.length === 0 ? /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No collections found at this source." }) : /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-1 mapui:p-0", children: p.map((x) => {
+    const s = i.includes(x.id);
     return /* @__PURE__ */ l(
       "li",
       {
@@ -819,63 +819,63 @@ function Ct({
             "input",
             {
               type: "checkbox",
-              id: `collection-${f.id}`,
+              id: `collection-${x.id}`,
               checked: s,
-              onChange: () => s ? r(f.id) : i(f.id),
+              onChange: () => s ? r(x.id) : t(x.id),
               className: "mapui:mt-0.5 mapui:h-4 mapui:w-4 mapui:cursor-pointer mapui:accent-blue-600"
             }
           ),
           /* @__PURE__ */ l(
             "label",
             {
-              htmlFor: `collection-${f.id}`,
+              htmlFor: `collection-${x.id}`,
               className: "mapui:flex mapui:cursor-pointer mapui:flex-col mapui:gap-0.5",
               children: [
-                /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-800", children: f.title ?? f.id }),
-                /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: f.id }),
-                f.description && /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-gray-400 mapui:line-clamp-2", children: f.description })
+                /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-800", children: x.title ?? x.id }),
+                /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: x.id }),
+                x.description && /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-gray-400 mapui:line-clamp-2", children: x.description })
               ]
             }
           )
         ]
       },
-      f.id
+      x.id
     );
   }) });
 }
-function Na({ value: e, onChange: t, availableIcons: i }) {
-  const [r, p] = T(!1), [u, n] = T(-1), f = V(null), s = ze(), g = u >= 0 ? `${s}-option-${u}` : void 0, d = Ue(() => {
-    if (!i || i.length === 0) return [];
-    if (!e) return i;
+function Na({ value: e, onChange: i, availableIcons: t }) {
+  const [r, p] = T(!1), [u, n] = T(-1), x = H(null), s = ze(), g = u >= 0 ? `${s}-option-${u}` : void 0, d = Ue(() => {
+    if (!t || t.length === 0) return [];
+    if (!e) return t;
     const v = e.toLowerCase();
-    return i.filter((C) => C.toLowerCase().includes(v));
-  }, [i, e]), x = r && d.length > 0, c = Be(
+    return t.filter((C) => C.toLowerCase().includes(v));
+  }, [t, e]), w = r && d.length > 0, c = Be(
     (v) => {
-      t(v), p(!1), n(-1);
+      i(v), p(!1), n(-1);
     },
-    [t]
+    [i]
   ), o = (v) => {
-    t(v.target.value), p(!0), n(-1);
+    i(v.target.value), p(!0), n(-1);
   }, h = (v) => {
-    x && (v.key === "ArrowDown" ? (v.preventDefault(), n((C) => Math.min(C + 1, d.length - 1))) : v.key === "ArrowUp" ? (v.preventDefault(), n((C) => Math.max(C - 1, 0))) : v.key === "Enter" && u >= 0 ? (v.preventDefault(), c(d[u])) : v.key === "Escape" && (p(!1), n(-1)));
+    w && (v.key === "ArrowDown" ? (v.preventDefault(), n((C) => Math.min(C + 1, d.length - 1))) : v.key === "ArrowUp" ? (v.preventDefault(), n((C) => Math.max(C - 1, 0))) : v.key === "Enter" && u >= 0 ? (v.preventDefault(), c(d[u])) : v.key === "Escape" && (p(!1), n(-1)));
   };
-  G(() => {
+  q(() => {
     const v = (C) => {
-      f.current && !f.current.contains(C.target) && (p(!1), n(-1));
+      x.current && !x.current.contains(C.target) && (p(!1), n(-1));
     };
     return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
   }, []);
-  const w = "mapui:w-full 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";
-  return !i || i.length === 0 ? /* @__PURE__ */ a(
+  const N = "mapui:w-full 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";
+  return !t || t.length === 0 ? /* @__PURE__ */ a(
     "input",
     {
       type: "text",
       value: e,
-      onChange: (v) => t(v.target.value || ""),
+      onChange: (v) => i(v.target.value || ""),
       placeholder: "icon-name",
-      className: w
+      className: N
     }
-  ) : /* @__PURE__ */ l("div", { ref: f, className: "mapui:relative", children: [
+  ) : /* @__PURE__ */ l("div", { ref: x, className: "mapui:relative", children: [
     /* @__PURE__ */ a(
       "input",
       {
@@ -883,17 +883,17 @@ function Na({ value: e, onChange: t, availableIcons: i }) {
         value: e,
         placeholder: "Search icons…",
         role: "combobox",
-        "aria-expanded": x,
+        "aria-expanded": w,
         "aria-autocomplete": "list",
         "aria-controls": s,
         "aria-activedescendant": g,
         onChange: o,
         onFocus: () => p(!0),
         onKeyDown: h,
-        className: w
+        className: N
       }
     ),
-    x && /* @__PURE__ */ a(
+    w && /* @__PURE__ */ a(
       "ul",
       {
         id: s,
@@ -905,8 +905,8 @@ function Na({ value: e, onChange: t, availableIcons: i }) {
             id: `${s}-option-${C}`,
             role: "option",
             "aria-selected": C === u,
-            onMouseDown: (A) => {
-              A.preventDefault(), c(v);
+            onMouseDown: (E) => {
+              E.preventDefault(), c(v);
             },
             className: `mapui:cursor-pointer mapui:px-2 mapui:py-1 mapui:text-sm mapui:font-mono ${C === u ? "mapui:bg-blue-100" : "hover:mapui:bg-gray-50"}`,
             children: v
@@ -936,185 +936,185 @@ function va(e) {
   return e[0] === "interpolate" ? "interpolate" : "match";
 }
 function ka(e) {
-  const t = Array.isArray(e[1]) ? e[1][1] ?? "" : "", i = e[e.length - 1] ?? "#000000", r = [];
+  const i = Array.isArray(e[1]) ? e[1][1] ?? "" : "", t = e[e.length - 1] ?? "#000000", r = [];
   for (let p = 2; p < e.length - 1; p += 2)
     r.push({ value: String(e[p] ?? ""), color: e[p + 1] ?? "#000000" });
-  return { property: t, pairs: r, fallback: i };
+  return { property: i, pairs: r, fallback: t };
 }
-function ve(e, t, i) {
+function ve(e, i, t) {
   const r = ["match", ["get", e]];
-  for (const p of t)
+  for (const p of i)
     r.push(p.value, p.color);
-  return r.push(i), r;
+  return r.push(t), r;
 }
 function ne(e) {
-  const t = e[2];
-  let i = "";
-  Array.isArray(t) && (t[0] === "to-number" && Array.isArray(t[1]) ? i = t[1][1] ?? "" : i = t[1] ?? "");
+  const i = e[2];
+  let t = "";
+  Array.isArray(i) && (i[0] === "to-number" && Array.isArray(i[1]) ? t = i[1][1] ?? "" : t = i[1] ?? "");
   const r = [];
   for (let p = 3; p < e.length; p += 2)
     r.push({ stop: Number(e[p] ?? 0), color: e[p + 1] ?? "#000000" });
-  return { property: i, stops: r };
+  return { property: t, stops: r };
 }
-function ke(e, t) {
-  const i = ["interpolate", ["linear"], ["to-number", ["get", e]]];
-  for (const r of t)
-    i.push(r.stop, r.color);
-  return i;
+function ke(e, i) {
+  const t = ["interpolate", ["linear"], ["to-number", ["get", e]]];
+  for (const r of i)
+    t.push(r.stop, r.color);
+  return t;
 }
 function Ce(e) {
-  return e.map((t) => ({ stopText: String(t.stop), color: t.color }));
+  return e.map((i) => ({ stopText: String(i.stop), color: i.color }));
 }
 function Ca(e) {
-  return e.map((t, i) => {
-    if (t.stopText.trim() === "") return "Value required";
-    const r = parseFloat(t.stopText);
+  return e.map((i, t) => {
+    if (i.stopText.trim() === "") return "Value required";
+    const r = parseFloat(i.stopText);
     if (isNaN(r)) return "Must be a number";
-    if (i > 0) {
-      const p = parseFloat(e[i - 1].stopText);
+    if (t > 0) {
+      const p = parseFloat(e[t - 1].stopText);
       if (!isNaN(p) && r <= p) return "Must be greater than previous stop";
     }
     return "";
   });
 }
 function Sa(e) {
-  const t = [];
-  for (const i of e) {
-    const r = parseFloat(i.stopText);
+  const i = [];
+  for (const t of e) {
+    const r = parseFloat(t.stopText);
     if (isNaN(r)) return null;
-    t.push({ stop: r, color: i.color });
+    i.push({ stop: r, color: t.color });
   }
-  return t;
+  return 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", ue = "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-gray-300 mapui:bg-white mapui:px-2 mapui:py-1 mapui:text-xs mapui:text-gray-700 hover:mapui:bg-gray-50", Se = "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";
 function Ta({
   value: e,
-  onChange: t,
-  availableProperties: i = [],
+  onChange: i,
+  availableProperties: t = [],
   onFetchDistinctValues: r
 }) {
-  const [p, u] = T(() => va(e)), [n, f] = T(!1), s = ka(e), g = p === "match" ? s.property : "", d = p === "match" ? s.pairs : [], x = p === "match" ? s.fallback : "#000000", [c, o] = T(() => {
-    const y = ne(e);
-    return Ce(y.stops);
-  }), [h, w] = T(() => p === "interpolate" ? ne(e).property : ""), [v, C] = T([]), A = V(e);
-  G(() => {
-    if (A.current !== e && p === "interpolate") {
-      const y = ne(e);
-      o(Ce(y.stops)), w(y.property), C([]);
+  const [p, u] = T(() => va(e)), [n, x] = T(!1), s = ka(e), g = p === "match" ? s.property : "", d = p === "match" ? s.pairs : [], w = p === "match" ? s.fallback : "#000000", [c, o] = T(() => {
+    const f = ne(e);
+    return Ce(f.stops);
+  }), [h, N] = T(() => p === "interpolate" ? ne(e).property : ""), [v, C] = T([]), E = H(e);
+  q(() => {
+    if (E.current !== e && p === "interpolate") {
+      const f = ne(e);
+      o(Ce(f.stops)), N(f.property), C([]);
     }
-    A.current = e;
+    E.current = e;
   }, [e, p]);
-  const j = i.filter(
-    (y) => !y.type || y.type === "string"
-  ), m = i.filter(
-    (y) => y.type === "number" || y.type === "integer"
-  ), I = (y, D, E) => {
-    t(ve(y, D, E));
-  }, F = (y) => {
-    I(y, d, x);
-  }, b = (y) => {
-    I(g, d, y);
-  }, M = (y, D) => {
-    const E = d.map((L, B) => B === y ? { ...L, value: D } : L);
-    I(g, E, x);
-  }, P = (y, D) => {
-    const E = d.map((L, B) => B === y ? { ...L, color: D } : L);
-    I(g, E, x);
-  }, N = (y) => {
-    const D = d.filter((E, L) => L !== y);
-    I(g, D, x);
+  const O = t.filter(
+    (f) => !f.type || f.type === "string"
+  ), m = t.filter(
+    (f) => f.type === "number" || f.type === "integer"
+  ), L = (f, D, I) => {
+    i(ve(f, D, I));
+  }, F = (f) => {
+    L(f, d, w);
+  }, b = (f) => {
+    L(g, d, f);
+  }, M = (f, D) => {
+    const I = d.map((A, B) => B === f ? { ...A, value: D } : A);
+    L(g, I, w);
+  }, P = (f, D) => {
+    const I = d.map((A, B) => B === f ? { ...A, color: D } : A);
+    L(g, I, w);
+  }, y = (f) => {
+    const D = d.filter((I, A) => A !== f);
+    L(g, D, w);
   }, k = () => {
-    const y = [...d, { value: "", color: pe(d.length) }];
-    I(g, y, x);
-  }, O = async () => {
+    const f = [...d, { value: "", color: pe(d.length) }];
+    L(g, f, w);
+  }, j = async () => {
     if (!(!r || !g)) {
-      f(!0);
+      x(!0);
       try {
-        const D = (await r(g)).map((E, L) => ({
-          value: E,
-          color: pe(L)
+        const D = (await r(g)).map((I, A) => ({
+          value: I,
+          color: pe(A)
         }));
-        I(g, D, x);
+        L(g, D, w);
       } finally {
-        f(!1);
+        x(!1);
       }
     }
-  }, R = (y, D) => {
-    const E = Ca(D);
-    if (C(E), y && D.length >= 2 && E.every((L) => !L)) {
-      const L = Sa(D);
-      L && t(ke(y, L));
+  }, R = (f, D) => {
+    const I = Ca(D);
+    if (C(I), f && D.length >= 2 && I.every((A) => !A)) {
+      const A = Sa(D);
+      A && i(ke(f, A));
     }
-  }, W = (y) => {
-    w(y), R(y, c);
-  }, U = (y, D) => {
-    const E = c.map((L, B) => B === y ? { ...L, stopText: D } : L);
-    o(E), R(h, E);
-  }, q = (y, D) => {
-    const E = c.map((L, B) => B === y ? { ...L, color: D } : L);
-    o(E), R(h, E);
-  }, K = (y) => {
-    const D = c.filter((E, L) => L !== y);
+  }, W = (f) => {
+    N(f), R(f, c);
+  }, U = (f, D) => {
+    const I = c.map((A, B) => B === f ? { ...A, stopText: D } : A);
+    o(I), R(h, I);
+  }, G = (f, D) => {
+    const I = c.map((A, B) => B === f ? { ...A, color: D } : A);
+    o(I), R(h, I);
+  }, J = (f) => {
+    const D = c.filter((I, A) => A !== f);
     o(D), R(h, D);
-  }, Q = () => {
+  }, K = () => {
     var B;
-    const y = ((B = c[c.length - 1]) == null ? void 0 : B.stopText) ?? "0", D = parseFloat(y), E = isNaN(D) ? 0 : D + 10, L = [...c, { stopText: String(E), color: pe(c.length) }];
-    o(L), R(h, L);
-  }, Z = (y) => {
-    u(y), y === "match" ? t(ve("", [], "#000000")) : (o([]), w(""), C([]), t(ke("", [])));
+    const f = ((B = c[c.length - 1]) == null ? void 0 : B.stopText) ?? "0", D = parseFloat(f), I = isNaN(D) ? 0 : D + 10, A = [...c, { stopText: String(I), color: pe(c.length) }];
+    o(A), R(h, A);
+  }, Q = (f) => {
+    u(f), f === "match" ? i(ve("", [], "#000000")) : (o([]), N(""), C([]), i(ke("", [])));
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
-    /* @__PURE__ */ a("div", { className: "mapui:flex mapui:overflow-hidden mapui:rounded mapui:border mapui:border-gray-300", children: ["match", "interpolate"].map((y) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: "mapui:flex mapui:overflow-hidden mapui:rounded mapui:border mapui:border-gray-300", children: ["match", "interpolate"].map((f) => /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: () => Z(y),
+        onClick: () => Q(f),
         className: [
           "mapui:flex-1 mapui:cursor-pointer mapui:border-0 mapui:px-3 mapui:py-1 mapui:text-xs mapui:capitalize mapui:outline-none",
           "focus:mapui:ring-1 focus:mapui:ring-inset focus:mapui:ring-blue-400",
-          p === y ? "mapui:bg-blue-500 mapui:text-white" : "mapui:bg-white mapui:text-gray-700 hover:mapui:bg-gray-50"
+          p === f ? "mapui:bg-blue-500 mapui:text-white" : "mapui:bg-white mapui:text-gray-700 hover:mapui:bg-gray-50"
         ].join(" "),
-        children: y === "match" ? "Categorical" : "Gradient"
+        children: f === "match" ? "Categorical" : "Gradient"
       },
-      y
+      f
     )) }),
     p === "match" && /* @__PURE__ */ l(z, { children: [
       /* @__PURE__ */ l(
         "select",
         {
           value: g,
-          onChange: (y) => F(y.target.value),
+          onChange: (f) => F(f.target.value),
           className: ae,
           children: [
             /* @__PURE__ */ a("option", { value: "", children: "Select a property…" }),
-            j.map((y) => /* @__PURE__ */ a("option", { value: y.name, children: y.title ?? y.name }, y.name))
+            O.map((f) => /* @__PURE__ */ a("option", { value: f.name, children: f.title ?? f.name }, f.name))
           ]
         }
       ),
-      d.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: d.map((y, D) => /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
+      d.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: d.map((f, D) => /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
         /* @__PURE__ */ a(
           "input",
           {
             type: "text",
-            value: y.value,
-            onChange: (E) => M(D, E.target.value),
+            value: f.value,
+            onChange: (I) => M(D, I.target.value),
             placeholder: "value",
             className: `${ae} mapui:flex-1`
           }
         ),
         /* @__PURE__ */ a(
-          J,
+          Z,
           {
-            value: y.color,
-            onChange: (E) => P(D, E),
-            label: `Color for "${y.value}"`
+            value: f.color,
+            onChange: (I) => P(D, I),
+            label: `Color for "${f.value}"`
           }
         ),
-        /* @__PURE__ */ a("button", { type: "button", onClick: () => N(D), className: Se, children: "×" })
+        /* @__PURE__ */ a("button", { type: "button", onClick: () => y(D), className: Se, children: "×" })
       ] }, D)) }),
       /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
         /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-gray-500 mapui:shrink-0", children: "Fallback:" }),
-        /* @__PURE__ */ a(J, { value: x, onChange: b, label: "Fallback color" })
+        /* @__PURE__ */ a(Z, { value: w, onChange: b, label: "Fallback color" })
       ] }),
       /* @__PURE__ */ l("div", { className: "mapui:flex mapui:gap-2", children: [
         /* @__PURE__ */ a("button", { type: "button", onClick: k, className: ue, children: "+ Add value" }),
@@ -1122,7 +1122,7 @@ function Ta({
           "button",
           {
             type: "button",
-            onClick: O,
+            onClick: j,
             disabled: n,
             className: ue,
             children: n ? "Loading…" : "Auto-populate"
@@ -1135,16 +1135,16 @@ function Ta({
         "select",
         {
           value: h,
-          onChange: (y) => W(y.target.value),
+          onChange: (f) => W(f.target.value),
           className: ae,
           children: [
             /* @__PURE__ */ a("option", { value: "", children: "Select a numeric property…" }),
-            m.map((y) => /* @__PURE__ */ a("option", { value: y.name, children: y.title ?? y.name }, y.name))
+            m.map((f) => /* @__PURE__ */ a("option", { value: f.name, children: f.title ?? f.name }, f.name))
           ]
         }
       ),
-      c.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: c.map((y, D) => {
-        const E = v[D];
+      c.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: c.map((f, D) => {
+        const I = v[D];
         return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-0.5", children: [
           /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
             /* @__PURE__ */ a(
@@ -1152,44 +1152,44 @@ function Ta({
               {
                 type: "text",
                 inputMode: "numeric",
-                value: y.stopText,
-                onChange: (L) => U(D, L.target.value),
+                value: f.stopText,
+                onChange: (A) => U(D, A.target.value),
                 placeholder: "stop",
                 className: `${ae} mapui:w-24`
               }
             ),
             /* @__PURE__ */ a(
-              J,
+              Z,
               {
-                value: y.color,
-                onChange: (L) => q(D, L),
-                label: `Color at stop ${y.stopText}`
+                value: f.color,
+                onChange: (A) => G(D, A),
+                label: `Color at stop ${f.stopText}`
               }
             ),
-            /* @__PURE__ */ a("button", { type: "button", onClick: () => K(D), className: Se, children: "×" })
+            /* @__PURE__ */ a("button", { type: "button", onClick: () => J(D), className: Se, children: "×" })
           ] }),
-          E && /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-red-500", children: E })
+          I && /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-red-500", children: I })
         ] }, D);
       }) }),
-      /* @__PURE__ */ a("button", { type: "button", onClick: Q, className: ue, children: "+ Add stop" })
+      /* @__PURE__ */ a("button", { type: "button", onClick: K, className: ue, children: "+ Add stop" })
     ] })
   ] });
 }
-const H = "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 Y = "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 Da({
   value: e,
-  onChange: t
+  onChange: i
 }) {
-  const i = (e == null ? void 0 : e[0]) ?? 0, r = (e == null ? void 0 : e[1]) ?? 0;
+  const t = (e == null ? void 0 : e[0]) ?? 0, r = (e == null ? void 0 : e[1]) ?? 0;
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
     /* @__PURE__ */ a(
       "input",
       {
         type: "number",
         step: 0.5,
-        value: i,
-        onChange: (p) => t([parseFloat(p.target.value) || 0, r]),
-        className: `${H} mapui:w-20`,
+        value: t,
+        onChange: (p) => i([parseFloat(p.target.value) || 0, r]),
+        className: `${Y} mapui:w-20`,
         "aria-label": "X",
         placeholder: "X"
       }
@@ -1200,8 +1200,8 @@ function Da({
         type: "number",
         step: 0.5,
         value: r,
-        onChange: (p) => t([i, parseFloat(p.target.value) || 0]),
-        className: `${H} mapui:w-20`,
+        onChange: (p) => i([t, parseFloat(p.target.value) || 0]),
+        className: `${Y} mapui:w-20`,
         "aria-label": "Y",
         placeholder: "Y"
       }
@@ -1210,9 +1210,9 @@ function Da({
 }
 function La({
   value: e,
-  onChange: t
+  onChange: i
 }) {
-  const i = e ?? 1;
+  const t = e ?? 1;
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
     /* @__PURE__ */ a(
       "input",
@@ -1221,26 +1221,26 @@ function La({
         min: 0,
         max: 1,
         step: 0.01,
-        value: i,
-        onChange: (r) => t(parseFloat(r.target.value)),
+        value: t,
+        onChange: (r) => i(parseFloat(r.target.value)),
         className: "mapui:flex-1"
       }
     ),
-    /* @__PURE__ */ a("span", { className: "mapui:w-8 mapui:text-right mapui:text-xs mapui:text-gray-600", children: i.toFixed(2) })
+    /* @__PURE__ */ a("span", { className: "mapui:w-8 mapui:text-right mapui:text-xs mapui:text-gray-600", children: t.toFixed(2) })
   ] });
 }
 function Te({
   def: e,
-  value: t,
-  onChange: i,
+  value: i,
+  onChange: t,
   availableIcons: r,
   availableProperties: p,
   onFetchDistinctValues: u
 }) {
-  var n, f;
+  var n, x;
   switch (e.widget) {
     case "color": {
-      const s = Array.isArray(t), g = s ? t[t.length - 1] ?? "#000000" : "#000000";
+      const s = Array.isArray(i), g = s ? i[i.length - 1] ?? "#000000" : "#000000";
       return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-1 mapui:w-full", children: [
         /* @__PURE__ */ a("div", { className: "mapui:flex mapui:items-center mapui:justify-end", children: /* @__PURE__ */ a(
           "button",
@@ -1248,7 +1248,7 @@ function Te({
             type: "button",
             title: s ? "Switch to static color" : "Switch to data-driven color",
             onClick: () => {
-              i(s ? g : ["match", ["get", ""], g]);
+              t(s ? g : ["match", ["get", ""], g]);
             },
             className: [
               "mapui:cursor-pointer mapui:rounded mapui:border mapui:px-1.5 mapui:py-0.5 mapui:font-mono mapui:text-xs mapui:outline-none",
@@ -1261,16 +1261,16 @@ function Te({
         s ? /* @__PURE__ */ a(
           Ta,
           {
-            value: t,
-            onChange: (d) => i(d),
+            value: i,
+            onChange: (d) => t(d),
             availableProperties: p,
             onFetchDistinctValues: u
           }
         ) : /* @__PURE__ */ a(
-          J,
+          Z,
           {
-            value: t ?? "#000000",
-            onChange: i,
+            value: i ?? "#000000",
+            onChange: t,
             label: e.label
           }
         )
@@ -1280,8 +1280,8 @@ function Te({
       return /* @__PURE__ */ a(
         La,
         {
-          value: t,
-          onChange: i
+          value: i,
+          onChange: t
         }
       );
     case "number":
@@ -1292,9 +1292,9 @@ function Te({
           min: e.min,
           max: e.max,
           step: e.step ?? 1,
-          value: t ?? e.min ?? 0,
-          onChange: (s) => i(parseFloat(s.target.value) || 0),
-          className: H
+          value: i ?? e.min ?? 0,
+          onChange: (s) => t(parseFloat(s.target.value) || 0),
+          className: Y
         }
       );
     case "boolean":
@@ -1302,8 +1302,8 @@ function Te({
         "input",
         {
           type: "checkbox",
-          checked: t ?? !1,
-          onChange: (s) => i(s.target.checked),
+          checked: i ?? !1,
+          onChange: (s) => t(s.target.checked),
           className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
         }
       );
@@ -1311,44 +1311,44 @@ function Te({
       return /* @__PURE__ */ a(
         "select",
         {
-          value: t ?? ((n = e.options) == null ? void 0 : n[0]) ?? "",
-          onChange: (s) => i(s.target.value),
-          className: H,
-          children: (f = e.options) == null ? void 0 : f.map((s) => /* @__PURE__ */ a("option", { value: s, children: s }, s))
+          value: i ?? ((n = e.options) == null ? void 0 : n[0]) ?? "",
+          onChange: (s) => t(s.target.value),
+          className: Y,
+          children: (x = e.options) == null ? void 0 : x.map((s) => /* @__PURE__ */ a("option", { value: s, children: s }, s))
         }
       );
     case "translate":
       return /* @__PURE__ */ a(
         Da,
         {
-          value: t,
-          onChange: i
+          value: i,
+          onChange: t
         }
       );
     case "dasharray":
     case "stringArray": {
-      const s = t, g = s ? s.join(", ") : "";
+      const s = i, g = s ? s.join(", ") : "";
       return /* @__PURE__ */ a(
         "input",
         {
           type: "text",
           value: g,
           onChange: (d) => {
-            const x = d.target.value.trim();
-            if (!x) {
-              i(void 0);
+            const w = d.target.value.trim();
+            if (!w) {
+              t(void 0);
               return;
             }
             if (e.widget === "dasharray") {
-              const c = x.split(",").map((o) => parseFloat(o.trim())).filter((o) => !isNaN(o));
-              i(c.length > 0 ? c : void 0);
+              const c = w.split(",").map((o) => parseFloat(o.trim())).filter((o) => !isNaN(o));
+              t(c.length > 0 ? c : void 0);
             } else {
-              const c = x.split(",").map((o) => o.trim()).filter(Boolean);
-              i(c.length > 0 ? c : void 0);
+              const c = w.split(",").map((o) => o.trim()).filter(Boolean);
+              t(c.length > 0 ? c : void 0);
             }
           },
           placeholder: e.widget === "dasharray" ? "e.g. 2, 4" : "comma-separated",
-          className: H
+          className: Y
         }
       );
     }
@@ -1357,17 +1357,17 @@ function Te({
         "input",
         {
           type: "text",
-          value: t ?? "",
-          onChange: (s) => i(s.target.value || void 0),
-          className: H
+          value: i ?? "",
+          onChange: (s) => t(s.target.value || void 0),
+          className: Y
         }
       );
     case "icon-image":
       return /* @__PURE__ */ a(
         Na,
         {
-          value: t ?? "",
-          onChange: (s) => i(s ?? void 0),
+          value: i ?? "",
+          onChange: (s) => t(s ?? void 0),
           availableIcons: r
         }
       );
@@ -1375,17 +1375,17 @@ function Te({
       return null;
   }
 }
-function Aa({ def: e, value: t, onChange: i, availableIcons: r, availableProperties: p, onFetchDistinctValues: u }) {
-  const n = e.enableDefault !== void 0, f = t !== void 0;
+function Aa({ def: e, value: i, onChange: t, availableIcons: r, availableProperties: p, onFetchDistinctValues: u }) {
+  const n = e.enableDefault !== void 0, x = i !== void 0;
   if (n && e.widget === "boolean") {
     const s = !e.enableDefault;
     return /* @__PURE__ */ a(S, { label: e.label, description: e.description, children: /* @__PURE__ */ a(
       "input",
       {
         type: "checkbox",
-        checked: t === s,
+        checked: i === s,
         onChange: (g) => {
-          i(e.key, g.target.checked ? s : void 0);
+          t(e.key, g.target.checked ? s : void 0);
         },
         className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
       }
@@ -1396,19 +1396,19 @@ function Aa({ def: e, value: t, onChange: i, availableIcons: r, availablePropert
       "input",
       {
         type: "checkbox",
-        checked: f,
+        checked: x,
         onChange: (s) => {
-          i(e.key, s.target.checked ? e.enableDefault : void 0);
+          t(e.key, s.target.checked ? e.enableDefault : void 0);
         },
         className: "mapui:h-4 mapui:w-4 mapui:shrink-0 mapui:accent-blue-600"
       }
     ),
-    f && /* @__PURE__ */ a(
+    x && /* @__PURE__ */ a(
       Te,
       {
         def: e,
-        value: t,
-        onChange: (s) => i(e.key, s),
+        value: i,
+        onChange: (s) => t(e.key, s),
         availableIcons: r,
         availableProperties: p,
         onFetchDistinctValues: u
@@ -1418,8 +1418,8 @@ function Aa({ def: e, value: t, onChange: i, availableIcons: r, availablePropert
     Te,
     {
       def: e,
-      value: t,
-      onChange: (s) => i(e.key, s),
+      value: i,
+      onChange: (s) => t(e.key, s),
       availableIcons: r,
       availableProperties: p,
       onFetchDistinctValues: u
@@ -1428,31 +1428,31 @@ function Aa({ def: e, value: t, onChange: i, availableIcons: r, availablePropert
 }
 function De({
   title: e,
-  properties: t,
-  values: i,
+  properties: i,
+  values: t,
   onChange: r,
   defaultOpen: p = !1,
   availableIcons: u,
   availableProperties: n,
-  onFetchDistinctValues: f
+  onFetchDistinctValues: x
 }) {
-  const s = t.filter(
-    (g) => g.enableDefault !== void 0 && i[g.key] !== void 0
+  const s = i.filter(
+    (g) => g.enableDefault !== void 0 && t[g.key] !== void 0
   ).length;
-  return /* @__PURE__ */ a(X, { title: e, defaultOpen: p, badge: s || void 0, children: /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: t.map((g) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(X, { title: e, defaultOpen: p, badge: s || void 0, children: /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: i.map((g) => /* @__PURE__ */ a(
     Aa,
     {
       def: g,
-      value: i[g.key],
+      value: t[g.key],
       onChange: r,
       availableIcons: u,
       availableProperties: n,
-      onFetchDistinctValues: f
+      onFetchDistinctValues: x
     },
     g.key
   )) }) });
 }
-function _(e) {
+function V(e) {
   return Array.isArray(e);
 }
 function Ea(e) {
@@ -1460,46 +1460,46 @@ function Ea(e) {
 }
 function We(e) {
   if (e[0] === "match") {
-    const t = [];
+    const i = [];
     for (let r = 3; r < e.length; r += 2)
-      typeof e[r] == "string" && t.push(e[r]);
-    const i = e[e.length - 1];
-    return typeof i == "string" && t.push(i), t;
+      typeof e[r] == "string" && i.push(e[r]);
+    const t = e[e.length - 1];
+    return typeof t == "string" && i.push(t), i;
   }
   if (e[0] === "interpolate") {
-    const t = [];
-    for (let i = 4; i < e.length; i += 2)
-      typeof e[i] == "string" && t.push(e[i]);
-    return t;
+    const i = [];
+    for (let t = 4; t < e.length; t += 2)
+      typeof e[t] == "string" && i.push(e[t]);
+    return i;
   }
   return [];
 }
 function Ia(e) {
   if (e[0] === "match") {
-    const t = [];
+    const i = [];
     for (let r = 2; r < e.length - 1; r += 2) {
       const p = String(e[r]), u = e[r + 1];
-      typeof u == "string" && t.push({ label: p, color: u });
+      typeof u == "string" && i.push({ label: p, color: u });
     }
-    const i = e[e.length - 1];
-    return typeof i == "string" && t.push({ label: "Other", color: i }), t;
+    const t = e[e.length - 1];
+    return typeof t == "string" && i.push({ label: "Other", color: t }), i;
   }
   if (e[0] === "interpolate") {
-    const t = [];
-    for (let i = 3; i < e.length; i += 2) {
-      const r = String(e[i]), p = e[i + 1];
-      typeof p == "string" && t.push({ label: r, color: p });
+    const i = [];
+    for (let t = 3; t < e.length; t += 2) {
+      const r = String(e[t]), p = e[t + 1];
+      typeof p == "string" && i.push({ label: r, color: p });
     }
-    return t;
+    return i;
   }
   return [];
 }
 function Ma(e) {
-  const t = e[0] === "match" ? e[1] : e[0] === "interpolate" ? e[2] : null;
-  if (Array.isArray(t)) {
-    if (t[0] === "get" && typeof t[1] == "string") return t[1];
-    if (t[0] === "to-number" && Array.isArray(t[1]) && t[1][0] === "get")
-      return t[1][1] ?? null;
+  const i = e[0] === "match" ? e[1] : e[0] === "interpolate" ? e[2] : null;
+  if (Array.isArray(i)) {
+    if (i[0] === "get" && typeof i[1] == "string") return i[1];
+    if (i[0] === "to-number" && Array.isArray(i[1]) && i[1][0] === "get")
+      return i[1][1] ?? null;
   }
   return null;
 }
@@ -1526,23 +1526,23 @@ function Pa(e) {
       return "circle";
   }
 }
-function oe({ expr: e, height: t }) {
-  const i = We(e);
-  if (i.length === 0)
+function oe({ expr: e, height: i }) {
+  const t = We(e);
+  if (t.length === 0)
     return /* @__PURE__ */ a(
       "div",
       {
-        style: { width: "100%", height: t ?? 32, background: "#e5e7eb", borderRadius: 4 },
+        style: { width: "100%", height: i ?? 32, background: "#e5e7eb", borderRadius: 4 },
         title: "Expression (no preview)"
       }
     );
-  const r = e[0] === "interpolate", p = r ? `linear-gradient(to right, ${i.join(", ")})` : i.map((u, n) => `${u} ${n / i.length * 100}% ${(n + 1) / i.length * 100}%`).join(", ");
+  const r = e[0] === "interpolate", p = r ? `linear-gradient(to right, ${t.join(", ")})` : t.map((u, n) => `${u} ${n / t.length * 100}% ${(n + 1) / t.length * 100}%`).join(", ");
   return /* @__PURE__ */ a(
     "div",
     {
       style: {
         width: "100%",
-        height: t ?? 32,
+        height: i ?? 32,
         background: r ? p : `linear-gradient(to right, ${p})`,
         borderRadius: 4
       },
@@ -1550,10 +1550,10 @@ function oe({ expr: e, height: t }) {
     }
   );
 }
-function Le(e, t) {
-  return typeof e == "string" ? e : _(e) ? We(e)[0] ?? t : t;
+function Le(e, i) {
+  return typeof e == "string" ? e : V(e) ? We(e)[0] ?? i : i;
 }
-function ja({ style: e }) {
+function Oa({ style: e }) {
   if (e.type === "fill") {
     const r = e.paint["fill-color"];
     return /* @__PURE__ */ a(
@@ -1561,7 +1561,7 @@ function ja({ style: e }) {
       {
         className: "mapui:h-8 mapui:w-full mapui:rounded mapui:border mapui:border-gray-200 mapui:overflow-hidden",
         "aria-label": "Style preview",
-        children: _(r) ? /* @__PURE__ */ a(oe, { expr: r, height: 32 }) : /* @__PURE__ */ a(
+        children: V(r) ? /* @__PURE__ */ a(oe, { expr: r, height: 32 }) : /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -1569,7 +1569,7 @@ function ja({ style: e }) {
               height: "100%",
               backgroundColor: r,
               opacity: e.paint["fill-opacity"],
-              outline: e.paint["fill-outline-color"] && !_(e.paint["fill-outline-color"]) ? `2px solid ${e.paint["fill-outline-color"]}` : void 0
+              outline: e.paint["fill-outline-color"] && !V(e.paint["fill-outline-color"]) ? `2px solid ${e.paint["fill-outline-color"]}` : void 0
             }
           }
         )
@@ -1583,7 +1583,7 @@ function ja({ style: e }) {
       {
         className: "mapui:flex mapui:h-8 mapui:w-full mapui:items-center mapui:rounded mapui:border mapui:border-gray-200 mapui:px-2",
         "aria-label": "Style preview",
-        children: _(r) ? /* @__PURE__ */ a(oe, { expr: r, height: e.paint["line-width"] }) : /* @__PURE__ */ a(
+        children: V(r) ? /* @__PURE__ */ a(oe, { expr: r, height: e.paint["line-width"] }) : /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -1604,7 +1604,7 @@ function ja({ style: e }) {
       {
         className: "mapui:flex mapui:h-8 mapui:w-full mapui:items-center mapui:justify-center mapui:rounded mapui:border mapui:border-gray-200",
         "aria-label": "Style preview",
-        children: _(r) ? /* @__PURE__ */ a("div", { style: { width: p, height: p, borderRadius: "50%", overflow: "hidden" }, children: /* @__PURE__ */ a(oe, { expr: r, height: p }) }) : /* @__PURE__ */ a(
+        children: V(r) ? /* @__PURE__ */ a("div", { style: { width: p, height: p, borderRadius: "50%", overflow: "hidden" }, children: /* @__PURE__ */ a(oe, { expr: r, height: p }) }) : /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -1613,14 +1613,14 @@ function ja({ style: e }) {
               backgroundColor: r,
               opacity: e.paint["circle-opacity"],
               borderRadius: "50%",
-              border: e.paint["circle-stroke-color"] && !_(e.paint["circle-stroke-color"]) ? `${e.paint["circle-stroke-width"] ?? 1}px solid ${e.paint["circle-stroke-color"]}` : void 0
+              border: e.paint["circle-stroke-color"] && !V(e.paint["circle-stroke-color"]) ? `${e.paint["circle-stroke-width"] ?? 1}px solid ${e.paint["circle-stroke-color"]}` : void 0
             }
           }
         )
       }
     );
   }
-  const t = Le(e.paint["text-color"], "#333333"), i = Le(e.paint["icon-color"], "#333333");
+  const i = Le(e.paint["text-color"], "#333333"), t = Le(e.paint["icon-color"], "#333333");
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1630,7 +1630,7 @@ function ja({ style: e }) {
         "span",
         {
           style: {
-            color: t ?? i ?? "#333333",
+            color: i ?? t ?? "#333333",
             fontSize: "1.1rem",
             fontWeight: 600
           },
@@ -1640,7 +1640,7 @@ function ja({ style: e }) {
     }
   );
 }
-const Oa = [
+const ja = [
   // Appearance (paint)
   { key: "fill-color", label: "Fill Color", widget: "color", group: "Appearance", category: "paint" },
   { key: "fill-opacity", label: "Fill Opacity", widget: "opacity", group: "Appearance", category: "paint" },
@@ -1741,7 +1741,7 @@ const Oa = [
   { key: "symbol-sort-key", label: "Sort Key", widget: "number", group: "Placement", category: "layout", step: 1, enableDefault: 0, description: "Features with a higher sort key are prioritised in collision detection and drawn on top within this layer." },
   { key: "symbol-z-order", label: "Z-Order", widget: "enum", group: "Placement", category: "layout", options: ["auto", "viewport-y", "source"], enableDefault: "auto", description: '"viewport-y" renders symbols in top-to-bottom screen order (closer = higher); "source" preserves data source order; "auto" uses "viewport-y" when sort-key is unset.' }
 ], za = {
-  fill: Oa,
+  fill: ja,
   line: $a,
   circle: Ra,
   symbol: Ba
@@ -1750,21 +1750,21 @@ function Ua(e) {
   return za[e] ?? [];
 }
 function Ae(e) {
-  const t = {};
-  for (const i of e)
-    t[i.group] || (t[i.group] = []), t[i.group].push(i);
-  return t;
+  const i = {};
+  for (const t of e)
+    i[t.group] || (i[t.group] = []), i[t.group].push(t);
+  return i;
 }
 const ge = {
   type: "fill",
   paint: { "fill-color": "#4a90d9", "fill-opacity": 0.6, "fill-outline-color": "transparent", "fill-antialias": !0 }
-}, qa = {
+}, Ga = {
   type: "line",
   paint: { "line-color": "#2980b9", "line-width": 2, "line-opacity": 1 }
 }, _e = {
   type: "circle",
   paint: { "circle-color": "#e74c3c", "circle-radius": 5, "circle-opacity": 0.9 }
-}, Ga = {
+}, qa = {
   type: "symbol",
   paint: { "text-color": "#333333" },
   layout: { "text-field": "{name}", "text-size": 14 }
@@ -1773,67 +1773,67 @@ const ge = {
 };
 function Ee(e) {
   if (e.type !== "symbol") return "text";
-  const t = e.layout ?? {}, i = "icon-image" in t, r = "text-field" in t;
-  return i && r ? "both" : i ? "icon" : "text";
+  const i = e.layout ?? {}, t = "icon-image" in i, r = "text-field" in i;
+  return t && r ? "both" : t ? "icon" : "text";
 }
-const _a = "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", te = {
+const _a = "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", ie = {
   fill: "Fill",
   line: "Line",
   circle: "Circle",
   symbol: "Symbol"
 }, Va = ["text", "icon", "both"];
-function Ha({ value: e, onChange: t, suggestedType: i, suggestedTypes: r, availableIcons: p, availableProperties: u, onFetchDistinctValues: n }) {
-  const f = r ?? (i ? [i] : []), [s, g] = T(() => Ee(e));
-  G(() => {
+function Ha({ value: e, onChange: i, suggestedType: t, suggestedTypes: r, availableIcons: p, availableProperties: u, onFetchDistinctValues: n }) {
+  const x = r ?? (t ? [t] : []), [s, g] = T(() => Ee(e));
+  q(() => {
     g(Ee(e));
   }, [e.type]);
   const d = (b) => {
-    t(b === "fill" ? ge : b === "line" ? qa : b === "circle" ? _e : Ga);
-  }, x = (b) => {
+    i(b === "fill" ? ge : b === "line" ? Ga : b === "circle" ? _e : qa);
+  }, w = (b) => {
     if (b === s) return;
     const M = e.paint ?? {}, P = e.layout ?? {};
-    let N = { ...M }, k = { ...P };
-    b === "icon" ? (N = Object.fromEntries(Object.entries(N).filter(([O]) => !O.startsWith("text-"))), k = Object.fromEntries(Object.entries(k).filter(([O]) => !O.startsWith("text-"))), "icon-image" in k || (k["icon-image"] = Wa.layout["icon-image"])) : b === "text" && (N = Object.fromEntries(Object.entries(N).filter(([O]) => !O.startsWith("icon-"))), k = Object.fromEntries(Object.entries(k).filter(([O]) => !O.startsWith("icon-"))), "text-field" in k || (k["text-field"] = "{name}"), "text-size" in k || (k["text-size"] = 14), "text-color" in N || (N["text-color"] = "#333333")), g(b), t({
+    let y = { ...M }, k = { ...P };
+    b === "icon" ? (y = Object.fromEntries(Object.entries(y).filter(([j]) => !j.startsWith("text-"))), k = Object.fromEntries(Object.entries(k).filter(([j]) => !j.startsWith("text-"))), "icon-image" in k || (k["icon-image"] = Wa.layout["icon-image"])) : b === "text" && (y = Object.fromEntries(Object.entries(y).filter(([j]) => !j.startsWith("icon-"))), k = Object.fromEntries(Object.entries(k).filter(([j]) => !j.startsWith("icon-"))), "text-field" in k || (k["text-field"] = "{name}"), "text-size" in k || (k["text-size"] = 14), "text-color" in y || (y["text-color"] = "#333333")), g(b), i({
       ...e,
-      paint: N,
+      paint: y,
       layout: Object.keys(k).length > 0 ? k : void 0
     });
   }, c = (b, M) => {
     const P = { ...e.paint, [b]: M };
-    for (const N of Object.keys(P))
-      P[N] === void 0 && delete P[N];
-    t({ ...e, paint: P });
+    for (const y of Object.keys(P))
+      P[y] === void 0 && delete P[y];
+    i({ ...e, paint: P });
   }, o = (b, M) => {
-    const N = { ...e.layout ?? {}, [b]: M };
-    for (const k of Object.keys(N))
-      N[k] === void 0 && delete N[k];
-    t({
+    const y = { ...e.layout ?? {}, [b]: M };
+    for (const k of Object.keys(y))
+      y[k] === void 0 && delete y[k];
+    i({
       ...e,
-      layout: Object.keys(N).length > 0 ? N : void 0
+      layout: Object.keys(y).length > 0 ? y : void 0
     });
   };
   let h = Ua(e.type);
   e.type === "symbol" && (s === "text" ? h = h.filter((b) => !b.key.startsWith("icon-")) : s === "icon" && (h = h.filter((b) => !b.key.startsWith("text-"))));
-  const w = h.filter((b) => b.category === "paint"), v = h.filter((b) => b.category === "layout"), C = Ae(w), A = Ae(v), j = e.paint, m = e.layout ?? {}, I = Object.keys(C), F = Object.keys(A);
+  const N = h.filter((b) => b.category === "paint"), v = h.filter((b) => b.category === "layout"), C = Ae(N), E = Ae(v), O = e.paint, m = e.layout ?? {}, L = Object.keys(C), F = Object.keys(E);
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
-    f.length > 0 && !f.includes(e.type) && /* @__PURE__ */ l("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: [
+    x.length > 0 && !x.includes(e.type) && /* @__PURE__ */ l("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: [
       /* @__PURE__ */ l("span", { children: [
         "Detected geometry is suitable for",
         " ",
-        f.map((b, M) => /* @__PURE__ */ l("span", { children: [
-          M > 0 && (M === f.length - 1 ? " or " : ", "),
-          /* @__PURE__ */ a("strong", { children: te[b] })
+        x.map((b, M) => /* @__PURE__ */ l("span", { children: [
+          M > 0 && (M === x.length - 1 ? " or " : ", "),
+          /* @__PURE__ */ a("strong", { children: ie[b] })
         ] }, b)),
         " ",
         "style."
       ] }),
-      /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: f.map((b) => /* @__PURE__ */ a(
+      /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: x.map((b) => /* @__PURE__ */ a(
         "button",
         {
           type: "button",
           onClick: () => d(b),
           className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-blue-400 mapui:bg-white mapui:px-2 mapui:py-0.5 mapui:text-xs mapui:text-blue-700 hover:mapui:bg-blue-100",
-          children: te[b]
+          children: ie[b]
         },
         b
       )) })
@@ -1844,14 +1844,14 @@ function Ha({ value: e, onChange: t, suggestedType: i, suggestedTypes: r, availa
         value: e.type,
         onChange: (b) => d(b.target.value),
         className: _a,
-        children: Object.keys(te).map((b) => /* @__PURE__ */ a("option", { value: b, children: te[b] }, b))
+        children: Object.keys(ie).map((b) => /* @__PURE__ */ a("option", { value: b, children: ie[b] }, b))
       }
     ) }),
     e.type === "symbol" && /* @__PURE__ */ a(S, { label: "Symbol Mode", children: /* @__PURE__ */ a("div", { className: "mapui:flex mapui:overflow-hidden mapui:rounded mapui:border mapui:border-gray-300", children: Va.map((b) => /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: () => x(b),
+        onClick: () => w(b),
         className: [
           "mapui:flex-1 mapui:cursor-pointer mapui:border-0 mapui:px-3 mapui:py-1 mapui:text-sm mapui:capitalize mapui:outline-none",
           "focus:mapui:ring-1 focus:mapui:ring-inset focus:mapui:ring-blue-400",
@@ -1863,7 +1863,7 @@ function Ha({ value: e, onChange: t, suggestedType: i, suggestedTypes: r, availa
     )) }) }),
     /* @__PURE__ */ l("div", { className: "mapui:rounded mapui:border mapui:border-gray-100 mapui:p-2", children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:mb-1 mapui:text-xs mapui:text-gray-500", children: "Preview" }),
-      /* @__PURE__ */ a(ja, { style: e })
+      /* @__PURE__ */ a(Oa, { style: e })
     ] }),
     F.length > 0 && /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-xs mapui:font-medium mapui:uppercase mapui:tracking-wide mapui:text-gray-500", children: "Layout" }),
@@ -1871,7 +1871,7 @@ function Ha({ value: e, onChange: t, suggestedType: i, suggestedTypes: r, availa
         De,
         {
           title: b,
-          properties: A[b],
+          properties: E[b],
           values: m,
           onChange: o,
           defaultOpen: M === 0,
@@ -1882,14 +1882,14 @@ function Ha({ value: e, onChange: t, suggestedType: i, suggestedTypes: r, availa
         b
       ))
     ] }),
-    I.length > 0 && /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
+    L.length > 0 && /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-xs mapui:font-medium mapui:uppercase mapui:tracking-wide mapui:text-gray-500", children: "Paint" }),
-      I.map((b) => /* @__PURE__ */ a(
+      L.map((b) => /* @__PURE__ */ a(
         De,
         {
           title: b,
           properties: C[b],
-          values: j,
+          values: O,
           onChange: c,
           defaultOpen: !1,
           availableIcons: p,
@@ -1902,23 +1902,23 @@ function Ha({ value: e, onChange: t, suggestedType: i, suggestedTypes: r, availa
   ] });
 }
 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 Ya({ value: e, onChange: t }) {
+function Ya({ value: e, onChange: i }) {
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
     /* @__PURE__ */ a(S, { label: "Label", children: /* @__PURE__ */ a(
       "input",
       {
         type: "text",
         value: e.label,
-        onChange: (i) => t({ ...e, label: i.target.value }),
+        onChange: (t) => i({ ...e, label: t.target.value }),
         placeholder: "Legend entry label",
         className: Ie
       }
     ) }),
     /* @__PURE__ */ a(S, { label: "Color", children: /* @__PURE__ */ a(
-      J,
+      Z,
       {
         value: e.color,
-        onChange: (i) => t({ ...e, color: i }),
+        onChange: (t) => i({ ...e, color: t }),
         label: "Entry color"
       }
     ) }),
@@ -1926,7 +1926,7 @@ function Ya({ value: e, onChange: t }) {
       "select",
       {
         value: e.shape ?? "square",
-        onChange: (i) => t({ ...e, shape: i.target.value }),
+        onChange: (t) => i({ ...e, shape: t.target.value }),
         className: Ie,
         children: [
           /* @__PURE__ */ a("option", { value: "square", children: "Square" }),
@@ -1938,42 +1938,42 @@ function Ya({ value: e, onChange: t }) {
   ] });
 }
 const Me = () => ({ label: "", color: "#4a90d9", shape: "square" }), me = 8, Fe = "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 Xa({ value: e, onChange: t, styles: i }) {
+function Xa({ value: e, onChange: i, styles: t }) {
   const r = (e == null ? void 0 : e.entries) ?? [], p = (e == null ? void 0 : e.displayMode) ?? "simple", u = Ue(() => {
-    if (!i || i.length === 0) return null;
+    if (!t || t.length === 0) return null;
     const c = [];
     let o = "simple", h = null;
-    for (const w of i) {
-      const v = Fa(w), C = Pa(w);
-      if (_(v)) {
-        const A = Ea(v);
-        if (!A) continue;
-        const j = Ia(v).map((m) => ({ label: m.label, color: m.color, shape: C }));
-        c.push(...j), A === "interpolate" ? (o = "gradient", h || (h = Ma(v))) : o === "simple" && (o = "categorical");
-      } else typeof v == "string" && c.length === 0 && c.push({ label: w.type, color: v, shape: C });
+    for (const N of t) {
+      const v = Fa(N), C = Pa(N);
+      if (V(v)) {
+        const E = Ea(v);
+        if (!E) continue;
+        const O = Ia(v).map((m) => ({ label: m.label, color: m.color, shape: C }));
+        c.push(...O), E === "interpolate" ? (o = "gradient", h || (h = Ma(v))) : o === "simple" && (o = "categorical");
+      } else typeof v == "string" && c.length === 0 && c.push({ label: N.type, color: v, shape: C });
     }
     return c.length === 0 ? null : { entries: c, mode: o, property: h };
-  }, [i]), n = () => {
-    t({ ...e, entries: [...r, Me()] });
-  }, f = (c, o) => {
-    const h = r.map((w, v) => v === c ? o : w);
-    t({ ...e, entries: h });
+  }, [t]), n = () => {
+    i({ ...e, entries: [...r, Me()] });
+  }, x = (c, o) => {
+    const h = r.map((N, v) => v === c ? o : N);
+    i({ ...e, entries: h });
   }, s = (c) => {
-    const o = r.filter((h, w) => w !== c);
-    t(o.length > 0 ? { ...e, entries: o } : void 0);
+    const o = r.filter((h, N) => N !== c);
+    i(o.length > 0 ? { ...e, entries: o } : void 0);
   }, g = (c) => {
-    t(c ? { entries: [Me()] } : void 0);
+    i(c ? { entries: [Me()] } : void 0);
   }, d = () => {
-    u && t({
+    u && i({
       entries: u.entries,
       displayMode: u.mode,
       ...u.mode === "gradient" && u.property ? { gradientProperty: u.property } : {},
       ...u.mode === "categorical" ? { showLabelsCollapsed: !1 } : {}
     });
-  }, x = (c) => {
+  }, w = (c) => {
     if (!e) return;
     const o = { ...e, displayMode: c };
-    c !== "categorical" && delete o.showLabelsCollapsed, c !== "categorical" && c !== "gradient" && delete o.showColorBar, c !== "gradient" && delete o.gradientProperty, c === "simple" && delete o.showDisclosureArrow, t(o);
+    c !== "categorical" && delete o.showLabelsCollapsed, c !== "categorical" && c !== "gradient" && delete o.showColorBar, c !== "gradient" && delete o.gradientProperty, c === "simple" && delete o.showDisclosureArrow, i(o);
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
@@ -2034,7 +2034,7 @@ function Xa({ value: e, onChange: t, styles: i }) {
           {
             id: "legend-display-mode",
             value: p,
-            onChange: (c) => x(c.target.value),
+            onChange: (c) => w(c.target.value),
             className: Fe,
             children: [
               /* @__PURE__ */ a("option", { value: "simple", children: "Simple" }),
@@ -2051,7 +2051,7 @@ function Xa({ value: e, onChange: t, styles: i }) {
             type: "checkbox",
             id: "legend-show-labels-collapsed",
             checked: e.showLabelsCollapsed ?? !1,
-            onChange: (c) => t({ ...e, showLabelsCollapsed: c.target.checked }),
+            onChange: (c) => i({ ...e, showLabelsCollapsed: c.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -2064,7 +2064,7 @@ function Xa({ value: e, onChange: t, styles: i }) {
             type: "checkbox",
             id: "legend-show-color-bar",
             checked: e.showColorBar !== !1,
-            onChange: (c) => t({ ...e, showColorBar: c.target.checked }),
+            onChange: (c) => i({ ...e, showColorBar: c.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -2077,7 +2077,7 @@ function Xa({ value: e, onChange: t, styles: i }) {
             type: "checkbox",
             id: "legend-show-disclosure-arrow",
             checked: e.showDisclosureArrow !== !1,
-            onChange: (c) => t({ ...e, showDisclosureArrow: c.target.checked }),
+            onChange: (c) => i({ ...e, showDisclosureArrow: c.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -2091,7 +2091,7 @@ function Xa({ value: e, onChange: t, styles: i }) {
             type: "text",
             id: "legend-gradient-property",
             value: e.gradientProperty ?? "",
-            onChange: (c) => t({ ...e, gradientProperty: c.target.value || void 0 }),
+            onChange: (c) => i({ ...e, gradientProperty: c.target.value || void 0 }),
             placeholder: "e.g. Population",
             className: Fe
           }
@@ -2121,7 +2121,7 @@ function Xa({ value: e, onChange: t, styles: i }) {
               Ya,
               {
                 value: c,
-                onChange: (h) => f(o, h)
+                onChange: (h) => x(o, h)
               }
             )
           ]
@@ -2157,38 +2157,38 @@ function Xa({ value: e, onChange: t, styles: i }) {
 }
 function Pe({
   options: e,
-  onChange: t,
-  placeholder: i,
+  onChange: i,
+  placeholder: t,
   className: r
 }) {
   const [p, u] = T(() => (e == null ? void 0 : e.join(", ")) ?? "");
-  return G(() => {
+  return q(() => {
     u((e == null ? void 0 : e.join(", ")) ?? "");
   }, [e == null ? void 0 : e.join(",")]), /* @__PURE__ */ a(
     "input",
     {
       type: "text",
       value: p,
-      onChange: (f) => u(f.target.value),
+      onChange: (x) => u(x.target.value),
       onBlur: () => {
-        const f = p.trim(), s = f ? f.split(",").map((g) => g.trim()).filter(Boolean) : void 0;
-        t(s), u((s == null ? void 0 : s.join(", ")) ?? "");
+        const x = p.trim(), s = x ? x.split(",").map((g) => g.trim()).filter(Boolean) : void 0;
+        i(s), u((s == null ? void 0 : s.join(", ")) ?? "");
       },
-      placeholder: i,
+      placeholder: t,
       className: r
     }
   );
 }
-const $ = "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", Ja = {
+const $ = "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", Za = {
   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 Ka({ value: e, onChange: t, availableProperties: i }) {
+function Ja({ value: e, onChange: i, availableProperties: t }) {
   const r = (n) => {
-    t({ ...Ja[n], property: e.property, label: e.label });
-  }, p = (n) => t({ ...e, ...n }), u = i && i.length > 0;
+    i({ ...Za[n], property: e.property, label: e.label });
+  }, p = (n) => i({ ...e, ...n }), u = t && t.length > 0;
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ a(S, { label: "Field Type", children: /* @__PURE__ */ l(
       "select",
@@ -2212,7 +2212,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
         className: $,
         children: [
           /* @__PURE__ */ a("option", { value: "", children: "Select a property…" }),
-          i.map((n) => /* @__PURE__ */ a("option", { value: n.name, children: n.title ?? n.name }, n.name))
+          t.map((n) => /* @__PURE__ */ a("option", { value: n.name, children: n.title ?? n.name }, n.name))
         ]
       }
     ) : /* @__PURE__ */ a(
@@ -2253,7 +2253,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
             type: "checkbox",
             id: "text-autocomplete",
             checked: e.autocomplete ?? !1,
-            onChange: (n) => t({ ...e, autocomplete: n.target.checked }),
+            onChange: (n) => i({ ...e, autocomplete: n.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -2266,7 +2266,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
             type: "checkbox",
             id: "text-prefetch",
             checked: e.prefetch ?? !1,
-            onChange: (n) => t({ ...e, prefetch: n.target.checked }),
+            onChange: (n) => i({ ...e, prefetch: n.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -2279,7 +2279,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
             type: "checkbox",
             id: "text-zoomTo",
             checked: e.zoomTo ?? !1,
-            onChange: (n) => t({ ...e, zoomTo: n.target.checked }),
+            onChange: (n) => i({ ...e, zoomTo: n.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -2289,7 +2289,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
         Pe,
         {
           options: e.options,
-          onChange: (n) => t({ ...e, options: n }),
+          onChange: (n) => i({ ...e, options: n }),
           placeholder: "option1, option2",
           className: $
         }
@@ -2300,7 +2300,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
         "select",
         {
           value: e.inputMode ?? "input",
-          onChange: (n) => t({
+          onChange: (n) => i({
             ...e,
             inputMode: n.target.value
           }),
@@ -2315,7 +2315,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
         "select",
         {
           value: e.operator ?? "eq",
-          onChange: (n) => t({
+          onChange: (n) => i({
             ...e,
             operator: n.target.value
           }),
@@ -2334,7 +2334,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
         "select",
         {
           value: e.operatorLabelStyle ?? "symbol",
-          onChange: (n) => t({
+          onChange: (n) => i({
             ...e,
             operatorLabelStyle: n.target.value
           }),
@@ -2352,7 +2352,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
             type: "checkbox",
             id: "number-show-range",
             checked: e.showRange ?? !1,
-            onChange: (n) => t({ ...e, showRange: n.target.checked }),
+            onChange: (n) => i({ ...e, showRange: n.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -2364,7 +2364,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
           {
             type: "number",
             value: e.min ?? "",
-            onChange: (n) => t({
+            onChange: (n) => i({
               ...e,
               min: n.target.value ? parseFloat(n.target.value) : void 0
             }),
@@ -2376,7 +2376,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
           {
             type: "number",
             value: e.max ?? "",
-            onChange: (n) => t({
+            onChange: (n) => i({
               ...e,
               max: n.target.value ? parseFloat(n.target.value) : void 0
             }),
@@ -2388,7 +2388,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
           {
             type: "number",
             value: e.step ?? "",
-            onChange: (n) => t({
+            onChange: (n) => i({
               ...e,
               step: n.target.value ? parseFloat(n.target.value) : void 0
             }),
@@ -2404,7 +2404,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
           type: "checkbox",
           id: "datetime-range",
           checked: e.range ?? !1,
-          onChange: (n) => t({ ...e, range: n.target.checked }),
+          onChange: (n) => i({ ...e, range: n.target.checked }),
           className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
         }
       ),
@@ -2418,7 +2418,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
             type: "checkbox",
             id: "select-prefetch",
             checked: e.prefetch ?? !1,
-            onChange: (n) => t({ ...e, prefetch: n.target.checked }),
+            onChange: (n) => i({ ...e, prefetch: n.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -2431,7 +2431,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
             type: "checkbox",
             id: "select-zoomTo",
             checked: e.zoomTo ?? !1,
-            onChange: (n) => t({ ...e, zoomTo: n.target.checked }),
+            onChange: (n) => i({ ...e, zoomTo: n.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -2441,7 +2441,7 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
         Pe,
         {
           options: e.options,
-          onChange: (n) => t({ ...e, options: n }),
+          onChange: (n) => i({ ...e, options: n }),
           placeholder: "option1, option2",
           className: $
         }
@@ -2449,40 +2449,40 @@ function Ka({ value: e, onChange: t, availableProperties: i }) {
     ] })
   ] });
 }
-const Qa = () => ({
+const Ka = () => ({
   type: "text",
   property: "",
   label: "",
   autocomplete: !1
 });
-function Za({ fields: e, onChange: t, availableProperties: i }) {
+function Qa({ fields: e, onChange: i, availableProperties: t }) {
   const [r, p] = T(null), u = () => {
-    const d = [...e, Qa()];
-    t(d), p(d.length - 1);
-  }, n = (d, x) => {
-    t(e.map((c, o) => o === d ? x : c));
-  }, f = (d) => {
-    t(e.filter((x, c) => c !== d)), p(null);
+    const d = [...e, Ka()];
+    i(d), p(d.length - 1);
+  }, n = (d, w) => {
+    i(e.map((c, o) => o === d ? w : c));
+  }, x = (d) => {
+    i(e.filter((w, c) => c !== d)), p(null);
   }, s = (d) => {
     if (d === 0) return;
-    const x = [...e];
-    [x[d - 1], x[d]] = [x[d], x[d - 1]], t(x), p(d - 1);
+    const w = [...e];
+    [w[d - 1], w[d]] = [w[d], w[d - 1]], i(w), p(d - 1);
   }, g = (d) => {
     if (d === e.length - 1) return;
-    const x = [...e];
-    [x[d], x[d + 1]] = [x[d + 1], x[d]], t(x), p(d + 1);
+    const w = [...e];
+    [w[d], w[d + 1]] = [w[d + 1], w[d]], i(w), p(d + 1);
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
     e.length === 0 && /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No search fields configured." }),
-    /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: e.map((d, x) => /* @__PURE__ */ l("li", { className: "mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white", children: [
+    /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: e.map((d, w) => /* @__PURE__ */ l("li", { className: "mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white", children: [
       /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-1 mapui:px-3 mapui:py-2", children: [
         /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-0.5", children: [
           /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: () => s(x),
-              disabled: x === 0,
+              onClick: () => s(w),
+              disabled: w === 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: "▲"
@@ -2492,8 +2492,8 @@ function Za({ fields: e, onChange: t, availableProperties: i }) {
             "button",
             {
               type: "button",
-              onClick: () => g(x),
-              disabled: x === e.length - 1,
+              onClick: () => g(w),
+              disabled: w === e.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: "▼"
@@ -2504,7 +2504,7 @@ function Za({ fields: e, onChange: t, availableProperties: i }) {
           "button",
           {
             type: "button",
-            onClick: () => p(r === x ? null : x),
+            onClick: () => p(r === w ? null : w),
             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__ */ a("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: d.type }),
@@ -2516,22 +2516,22 @@ function Za({ fields: e, onChange: t, availableProperties: i }) {
           "button",
           {
             type: "button",
-            onClick: () => f(x),
+            onClick: () => x(w),
             "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 === x && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(
-        Ka,
+      r === w && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(
+        Ja,
         {
           value: d,
-          onChange: (c) => n(x, c),
-          availableProperties: i
+          onChange: (c) => n(w, c),
+          availableProperties: t
         }
       ) })
-    ] }, x)) }),
+    ] }, w)) }),
     /* @__PURE__ */ a(
       "button",
       {
@@ -2543,44 +2543,44 @@ function Za({ fields: e, onChange: t, availableProperties: i }) {
     )
   ] });
 }
-function et(e) {
-  return Object.entries(e).map(([t, i]) => ({
-    key: t,
-    label: i.label ?? "",
-    visible: i.visible ?? !0
+function ei(e) {
+  return Object.entries(e).map(([i, t]) => ({
+    key: i,
+    label: t.label ?? "",
+    visible: t.visible ?? !0
   }));
 }
-function at(e) {
-  const t = {};
-  for (const i of e)
-    t[i.key] = {
-      visible: i.visible,
-      ...i.label ? { label: i.label } : {}
+function ai(e) {
+  const i = {};
+  for (const t of e)
+    i[t.key] = {
+      visible: t.visible,
+      ...t.label ? { label: t.label } : {}
     };
-  return t;
+  return i;
 }
 const se = "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 tt({ value: e, onChange: t, availableProperties: i }) {
-  const r = et(e), p = i && i.length > 0, u = (o) => t(at(o)), n = () => {
+function ii({ value: e, onChange: i, availableProperties: t }) {
+  const r = ei(e), p = t && t.length > 0, u = (o) => i(ai(o)), n = () => {
     u([...r, { key: "", label: "", visible: !0 }]);
-  }, f = (o) => {
-    u(r.filter((h, w) => w !== o));
+  }, x = (o) => {
+    u(r.filter((h, N) => N !== o));
   }, s = (o, h) => {
-    u(r.map((w, v) => v === o ? { ...w, ...h } : w));
+    u(r.map((N, v) => v === o ? { ...N, ...h } : N));
   }, g = (o, h) => {
-    const w = i == null ? void 0 : i.find((C) => C.name === h), v = (w == null ? void 0 : w.title) ?? r[o].label;
-    u(r.map((C, A) => A === o ? { ...C, key: h, label: v } : C));
+    const N = t == null ? void 0 : t.find((C) => C.name === h), v = (N == null ? void 0 : N.title) ?? r[o].label;
+    u(r.map((C, E) => E === o ? { ...C, key: h, label: v } : C));
   }, d = (o) => {
     if (o === 0) return;
     const h = [...r];
     [h[o - 1], h[o]] = [h[o], h[o - 1]], u(h);
-  }, x = (o) => {
+  }, w = (o) => {
     if (o === r.length - 1) return;
     const h = [...r];
     [h[o], h[o + 1]] = [h[o + 1], h[o]], u(h);
   }, c = () => {
-    if (!i) return;
-    const o = i.map((h) => ({
+    if (!t) return;
+    const o = t.map((h) => ({
       key: h.name,
       label: h.title ?? "",
       visible: !0
@@ -2622,7 +2622,7 @@ function tt({ value: e, onChange: t, availableProperties: i }) {
             "button",
             {
               type: "button",
-              onClick: () => x(h),
+              onClick: () => w(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",
@@ -2635,12 +2635,12 @@ function tt({ value: e, onChange: t, availableProperties: i }) {
             "select",
             {
               value: o.key,
-              onChange: (w) => g(h, w.target.value),
+              onChange: (N) => g(h, N.target.value),
               "aria-label": "Property key",
               className: se,
               children: [
                 /* @__PURE__ */ a("option", { value: "", children: "Select a property…" }),
-                i.map((w) => /* @__PURE__ */ a("option", { value: w.name, children: w.title ?? w.name }, w.name))
+                t.map((N) => /* @__PURE__ */ a("option", { value: N.name, children: N.title ?? N.name }, N.name))
               ]
             }
           ) : /* @__PURE__ */ a(
@@ -2648,7 +2648,7 @@ function tt({ value: e, onChange: t, availableProperties: i }) {
             {
               type: "text",
               value: o.key,
-              onChange: (w) => s(h, { key: w.target.value }),
+              onChange: (N) => s(h, { key: N.target.value }),
               placeholder: "property_name",
               "aria-label": "Property key",
               className: se
@@ -2659,7 +2659,7 @@ function tt({ value: e, onChange: t, availableProperties: i }) {
             {
               type: "text",
               value: o.label,
-              onChange: (w) => s(h, { label: w.target.value }),
+              onChange: (N) => s(h, { label: N.target.value }),
               placeholder: "Friendly name",
               "aria-label": "Display label",
               className: se
@@ -2670,7 +2670,7 @@ function tt({ value: e, onChange: t, availableProperties: i }) {
             {
               type: "checkbox",
               checked: o.visible,
-              onChange: (w) => s(h, { visible: w.target.checked }),
+              onChange: (N) => s(h, { visible: N.target.checked }),
               "aria-label": "Visible",
               className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
             }
@@ -2679,7 +2679,7 @@ function tt({ value: e, onChange: t, availableProperties: i }) {
             "button",
             {
               type: "button",
-              onClick: () => f(h),
+              onClick: () => x(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"
@@ -2700,98 +2700,98 @@ function tt({ value: e, onChange: t, availableProperties: i }) {
   ] });
 }
 const Ve = /geojson\.org\/schema\/(\w+)\.json/;
-function it(e) {
+function ti(e) {
   return !!e.$ref && Ve.test(e.$ref);
 }
 function He(e) {
-  const t = Ve.exec(e);
-  return t ? t[1] : null;
+  const i = Ve.exec(e);
+  return i ? i[1] : null;
 }
 function Ye(e) {
-  const t = e.toLowerCase();
-  return t.includes("polygon") ? "fill" : t.includes("linestring") ? "line" : t.includes("point") ? "circle" : null;
+  const i = e.toLowerCase();
+  return i.includes("polygon") ? "fill" : i.includes("linestring") ? "line" : i.includes("point") ? "circle" : null;
 }
 function fe(e) {
-  const t = e.toLowerCase();
-  return t.includes("polygon") ? ["fill", "line"] : t.includes("linestring") ? ["line"] : t.includes("point") ? ["circle", "symbol"] : [];
-}
-function rt(e) {
-  for (const t of Object.values(e.properties))
-    if (t.$ref) {
-      const i = He(t.$ref);
-      if (i) return Ye(i);
+  const i = e.toLowerCase();
+  return i.includes("polygon") ? ["fill", "line"] : i.includes("linestring") ? ["line"] : i.includes("point") ? ["circle", "symbol"] : [];
+}
+function ri(e) {
+  for (const i of Object.values(e.properties))
+    if (i.$ref) {
+      const t = He(i.$ref);
+      if (t) return Ye(t);
     }
   return null;
 }
 function Xe(e) {
-  for (const t of Object.values(e.properties))
-    if (t.$ref) {
-      const i = He(t.$ref);
-      if (i) return fe(i);
+  for (const i of Object.values(e.properties))
+    if (i.$ref) {
+      const t = He(i.$ref);
+      if (t) return fe(t);
     }
   return [];
 }
-function lt(e) {
-  return Object.entries(e.properties).filter(([, t]) => !it(t)).map(([t, i]) => ({
-    name: t,
-    title: i.title,
-    type: i.type,
-    format: i.format,
-    enum: i.enum,
-    minimum: i.minimum,
-    maximum: i.maximum
+function li(e) {
+  return Object.entries(e.properties).filter(([, i]) => !ti(i)).map(([i, t]) => ({
+    name: i,
+    title: t.title,
+    type: t.type,
+    format: t.format,
+    enum: t.enum,
+    minimum: t.minimum,
+    maximum: t.maximum
   }));
 }
-function Je(e) {
-  var i;
-  const t = /* @__PURE__ */ new Set();
+function Ze(e) {
+  var t;
+  const i = /* @__PURE__ */ new Set();
   for (const r of e)
-    (i = r.geometry) != null && i.type && t.add(r.geometry.type);
-  return Array.from(t);
+    (t = r.geometry) != null && t.type && i.add(r.geometry.type);
+  return Array.from(i);
 }
-function pt(e) {
-  const t = /* @__PURE__ */ new Set();
+function pi(e) {
+  const i = /* @__PURE__ */ new Set();
   for (const p of e) {
     const u = p.toLowerCase();
-    u.includes("polygon") ? t.add("polygon") : u.includes("linestring") ? t.add("line") : u.includes("point") && t.add("point");
+    u.includes("polygon") ? i.add("polygon") : u.includes("linestring") ? i.add("line") : u.includes("point") && i.add("point");
   }
-  const i = t.size > 1, r = [];
-  return t.has("polygon") && r.push({
+  const t = i.size > 1, r = [];
+  return i.has("polygon") && r.push({
     type: "fill",
     paint: { "fill-color": "#4a90d9", "fill-opacity": 0.6, "fill-outline-color": "transparent", "fill-antialias": !0 },
-    ...i ? { geometryFilter: ["Polygon", "MultiPolygon"] } : {}
-  }), t.has("line") && r.push({
+    ...t ? { geometryFilter: ["Polygon", "MultiPolygon"] } : {}
+  }), i.has("line") && r.push({
     type: "line",
     paint: { "line-color": "#2980b9", "line-width": 2, "line-opacity": 1 },
-    ...i ? { geometryFilter: ["LineString", "MultiLineString"] } : {}
-  }), t.has("point") && r.push({
+    ...t ? { geometryFilter: ["LineString", "MultiLineString"] } : {}
+  }), i.has("point") && r.push({
     type: "circle",
     paint: { "circle-color": "#e74c3c", "circle-radius": 5, "circle-opacity": 0.9 },
-    ...i ? { geometryFilter: ["Point", "MultiPoint"] } : {}
+    ...t ? { geometryFilter: ["Point", "MultiPoint"] } : {}
   }), r;
 }
-async function St(e, t) {
-  var i, r;
+async function Si(e, i) {
+  var t, r;
   try {
-    const p = await Ge(e, t), u = rt(p);
+    const p = await qe(e, i), u = ri(p);
     if (u) return u;
   } catch {
   }
   try {
-    const u = (r = (i = (await ye(e, t, { limit: 1 })).features[0]) == null ? void 0 : i.geometry) == null ? void 0 : r.type;
+    const u = (r = (t = (await ye(e, i, { limit: 1 })).features[0]) == null ? void 0 : t.geometry) == null ? void 0 : r.type;
     if (typeof u == "string") return Ye(u);
   } catch {
   }
   return null;
 }
-async function Tt(e, t) {
+async function Ti(e, i) {
   try {
-    const i = await Ge(e, t), r = Xe(i);
+    const t = await qe(e, i), r = Xe(t);
     if (r.length > 0) return r;
   } catch {
   }
   try {
-    const i = await ye(e, t, { limit: 20 }), r = Je(i.features), p = /* @__PURE__ */ new Set();
+    const t = await ye(e, i, { limit: 20 }), r = Ze(t.features), p = /* @__PURE__ */ new Set();
     for (const u of r)
       for (const n of fe(u))
         p.add(n);
@@ -2800,63 +2800,63 @@ async function Tt(e, t) {
   }
   return [];
 }
-function Dt(e) {
-  return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (t) => t.toUpperCase());
+function Di(e) {
+  return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (i) => i.toUpperCase());
 }
-function nt(e, t, i) {
+function ni(e, i, t) {
   const r = [...e ?? []];
-  return r[t] = i, r;
+  return r[i] = t, r;
 }
-function ut(e, t) {
-  return (e ?? []).filter((i, r) => r !== t);
+function ui(e, i) {
+  return (e ?? []).filter((t, r) => r !== i);
 }
-const Y = "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 je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
-  var j;
-  const p = (m) => t({ ...e, ...m }), u = V(e);
+const _ = "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 Oe({ value: e, onChange: i, availableSources: t, availableIcons: r }) {
+  var O;
+  const p = (m) => i({ ...e, ...m }), u = H(e);
   u.current = e;
-  const n = V(t);
-  n.current = t;
-  const f = i.find((m) => m.id === e.sourceId), s = (f == null ? void 0 : f.url) ?? null, g = e.collection || null, { collections: d, loading: x } = qe(s), { queryables: c, loading: o } = oa(s, g), h = c ? lt(c) : [], [w, v] = T([]), [C, A] = T([]);
-  return G(() => {
+  const n = H(i);
+  n.current = i;
+  const x = t.find((m) => m.id === e.sourceId), s = (x == null ? void 0 : x.url) ?? null, g = e.collection || null, { collections: d, loading: w } = Ge(s), { queryables: c, loading: o } = oa(s, g), h = c ? li(c) : [], [N, v] = T([]), [C, E] = T([]);
+  return q(() => {
     if (!c) {
-      v([]), A([]);
+      v([]), E([]);
       return;
     }
     const m = (b, M) => {
-      var N;
-      const P = pt(b);
-      v(P), A(M), P.length > 0 && !((N = u.current.styles) != null && N.length) && n.current({ ...u.current, styles: P });
-    }, I = Xe(c);
-    if (I.length > 0) {
+      var y;
+      const P = pi(b);
+      v(P), E(M), P.length > 0 && !((y = u.current.styles) != null && y.length) && n.current({ ...u.current, styles: P });
+    }, L = Xe(c);
+    if (L.length > 0) {
       const b = [];
-      for (const M of I)
+      for (const M of L)
         M === "fill" ? b.push("Polygon") : M === "line" ? b.push("LineString") : (M === "circle" || M === "symbol") && b.push("Point");
-      m(b, I);
+      m(b, L);
       return;
     }
     if (!s || !g) {
-      v([]), A([]);
+      v([]), E([]);
       return;
     }
     let F = !1;
     return ye(s, g, { limit: 20 }).then((b) => {
       if (F) return;
-      const M = Je(b.features);
+      const M = Ze(b.features);
       if (M.length > 0) {
         const P = /* @__PURE__ */ new Set();
-        for (const N of M)
-          for (const k of fe(N)) P.add(k);
+        for (const y of M)
+          for (const k of fe(y)) P.add(k);
         m(M, Array.from(P));
       } else
-        v([]), A([]);
+        v([]), E([]);
     }).catch(() => {
-      F || (v([]), A([]));
+      F || (v([]), E([]));
     }), () => {
       F = !0;
     };
-  }, [c, s, g]), G(() => {
-    v([]), A([]);
+  }, [c, s, g]), q(() => {
+    v([]), E([]);
   }, [s, g]), /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ l("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: [
       /* @__PURE__ */ a(S, { label: "Layer ID", required: !0, children: /* @__PURE__ */ a(
@@ -2866,7 +2866,7 @@ function je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
           value: e.id,
           onChange: (m) => p({ id: m.target.value }),
           placeholder: "my-layer",
-          className: Y
+          className: _
         }
       ) }),
       /* @__PURE__ */ a(S, { label: "Label", children: /* @__PURE__ */ a(
@@ -2876,7 +2876,7 @@ function je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
           value: e.label,
           onChange: (m) => p({ label: m.target.value }),
           placeholder: "My Layer",
-          className: Y
+          className: _
         }
       ) })
     ] }),
@@ -2885,10 +2885,10 @@ function je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
       {
         value: e.sourceId,
         onChange: (m) => p({ sourceId: m.target.value }),
-        className: Y,
+        className: _,
         children: [
           /* @__PURE__ */ a("option", { value: "", children: "Select a source…" }),
-          i.map((m) => /* @__PURE__ */ a("option", { value: m.id, children: m.label ?? m.id }, m.id))
+          t.map((m) => /* @__PURE__ */ a("option", { value: m.id, children: m.label ?? m.id }, m.id))
         ]
       }
     ) }),
@@ -2898,7 +2898,7 @@ function je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
         {
           value: e.collection,
           onChange: (m) => p({ collection: m.target.value }),
-          className: Y,
+          className: _,
           children: [
             /* @__PURE__ */ a("option", { value: "", children: "Select a collection…" }),
             d.map((m) => /* @__PURE__ */ a("option", { value: m.id, children: m.title ?? m.id }, m.id))
@@ -2910,8 +2910,8 @@ function je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
           type: "text",
           value: e.collection,
           onChange: (m) => p({ collection: m.target.value }),
-          placeholder: x ? "Loading collections…" : "collection-id",
-          className: Y
+          placeholder: w ? "Loading collections…" : "collection-id",
+          className: _
         }
       ),
       o && /* @__PURE__ */ a("span", { className: "mapui:mt-0.5 mapui:block mapui:text-xs mapui:text-gray-400", children: "Loading properties…" })
@@ -2943,8 +2943,68 @@ function je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
       ),
       /* @__PURE__ */ a("label", { htmlFor: "layer-visible", className: "mapui:text-sm mapui:text-gray-700", children: "Visible by default" })
     ] }),
+    /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "checkbox",
+          id: `layer-tooltip-${e.id}`,
+          checked: e.showTooltip ?? !0,
+          onChange: (m) => p({ showTooltip: m.target.checked }),
+          className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
+        }
+      ),
+      /* @__PURE__ */ a("label", { htmlFor: `layer-tooltip-${e.id}`, className: "mapui:text-sm mapui:text-gray-700", children: "Show tooltip on hover" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "checkbox",
+          id: `layer-detail-${e.id}`,
+          checked: e.showDetailPanel ?? !0,
+          onChange: (m) => p({ showDetailPanel: m.target.checked }),
+          className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
+        }
+      ),
+      /* @__PURE__ */ a("label", { htmlFor: `layer-detail-${e.id}`, className: "mapui:text-sm mapui:text-gray-700", children: "Show detail panel on click" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: [
+      /* @__PURE__ */ a(S, { label: "Min Zoom", children: /* @__PURE__ */ a(
+        "input",
+        {
+          type: "number",
+          min: 0,
+          max: 24,
+          step: 1,
+          value: e.minZoom ?? "",
+          onChange: (m) => {
+            const L = m.target.valueAsNumber;
+            p({ minZoom: isNaN(L) ? void 0 : L });
+          },
+          placeholder: "0",
+          className: _
+        }
+      ) }),
+      /* @__PURE__ */ a(S, { label: "Max Zoom", children: /* @__PURE__ */ a(
+        "input",
+        {
+          type: "number",
+          min: 0,
+          max: 24,
+          step: 1,
+          value: e.maxZoom ?? "",
+          onChange: (m) => {
+            const L = m.target.valueAsNumber;
+            p({ maxZoom: isNaN(L) ? void 0 : L });
+          },
+          placeholder: "24",
+          className: _
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ a(X, { title: "Style", children: /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-4", children: [
-      (e.styles ?? [ge]).map((m, I) => {
+      (e.styles ?? [ge]).map((m, L) => {
         var F;
         return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
           m.geometryFilter && m.geometryFilter.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-wrap mapui:gap-1", children: m.geometryFilter.map((b) => /* @__PURE__ */ a(
@@ -2959,7 +3019,7 @@ function je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
             Ha,
             {
               value: m,
-              onChange: (b) => p({ styles: nt(e.styles, I, b) }),
+              onChange: (b) => p({ styles: ni(e.styles, L, b) }),
               suggestedTypes: C,
               availableIcons: r,
               availableProperties: h,
@@ -2970,12 +3030,12 @@ function je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
             "button",
             {
               type: "button",
-              onClick: () => p({ styles: ut(e.styles, I) }),
+              onClick: () => p({ styles: ui(e.styles, L) }),
               className: "mapui:cursor-pointer mapui:self-start 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 style"
             }
           )
-        ] }, I);
+        ] }, L);
       }),
       /* @__PURE__ */ a(
         "button",
@@ -2996,15 +3056,15 @@ function je({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
       }
     ) }),
     /* @__PURE__ */ a(X, { title: "Search Fields", children: /* @__PURE__ */ a(
-      Za,
+      Qa,
       {
-        fields: ((j = e.search) == null ? void 0 : j.fields) ?? [],
+        fields: ((O = e.search) == null ? void 0 : O.fields) ?? [],
         onChange: (m) => p({ search: m.length > 0 ? { fields: m } : void 0 }),
         availableProperties: h
       }
     ) }),
     /* @__PURE__ */ a(X, { title: "Property Display", children: /* @__PURE__ */ a(
-      tt,
+      ii,
       {
         value: e.propertyDisplay ?? {},
         onChange: (m) => p({ propertyDisplay: Object.keys(m).length > 0 ? m : void 0 }),
@@ -3021,37 +3081,37 @@ const ce = () => ({
   visible: !0,
   dataMode: "vector-tiles"
 });
-function Lt({ layers: e, onChange: t, availableSources: i, availableIcons: r }) {
-  const [p, u] = T(null), [n, f] = T(!1), [s, g] = T(ce()), [d, x] = T(null), [c, o] = T(null), [h, w] = T(null), v = () => {
-    t([...e, s]), f(!1), g(ce());
-  }, C = (N) => {
-    t(e.map((k) => k.id === p ? N : k));
-  }, A = (N) => {
-    t(e.filter((k) => k.id !== N)), x(null), p === N && u(null);
-  }, j = (N) => {
-    if (N === 0) return;
+function Li({ layers: e, onChange: i, availableSources: t, availableIcons: r }) {
+  const [p, u] = T(null), [n, x] = T(!1), [s, g] = T(ce()), [d, w] = T(null), [c, o] = T(null), [h, N] = T(null), v = () => {
+    i([...e, s]), x(!1), g(ce());
+  }, C = (y) => {
+    i(e.map((k) => k.id === p ? y : k));
+  }, E = (y) => {
+    i(e.filter((k) => k.id !== y)), w(null), p === y && u(null);
+  }, O = (y) => {
+    if (y === 0) return;
     const k = [...e];
-    [k[N - 1], k[N]] = [k[N], k[N - 1]], t(k);
-  }, m = (N) => {
-    if (N === e.length - 1) return;
+    [k[y - 1], k[y]] = [k[y], k[y - 1]], i(k);
+  }, m = (y) => {
+    if (y === e.length - 1) return;
     const k = [...e];
-    [k[N], k[N + 1]] = [k[N + 1], k[N]], t(k);
-  }, I = (N, k) => {
-    o(k), N.dataTransfer.effectAllowed = "move", N.dataTransfer.setData("text/plain", k);
-  }, F = (N, k) => {
-    N.preventDefault(), N.dataTransfer.dropEffect = "move", w(k);
+    [k[y], k[y + 1]] = [k[y + 1], k[y]], i(k);
+  }, L = (y, k) => {
+    o(k), y.dataTransfer.effectAllowed = "move", y.dataTransfer.setData("text/plain", k);
+  }, F = (y, k) => {
+    y.preventDefault(), y.dataTransfer.dropEffect = "move", N(k);
   }, b = () => {
-    w(null);
-  }, M = (N, k) => {
-    N.preventDefault(), w(null);
-    const O = c;
-    if (o(null), !O || O === k) return;
-    const R = e.findIndex((q) => q.id === O), W = e.findIndex((q) => q.id === k);
+    N(null);
+  }, M = (y, k) => {
+    y.preventDefault(), N(null);
+    const j = c;
+    if (o(null), !j || j === k) return;
+    const R = e.findIndex((G) => G.id === j), W = e.findIndex((G) => G.id === k);
     if (R === -1 || W === -1) return;
     const U = [...e];
-    U.splice(R, 1), U.splice(W, 0, e[R]), t(U);
+    U.splice(R, 1), U.splice(W, 0, e[R]), i(U);
   }, P = () => {
-    o(null), w(null);
+    o(null), N(null);
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
@@ -3061,7 +3121,7 @@ function Lt({ layers: e, onChange: t, availableSources: i, availableIcons: r })
         {
           type: "button",
           onClick: () => {
-            f(!0), g(ce());
+            x(!0), g(ce());
           },
           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"
@@ -3069,22 +3129,22 @@ function Lt({ layers: e, onChange: t, availableSources: i, availableIcons: r })
       )
     ] }),
     e.length === 0 && !n && /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No layers configured." }),
-    /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: e.map((N, k) => {
-      var U, q, K, Q, Z;
-      const O = c === N.id, R = h === N.id, W = p === N.id;
+    /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: e.map((y, k) => {
+      var U, G, J, K, Q;
+      const j = c === y.id, R = h === y.id, W = p === y.id;
       return /* @__PURE__ */ l(
         "li",
         {
           draggable: !W,
-          onDragStart: W ? void 0 : (y) => I(y, N.id),
-          onDragOver: (y) => F(y, N.id),
+          onDragStart: W ? void 0 : (f) => L(f, y.id),
+          onDragOver: (f) => F(f, y.id),
           onDragLeave: b,
-          onDrop: (y) => M(y, N.id),
+          onDrop: (f) => M(f, y.id),
           onDragEnd: P,
           className: [
             "mapui:rounded-lg mapui:border mapui:bg-white mapui:transition-colors",
             R ? "mapui:border-blue-400 mapui:bg-blue-50" : "mapui:border-gray-200",
-            O ? "mapui:opacity-50" : "mapui:opacity-100"
+            j ? "mapui:opacity-50" : "mapui:opacity-100"
           ].join(" "),
           children: [
             /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:gap-2 mapui:px-3 mapui:py-2", children: [
@@ -3094,7 +3154,7 @@ function Lt({ layers: e, onChange: t, availableSources: i, availableIcons: r })
                     "button",
                     {
                       type: "button",
-                      onClick: () => j(k),
+                      onClick: () => O(k),
                       disabled: k === 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",
@@ -3122,18 +3182,24 @@ function Lt({ layers: e, onChange: t, availableSources: i, availableIcons: r })
                   }
                 ),
                 /* @__PURE__ */ l("div", { className: "mapui:flex mapui:min-w-0 mapui:flex-col mapui:gap-0.5", children: [
-                  /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-800", children: N.label || N.id }),
-                  /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: N.collection }),
+                  /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-800", children: y.label || y.id }),
+                  /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: y.collection }),
                   /* @__PURE__ */ l("div", { className: "mapui:mt-1 mapui:flex mapui:flex-wrap mapui:gap-1", children: [
-                    /* @__PURE__ */ a("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: N.dataMode }),
-                    (((U = N.styles) == null ? void 0 : U.length) ?? 0) > 0 && /* @__PURE__ */ a("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: N.styles.map((y) => y.type).join(" · ") }),
-                    N.visible === !1 && /* @__PURE__ */ a("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" }),
-                    (((K = (q = N.search) == null ? void 0 : q.fields) == null ? void 0 : K.length) ?? 0) > 0 && /* @__PURE__ */ l("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: [
-                      N.search.fields.length,
+                    /* @__PURE__ */ a("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: y.dataMode }),
+                    (((U = y.styles) == null ? void 0 : U.length) ?? 0) > 0 && /* @__PURE__ */ a("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: y.styles.map((f) => f.type).join(" · ") }),
+                    y.visible === !1 && /* @__PURE__ */ a("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 = (G = y.search) == null ? void 0 : G.fields) == null ? void 0 : J.length) ?? 0) > 0 && /* @__PURE__ */ l("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: [
+                      y.search.fields.length,
                       " search fields"
                     ] }),
-                    (((Z = (Q = N.legend) == null ? void 0 : Q.entries) == null ? void 0 : Z.length) ?? 0) > 0 && /* @__PURE__ */ l("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: [
-                      N.legend.entries.length,
+                    (y.minZoom != null || y.maxZoom != null) && /* @__PURE__ */ l("span", { className: "mapui:rounded mapui:bg-cyan-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-cyan-700", children: [
+                      "z",
+                      y.minZoom ?? 0,
+                      "–",
+                      y.maxZoom ?? 24
+                    ] }),
+                    (((Q = (K = y.legend) == null ? void 0 : K.entries) == null ? void 0 : Q.length) ?? 0) > 0 && /* @__PURE__ */ l("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: [
+                      y.legend.entries.length,
                       " legend entries"
                     ] })
                   ] })
@@ -3144,44 +3210,44 @@ function Lt({ layers: e, onChange: t, availableSources: i, availableIcons: r })
                   "button",
                   {
                     type: "button",
-                    onClick: () => u(p === N.id ? null : N.id),
+                    onClick: () => u(p === y.id ? null : y.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: p === N.id ? "Close" : "Edit"
+                    children: p === y.id ? "Close" : "Edit"
                   }
                 ),
                 /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
-                    onClick: () => x(N.id),
+                    onClick: () => w(y.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 === N.id && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(
-              je,
+            p === y.id && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(
+              Oe,
               {
-                value: N,
+                value: y,
                 onChange: C,
-                availableSources: i,
+                availableSources: t,
                 availableIcons: r
               }
             ) })
           ]
         },
-        N.id
+        y.id
       );
     }) }),
     n && /* @__PURE__ */ l("div", { className: "mapui:rounded-lg mapui:border mapui:border-blue-200 mapui:bg-blue-50 mapui:p-3", children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:mb-3 mapui:text-xs mapui:font-semibold mapui:text-blue-700", children: "New Layer" }),
       /* @__PURE__ */ a(
-        je,
+        Oe,
         {
           value: s,
           onChange: g,
-          availableSources: i,
+          availableSources: t,
           availableIcons: r
         }
       ),
@@ -3200,7 +3266,7 @@ function Lt({ layers: e, onChange: t, availableSources: i, availableIcons: r })
           "button",
           {
             type: "button",
-            onClick: () => f(!1),
+            onClick: () => x(!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"
           }
@@ -3213,24 +3279,24 @@ function Lt({ layers: e, onChange: t, availableSources: i, availableIcons: r })
         open: d !== null,
         title: "Remove Layer",
         description: "Are you sure you want to remove this layer from the configuration?",
-        onConfirm: () => d && A(d),
-        onCancel: () => x(null)
+        onConfirm: () => d && E(d),
+        onCancel: () => w(null)
       }
     )
   ] });
 }
-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 Oe({ value: e, onChange: t }) {
-  const i = (r) => t({ ...e, ...r });
+const te = "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 je({ value: e, onChange: i }) {
+  const t = (r) => i({ ...e, ...r });
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ a(S, { label: "ID", required: !0, children: /* @__PURE__ */ a(
       "input",
       {
         type: "text",
         value: e.id,
-        onChange: (r) => i({ id: r.target.value }),
+        onChange: (r) => t({ id: r.target.value }),
         placeholder: "osm",
-        className: ie
+        className: te
       }
     ) }),
     /* @__PURE__ */ a(S, { label: "Label", children: /* @__PURE__ */ a(
@@ -3238,9 +3304,9 @@ function Oe({ value: e, onChange: t }) {
       {
         type: "text",
         value: e.label,
-        onChange: (r) => i({ label: r.target.value }),
+        onChange: (r) => t({ label: r.target.value }),
         placeholder: "OpenStreetMap",
-        className: ie
+        className: te
       }
     ) }),
     /* @__PURE__ */ a(S, { label: "Style URL", required: !0, children: /* @__PURE__ */ a(
@@ -3248,9 +3314,9 @@ function Oe({ value: e, onChange: t }) {
       {
         type: "url",
         value: e.url,
-        onChange: (r) => i({ url: r.target.value }),
+        onChange: (r) => t({ url: r.target.value }),
         placeholder: "https://example.com/style.json",
-        className: ie
+        className: te
       }
     ) }),
     /* @__PURE__ */ l(S, { label: "Thumbnail URL (optional)", children: [
@@ -3259,9 +3325,9 @@ function Oe({ value: e, onChange: t }) {
         {
           type: "url",
           value: e.thumbnail ?? "",
-          onChange: (r) => i({ thumbnail: r.target.value || void 0 }),
+          onChange: (r) => t({ thumbnail: r.target.value || void 0 }),
           placeholder: "https://example.com/thumbnail.png",
-          className: ie
+          className: te
         }
       ),
       e.thumbnail && /* @__PURE__ */ a(
@@ -3276,13 +3342,13 @@ function Oe({ value: e, onChange: t }) {
   ] });
 }
 const de = () => ({ id: "", label: "", url: "" });
-function At({ basemaps: e, onChange: t }) {
-  const [i, r] = T(null), [p, u] = T(!1), [n, f] = T(de()), [s, g] = T(null), d = (o) => {
-    t(e.map((h) => h.id === i ? o : h));
-  }, x = () => {
-    t([...e, n]), u(!1), f(de());
+function Ai({ basemaps: e, onChange: i }) {
+  const [t, r] = T(null), [p, u] = T(!1), [n, x] = T(de()), [s, g] = T(null), d = (o) => {
+    i(e.map((h) => h.id === t ? o : h));
+  }, w = () => {
+    i([...e, n]), u(!1), x(de());
   }, c = (o) => {
-    t(e.filter((h) => h.id !== o)), g(null);
+    i(e.filter((h) => h.id !== o)), g(null);
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
@@ -3292,7 +3358,7 @@ function At({ basemaps: e, onChange: t }) {
         {
           type: "button",
           onClick: () => {
-            u(!0), f(de());
+            u(!0), x(de());
           },
           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 Basemap"
@@ -3323,9 +3389,9 @@ function At({ basemaps: e, onChange: t }) {
                 "button",
                 {
                   type: "button",
-                  onClick: () => r(i === o.id ? null : o.id),
+                  onClick: () => r(t === o.id ? null : o.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: i === o.id ? "Close" : "Edit"
+                  children: t === o.id ? "Close" : "Edit"
                 }
               ),
               /* @__PURE__ */ a(
@@ -3339,20 +3405,20 @@ function At({ basemaps: e, onChange: t }) {
               )
             ] })
           ] }),
-          i === o.id && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(Oe, { value: o, onChange: d }) })
+          t === o.id && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(je, { value: o, onChange: d }) })
         ]
       },
       o.id
     )) }),
     p && /* @__PURE__ */ l("div", { className: "mapui:rounded-lg mapui:border mapui:border-blue-200 mapui:bg-blue-50 mapui:p-3", children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:mb-3 mapui:text-xs mapui:font-semibold mapui:text-blue-700", children: "New Basemap" }),
-      /* @__PURE__ */ a(Oe, { value: n, onChange: f }),
+      /* @__PURE__ */ a(je, { value: n, onChange: x }),
       /* @__PURE__ */ l("div", { className: "mapui:mt-3 mapui:flex mapui:gap-2", children: [
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: x,
+            onClick: w,
             disabled: !n.id || !n.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"
@@ -3382,15 +3448,15 @@ function At({ basemaps: e, onChange: t }) {
   ] });
 }
 const $e = "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: e, onChange: t }) {
-  const i = (r) => t({ ...e, ...r });
+function Re({ value: e, onChange: i }) {
+  const t = (r) => i({ ...e, ...r });
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ a(S, { label: "ID", required: !0, children: /* @__PURE__ */ a(
       "input",
       {
         type: "text",
         value: e.id,
-        onChange: (r) => i({ id: r.target.value }),
+        onChange: (r) => t({ id: r.target.value }),
         placeholder: "my-sprites",
         className: $e
       }
@@ -3401,7 +3467,7 @@ function Re({ value: e, onChange: t }) {
         {
           type: "url",
           value: e.url,
-          onChange: (r) => i({ url: r.target.value }),
+          onChange: (r) => t({ url: r.target.value }),
           placeholder: "https://example.com/sprites/sprite",
           className: $e
         }
@@ -3416,21 +3482,21 @@ function Re({ value: e, onChange: t }) {
     ] })
   ] });
 }
-const he = () => ({ id: "", url: "" }), ot = (e) => {
+const he = () => ({ id: "", url: "" }), oi = (e) => {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
 };
-function Et({ sprites: e, onChange: t }) {
-  const [i, r] = T(null), [p, u] = T(!1), [n, f] = T(he()), [s, g] = T(null), d = (o) => {
-    t(e.map((h, w) => w === i ? o : h));
-  }, x = () => {
-    t([...e, n]), u(!1), f(he());
+function Ei({ sprites: e, onChange: i }) {
+  const [t, r] = T(null), [p, u] = T(!1), [n, x] = T(he()), [s, g] = T(null), d = (o) => {
+    i(e.map((h, N) => N === t ? o : h));
+  }, w = () => {
+    i([...e, n]), u(!1), x(he());
   }, c = (o) => {
-    const h = e.findIndex((w) => w.id === o);
-    t(e.filter((w) => w.id !== o)), i !== null && (h === i ? r(null) : h < i && r(i - 1)), g(null);
+    const h = e.findIndex((N) => N.id === o);
+    i(e.filter((N) => N.id !== o)), t !== null && (h === t ? r(null) : h < t && r(t - 1)), g(null);
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
@@ -3440,7 +3506,7 @@ function Et({ sprites: e, onChange: t }) {
         {
           type: "button",
           onClick: () => {
-            u(!0), f(he());
+            u(!0), x(he());
           },
           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 Sprite Sheet"
@@ -3463,9 +3529,9 @@ function Et({ sprites: e, onChange: t }) {
                 "button",
                 {
                   type: "button",
-                  onClick: () => r(i === h ? null : h),
+                  onClick: () => r(t === h ? null : h),
                   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: i === h ? "Close" : "Edit"
+                  children: t === h ? "Close" : "Edit"
                 }
               ),
               /* @__PURE__ */ a(
@@ -3479,21 +3545,21 @@ function Et({ sprites: e, onChange: t }) {
               )
             ] })
           ] }),
-          i === h && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(Re, { value: o, onChange: d }) })
+          t === h && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(Re, { value: o, onChange: d }) })
         ]
       },
       h
     )) }),
     p && /* @__PURE__ */ l("div", { className: "mapui:rounded-lg mapui:border mapui:border-blue-200 mapui:bg-blue-50 mapui:p-3", children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:mb-3 mapui:text-xs mapui:font-semibold mapui:text-blue-700", children: "New Sprite Sheet" }),
-      /* @__PURE__ */ a(Re, { value: n, onChange: f }),
+      /* @__PURE__ */ a(Re, { value: n, onChange: x }),
       /* @__PURE__ */ l("div", { className: "mapui:mt-3 mapui:flex mapui:gap-2", children: [
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: x,
-            disabled: !n.id || !n.url || !ot(n.url) || e.some((o) => o.id === n.id),
+            onClick: w,
+            disabled: !n.id || !n.url || !oi(n.url) || e.some((o) => o.id === n.id),
             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"
           }
@@ -3521,7 +3587,7 @@ function Et({ sprites: e, onChange: t }) {
     )
   ] });
 }
-const mt = [
+const mi = [
   { 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" },
@@ -3534,13 +3600,13 @@ const mt = [
   { key: "showMeasureTool", label: "Measure Tool", description: "Measure distances and areas on the map" },
   { key: "showSelectionTool", label: "Selection Tool", description: "Select features by click or box draw" }
 ];
-function It({ value: e, onChange: t }) {
-  const i = (r, p) => {
-    t({ ...e, [r]: p });
+function Ii({ value: e, onChange: i }) {
+  const t = (r, p) => {
+    i({ ...e, [r]: p });
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: [
     /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:mb-2 mapui:text-xs mapui:text-gray-500", children: "Enable or disable UI panels and controls." }),
-    /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-1 mapui:gap-2 sm:mapui:grid-cols-2", children: mt.map(({ key: r, label: p, description: u }) => {
+    /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-1 mapui:gap-2 sm:mapui:grid-cols-2", children: mi.map(({ key: r, label: p, description: u }) => {
       const n = e[r];
       return /* @__PURE__ */ l(
         "label",
@@ -3557,7 +3623,7 @@ function It({ value: e, onChange: t }) {
                 {
                   type: "checkbox",
                   checked: n,
-                  onChange: (f) => i(r, f.target.checked),
+                  onChange: (x) => t(r, x.target.checked),
                   className: "mapui:sr-only",
                   "aria-label": p
                 }
@@ -3588,46 +3654,46 @@ function It({ value: e, onChange: t }) {
     }) })
   ] });
 }
-const Ke = [
+const Je = [
   { 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 st(e, t) {
-  const i = Ke.find((r) => r.key === e);
-  if (i) {
-    if (isNaN(t)) return "Must be a number";
-    if (t < i.min) return `Must be at least ${i.min}`;
-    if (t > i.max) return `Must be at most ${i.max}`;
+function si(e, i) {
+  const t = Je.find((r) => r.key === e);
+  if (t) {
+    if (isNaN(i)) return "Must be a number";
+    if (i < t.min) return `Must be at least ${t.min}`;
+    if (i > t.max) return `Must be at most ${t.max}`;
   }
 }
-const ct = "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 Mt({ value: e, onChange: t }) {
-  const i = (r, p) => {
+const ci = "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 Mi({ value: e, onChange: i }) {
+  const t = (r, p) => {
     const u = parseFloat(p);
-    t({ ...e, [r]: isNaN(u) ? 0 : u });
+    i({ ...e, [r]: isNaN(u) ? 0 : u });
   };
-  return /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: Ke.map(({ key: r, label: p, min: u, max: n, step: f, placeholder: s }) => {
-    const g = st(r, e[r]);
+  return /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: Je.map(({ key: r, label: p, min: u, max: n, step: x, placeholder: s }) => {
+    const g = si(r, e[r]);
     return /* @__PURE__ */ a(S, { label: p, error: g, children: /* @__PURE__ */ a(
       "input",
       {
         type: "number",
         min: u,
         max: n,
-        step: f,
+        step: x,
         value: e[r],
         placeholder: s,
-        onChange: (d) => i(r, d.target.value),
-        className: `${ct} ${g ? "mapui:border-red-400" : ""}`
+        onChange: (d) => t(r, d.target.value),
+        className: `${ci} ${g ? "mapui:border-red-400" : ""}`
       }
     ) }, r);
   }) });
 }
-function Ft({ config: e }) {
-  const t = sa(e);
+function Fi({ config: e }) {
+  const i = sa(e);
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
       /* @__PURE__ */ a(
@@ -3635,201 +3701,205 @@ function Ft({ config: e }) {
         {
           className: [
             "mapui:inline-flex mapui:items-center mapui:rounded-full mapui:px-2.5 mapui:py-0.5 mapui:text-xs mapui:font-semibold",
-            t.success ? "mapui:bg-green-100 mapui:text-green-800" : "mapui:bg-red-100 mapui:text-red-800"
+            i.success ? "mapui:bg-green-100 mapui:text-green-800" : "mapui:bg-red-100 mapui:text-red-800"
           ].join(" "),
-          children: t.success ? "Valid" : "Invalid"
+          children: i.success ? "Valid" : "Invalid"
         }
       ),
       /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-gray-500", children: "MapConfig validation" })
     ] }),
-    !t.success && /* @__PURE__ */ l("div", { className: "mapui:rounded mapui:bg-red-50 mapui:p-3", children: [
+    !i.success && /* @__PURE__ */ l("div", { className: "mapui:rounded mapui:bg-red-50 mapui:p-3", children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:mb-1 mapui:text-xs mapui:font-semibold mapui:text-red-700", children: "Validation Errors" }),
-      /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-1 mapui:p-0", children: t.error.errors.map((i, r) => /* @__PURE__ */ l("li", { className: "mapui:flex mapui:flex-col mapui:gap-0.5", children: [
-        /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-red-600", children: i.path.join(" > ") || "root" }),
-        /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-red-800", children: i.message })
+      /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-1 mapui:p-0", children: i.error.errors.map((t, r) => /* @__PURE__ */ l("li", { className: "mapui:flex mapui:flex-col mapui:gap-0.5", children: [
+        /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-red-600", children: t.path.join(" > ") || "root" }),
+        /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-red-800", children: t.message })
       ] }, r)) })
     ] }),
     /* @__PURE__ */ a("div", { className: "mapui:overflow-auto mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-gray-50", children: /* @__PURE__ */ a("pre", { className: "mapui:m-0 mapui:p-3 mapui:text-xs mapui:text-gray-800 mapui:whitespace-pre", children: JSON.stringify(e, null, 2) }) })
   ] });
 }
-function dt(e, t) {
-  const [i, r] = e, [p, u] = t;
+function di(e, i) {
+  const [t, r] = e, [p, u] = i;
   return {
     type: "Polygon",
     coordinates: [[
-      [i, r],
+      [t, r],
       [p, r],
       [p, u],
-      [i, u],
-      [i, r]
+      [t, u],
+      [t, r]
     ]]
   };
 }
-function Pt(e, t) {
+function Pi(e, i) {
   return {
     type: "Feature",
     properties: {},
-    geometry: dt(e, t)
+    geometry: di(e, i)
   };
 }
 export {
-  rr as BasemapConfigSchema,
-  Oe as BasemapEditor,
-  At as BasemapList,
-  $t as BasemapSwitcher,
-  lr as CircleLayoutSchema,
-  pr as CirclePaintSchema,
-  nr as CircleStyleSchema,
-  Bt as CollapsibleControl,
+  pr as BasemapConfigSchema,
+  je as BasemapEditor,
+  Ai as BasemapList,
+  $i as BasemapSwitcher,
+  nr as BrandingConfigSchema,
+  ur as CircleLayoutSchema,
+  or as CirclePaintSchema,
+  mr as CircleStyleSchema,
+  Bi as CollapsibleControl,
   X as CollapsibleSection,
-  Ct as CollectionBrowser,
-  J as ColorPicker,
-  Ft as ConfigPreview,
+  Ci as CollectionBrowser,
+  Z as ColorPicker,
+  Fi as ConfigPreview,
   re as ConfirmDialog,
-  Ut as CoordinateDisplay,
-  ur as DatetimeSearchFieldSchema,
-  _t as ExportButton,
-  xt as ExportModal,
-  Ht as FeatureDetailPanel,
-  Xt as FeatureTooltip,
-  or as FillLayoutSchema,
-  mr as FillPaintSchema,
-  sr as FillStyleSchema,
-  cr as FilterConfigSchema,
+  Ui as CoordinateDisplay,
+  sr as DEFAULT_HEADER_COLOR,
+  cr as DatetimeSearchFieldSchema,
+  _i as ExportButton,
+  xi as ExportModal,
+  Hi as FeatureDetailPanel,
+  Xi as FeatureTooltip,
+  dr as FillLayoutSchema,
+  hr as FillPaintSchema,
+  gr as FillStyleSchema,
+  br as FilterConfigSchema,
   S as FormField,
-  dr as GeometryTypeSchema,
-  hr as LayerConfigSchema,
-  je as LayerEditor,
-  Lt as LayerList,
-  Kt as LayerPanel,
-  Zt as Legend,
-  gr as LegendConfigSchema,
+  yr as GeometryTypeSchema,
+  fr as LayerConfigSchema,
+  Oe as LayerEditor,
+  Li as LayerList,
+  Ji as LayerPanel,
+  Qi as Legend,
+  xr as LegendConfigSchema,
   Xa as LegendEditor,
   Ya as LegendEntryEditor,
-  br as LegendEntrySchema,
-  yr as LineLayoutSchema,
-  fr as LinePaintSchema,
-  xr as LineStyleSchema,
-  wr as MapConfigSchema,
-  wt as MeasurePanel,
-  Nr as NumberSearchFieldSchema,
-  vr as OgcApiSourceSchema,
-  kr as PropertyDisplayConfigSchema,
-  tt as PropertyDisplayEditor,
-  Cr as PropertyDisplaySchema,
-  vt as ResultsDrawer,
-  Sr as SearchConfigSchema,
-  Ka as SearchFieldEditor,
-  Za as SearchFieldList,
-  Tr as SearchFieldSchema,
-  tr as SearchPanel,
-  Dr as SelectSearchFieldSchema,
-  Nt as SelectionPanel,
+  wr as LegendEntrySchema,
+  Nr as LineLayoutSchema,
+  vr as LinePaintSchema,
+  kr as LineStyleSchema,
+  Cr as MapConfigSchema,
+  wi as MeasurePanel,
+  Sr as NumberSearchFieldSchema,
+  Tr as OgcApiSourceSchema,
+  Dr as PropertyDisplayConfigSchema,
+  ii as PropertyDisplayEditor,
+  Lr as PropertyDisplaySchema,
+  vi as ResultsDrawer,
+  Ar as SearchConfigSchema,
+  Ja as SearchFieldEditor,
+  Qa as SearchFieldList,
+  Er as SearchFieldSchema,
+  rr as SearchPanel,
+  Ir as SelectSearchFieldSchema,
+  Ni as SelectionPanel,
   we as SourceEditor,
-  kt as SourceList,
+  ki as SourceList,
   Re as SpriteSourceEditor,
-  Et as SpriteSourceList,
-  Lr as SpriteSourceSchema,
-  Ar as StyleConfigSchema,
+  Ei as SpriteSourceList,
+  Mr as SpriteSourceSchema,
+  Fr as StyleConfigSchema,
   Ha as StyleEditor,
-  Er as SymbolLayoutSchema,
-  Ir as SymbolPaintSchema,
-  Mr as SymbolStyleSchema,
-  Fr as TextSearchFieldSchema,
-  It as UIConfigEditor,
-  Pr as UIConfigSchema,
+  Pr as SymbolLayoutSchema,
+  Or as SymbolPaintSchema,
+  jr as SymbolStyleSchema,
+  $r as TextSearchFieldSchema,
+  Ii as UIConfigEditor,
+  Rr as UIConfigSchema,
   na as UNITS_FOR_MODE,
   xe as UNIT_LABELS,
-  jr as ViewConfigSchema,
-  Mt as ViewEditor,
-  ai as and,
-  ti as bboxFromGeometry,
-  ii as between,
-  Pt as buildBoxDrawData,
-  dt as buildBoxPolygon,
-  pt as buildDefaultStylesForGeometryTypes,
-  ri as buildMeasureGeometryData,
-  li as buildMeasurePointsData,
-  pi as calculateArea,
-  ni as calculateDistance,
-  ui as calculateMeasurement,
+  Br as ViewConfigSchema,
+  Mi as ViewEditor,
+  at as and,
+  it as bboxFromGeometry,
+  tt as between,
+  Pi as buildBoxDrawData,
+  di as buildBoxPolygon,
+  pi as buildDefaultStylesForGeometryTypes,
+  rt as buildGeometryFilter,
+  lt as buildMeasureGeometryData,
+  pt as buildMeasurePointsData,
+  nt as calculateArea,
+  ut as calculateDistance,
+  ot as calculateMeasurement,
   _e as defaultCircle,
   ge as defaultFill,
-  qa as defaultLine,
-  Ga as defaultSymbol,
-  oi as defaultUnitForMode,
+  Ga as defaultLine,
+  qa as defaultSymbol,
+  mt as defaultUnitForMode,
   Xe as detectGeometryStyleTypesFromQueryables,
-  rt as detectGeometryTypeFromQueryables,
-  Je as detectGeometryTypesFromFeatures,
-  St as detectStyleTypeForCollection,
-  Tt as detectStyleTypesForCollection,
-  mi as downloadBlob,
-  si as downloadCsv,
-  ci as eq,
+  ri as detectGeometryTypeFromQueryables,
+  Ze as detectGeometryTypesFromFeatures,
+  Si as detectStyleTypeForCollection,
+  Ti as detectStyleTypesForCollection,
+  st as downloadBlob,
+  ct as downloadCsv,
+  dt as eq,
   We as expressionColors,
   Ia as expressionEntries,
   Ma as expressionPropertyName,
   Ea as expressionType,
   He as extractGeometryType,
-  di as featuresToCsv,
-  hi as fetchCollectionDetail,
-  gi as fetchCollections,
-  bi as fetchConformance,
+  ht as featuresToCsv,
+  gt as fetchCollectionDetail,
+  bt as fetchCollections,
+  yt as fetchConformance,
   ma as fetchDistinctValues,
-  yi as fetchFeatureById,
-  fi as fetchFeatureCount,
+  ft as fetchFeatureById,
+  xt as fetchFeatureCount,
   ye as fetchFeatures,
-  Ge as fetchQueryables,
-  xi as fetchSpriteNames,
-  wi as fetchSpriteUrlFromStyle,
-  Ni as fetchTileJson,
-  qt as formatDMS,
-  Gt as formatDecimal,
+  qe as fetchQueryables,
+  wt as fetchSpriteNames,
+  Nt as fetchSpriteUrlFromStyle,
+  vt as fetchTileJson,
+  Gi as formatDMS,
+  qi as formatDecimal,
   ua as formatMeasurement,
-  vi as fromSimpleFilters,
-  ki as fromStructuredFilters,
+  kt as fromSimpleFilters,
+  Ct as fromStructuredFilters,
   Ye as geometryTypeToStyleType,
   fe as geometryTypeToStyleTypes,
   pe as getColorFromPalette,
-  Ci as getCql2FilteredVectorTileUrl,
-  Si as getFilteredVectorTileUrl,
+  St as getCql2FilteredVectorTileUrl,
+  Tt as getFilteredVectorTileUrl,
   Fa as getPrimaryColor,
   Pa as getShapeForStyleType,
-  Ti as getTileJsonUrl,
-  Di as getVectorTileUrl,
-  Li as gt,
-  Ai as gte,
-  Dt as humanizePropertyName,
-  Ei as inList,
-  _ as isExpression,
-  it as isGeometryProperty,
-  Ii as isNull,
-  Mi as like,
-  Fi as lt,
-  Pi as lte,
-  ji as neq,
-  Oi as not,
-  $i as or,
-  Ri as resolveAvailableIcons,
-  Bi as resolvePropertyDisplay,
-  zi as resolveStyleWithSprites,
-  Ui as sDwithin,
-  qi as sIntersects,
-  Gi as sWithin,
+  Dt as getTileJsonUrl,
+  Lt as getVectorTileSourceKey,
+  At as getVectorTileUrl,
+  Et as gt,
+  It as gte,
+  Di as humanizePropertyName,
+  Mt as inList,
+  V as isExpression,
+  ti as isGeometryProperty,
+  Ft as isNull,
+  Pt as like,
+  Ot as lt,
+  jt as lte,
+  $t as neq,
+  Rt as not,
+  Bt as or,
+  zt as resolveAvailableIcons,
+  Ut as resolvePropertyDisplay,
+  Gt as resolveStyleWithSprites,
+  qt as sDwithin,
+  Wt as sIntersects,
+  _t as sWithin,
   sa as safeValidateMapConfig,
-  Wi as selectedFeatureKey,
-  _i as serializeCql2,
-  Vi as tAfter,
-  Hi as tBefore,
-  Yi as tDuring,
-  lt as toAvailableProperties,
-  Xi as useCsvExport,
-  Ji as useExport,
-  Ki as useMeasure,
-  Qi as useOgcCollectionDetail,
-  qe as useOgcCollections,
-  Zi as useOgcFeatures,
+  Vt as selectedFeatureKey,
+  Ht as serializeCql2,
+  Yt as tAfter,
+  Xt as tBefore,
+  Zt as tDuring,
+  li as toAvailableProperties,
+  Jt as useCsvExport,
+  Kt as useExport,
+  Qt as useMeasure,
+  er as useOgcCollectionDetail,
+  Ge as useOgcCollections,
+  ar as useOgcFeatures,
   oa as useOgcQueryables,
-  er as useSelection,
-  Or as validateMapConfig
+  ir as useSelection,
+  zr as validateMapConfig
 };